@charset "UTF-8";
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
.u-highlight {
  background-color: #FADFCC;
  border: 1px solid #E6651B;
}
@media only screen and (max-width: 992px) {
  .u-no-scroll {
    position: fixed;
    overflow: hidden;
  }
}
/*------------------------------------*\
    #ANIMATION
\*------------------------------------*/
@keyframes gh-mobile-menu {
  0% {
    right: -320px;
  }
  1% {
    right: -300px;
  }
  99% {
    right: -20px;
  }
  100% {
    right: 0;
  }
}
.u-max-lib-height {
  height: 48px;
}
.u-max-lib-dimensions-mobile {
  height: 60px;
  width: 234px;
}
.gh-move-to-spine > .anchor:hover {
  cursor: pointer;
  color: #323232 !important;
}
.button-link {
  transition: border-bottom-color 0.3s ease, color 0.3s ease;
}
.icon-help,
.icon-search {
  transition: all 0.3s ease !important;
}
.u-flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.u-flex-center-ver {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 20em) {
  .u-flex-center-from-xs {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (min-width: 36em) {
  .u-flex-center-from-sm {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (min-width: 48em) {
  .u-flex-center-from-md {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (min-width: 62em) {
  .u-flex-center-from-lg {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (min-width: 75em) {
  .u-flex-center-from-xl {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (min-width: 20em) {
  .u-flex-center-ver-from-xs {
    display: flex;
    align-items: center;
  }
}
@media only screen and (min-width: 36em) {
  .u-flex-center-ver-from-sm {
    display: flex;
    align-items: center;
  }
}
@media only screen and (min-width: 48em) {
  .u-flex-center-ver-from-md {
    display: flex;
    align-items: center;
  }
}
@media only screen and (min-width: 62em) {
  .u-flex-center-ver-from-lg {
    display: flex;
    align-items: center;
  }
}
@media only screen and (min-width: 75em) {
  .u-flex-center-ver-from-xl {
    display: flex;
    align-items: center;
  }
}
.u-gap-6 {
  gap: 6px;
}
.u-list-reset {
  list-style: none;
  padding-left: 0 !important;
}
.u-width-full {
  width: 100%;
}
.u-img-responsive {
  max-width: 100%;
}
.u-options-list {
  list-style: none;
  padding-left: 0 !important;
}
.u-options-list li + li {
  margin-top: 8px;
}
.u-overlay {
  bottom: 0;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 70;
}
.u-overlay.mobile-menu-overlay {
  background-color: rgba(235, 235, 235, 0.85);
}
.u-max-lib-height {
  height: 48px;
}
.u-max-lib-dimensions-mobile {
  height: 60px;
  width: 234px;
}
.gh-move-to-spine > .anchor:hover {
  cursor: pointer;
  color: #323232 !important;
}
.button-link {
  transition: border-bottom-color 0.3s ease, color 0.3s ease;
}
.icon-help,
.icon-search {
  transition: all 0.3s ease !important;
}
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
#gh-branding {
  flex-shrink: 0;
  -ms-flex-positive: 1;
  margin-right: 64px;
}
#gh-branding .gh-logo {
  transition: height 0.3s, width 0.3s;
  height: 40px;
  width: 45px;
}
#gh-branding .gh-logo.gh-logo-only, #gh-branding .gh-logo svg {
  height: 54px;
}
#gh-branding .gh-logo.gh-logo-wordmark, #gh-branding .gh-logo svg {
  height: 64px;
}
#gh-branding .gh-logo + .gh-wordmark {
  margin-left: 16px;
}
#gh-branding h1 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
  font-weight: 500;
  margin-top: 4px;
  margin-left: 16px;
  transition: font-size 0.3s, margin-left 0.3s;
}
#gh-branding .gh-wordmark {
  transition: height 0.3s, margin 0.3s, width 0.3s;
  transform: translateY(2px);
}
#gh-branding .gh-wordmark.gh-elsevier-wordmark {
  height: 14px !important;
}
#gh-branding:hover, #gh-branding:focus {
  border-bottom: none;
}
#gh-branding:focus {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
#gh-mob-inst-cnt .gh-inst-cnt a {
  margin-top: 12px !important;
}
#gh-mob-profile-with-inst {
  padding: 24px 12px;
}
.gh-lib-banner {
  transition: height 0.3s, width 0.3s, margin-left 0.3s;
  overflow: hidden;
}
@media only screen and (max-width: 1120px) {
  .gh-lib-banner {
    display: none;
  }
}
.gh-lib-banner.gh-lb-legacy {
  margin-left: 22px;
  flex-shrink: 0;
  max-width: 234px;
  max-height: 60px;
}
.gh-lib-banner.gh-lb-legacy:focus-within {
  outline: 2px solid #eb6500 !important;
}
.gh-lib-banner.gh-lb-legacy {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.gh-lib-banner.gh-lb-legacy .gh-lb-info {
  line-height: 1;
  border: 2px solid transparent !important;
}
.gh-lib-banner.gh-lb-legacy .gh-lb-info .gh-lb-message {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.gh-lib-banner.gh-lb-legacy .gh-lb-info .gh-lb-message > a:focus, .gh-lib-banner.gh-lb-legacy .gh-lb-info .gh-lb-message > a:focus > .anchor-text {
  outline: none !important;
}
.gh-lib-banner.gh-lb-dominant {
  transition: height 0.3s, padding 0.3s, transform 0.3s;
  height: 48px;
  width: 100%;
  display: flex;
  align-items: center;
}
.gh-lib-banner.gh-lb-dominant img {
  transition: height 0.3s;
  height: 48px;
}
.gh-lib-banner .gh-il-placeholder {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  background-size: cover;
  background-color: #4c4c4c;
  background-position: center;
}
.gh-lib-banner.gh-lb-fallback-with-link {
  position: relative;
  top: 2px;
}
.gh-lib-banner.gh-lb-fallback-with-link .gh-lb-message {
  position: relative;
  top: -2px;
}
.gh-nav-cnt {
  position: relative;
  width: 100%;
}
.gh-nav-cnt .gh-nav-links-container-h {
  display: flex;
  align-items: center;
  float: right;
}
.gh-nav-cnt .gh-nav-links-container-h nav + nav {
  margin-left: 56px;
}
@media only screen and (max-width: 1200px) {
  .gh-nav-cnt .gh-nav-links-container-h nav + nav {
    margin-left: 34px;
  }
}
@media only screen and (max-width: 805px) {
  .gh-nav-cnt.search-visible {
    width: 100% !important;
  }
}
@media only screen and (max-width: 805px) {
  .gh-nav-cnt.search-visible {
    height: 48px;
  }
}
@media only screen and (max-width: getBreakpointDownValue(48em)) {
  .gh-nav-cnt .gh-nav-utilities {
    margin-left: 0;
  }
}
.gh-nav-cnt .gh-nav-h {
  z-index: 1;
  float: left;
}
.gh-nav .gh-nav-item:before {
  content: none !important;
}
.gh-nav .gh-nav-item .gh-icon {
  max-width: initial !important;
}
.gh-nav .gh-lbl {
  margin-bottom: 12px;
}
.gh-nav-h {
  display: flex;
  align-items: center;
  display: inline-block;
  overflow: visible;
  transition: margin-left 0.4s ease;
}
.gh-nav-h > .gh-nav-list {
  height: 100%;
  display: flex;
  align-items: center;
}
.gh-nav-h > .gh-nav-list > .gh-nav-item + .gh-nav-item {
  margin-left: 56px;
  transition: padding-left 0.2s;
}
.gh-nav-h.gh-nav-links > .gh-nav-list > .gh-nav-item {
  line-height: 26px;
}
.gh-nav-h.gh-nav-utilities > .gh-nav-list > .gh-nav-item + .gh-nav-item {
  padding-left: 8px;
}
.gh-nav .gh-icon-btn .gh-icon {
  transition: height 0.3s, width 0.3s;
}
.gh-nav-v {
  margin: 24px 12px 0;
}
.gh-nav-v > ul > li.gh-has-dd {
  margin-bottom: 32px;
}
.gh-nav-v > ul > li:not(.gh-has-dd) + li.gh-has-dd {
  margin-top: 32px;
}
.gh-search-cnt {
  transition: top 0.3s;
  position: relative;
  background-color: #ffffff;
  z-index: 101;
  left: -2px;
}
@media only screen and (max-width: getBreakpointDownValue(48em)) {
  .gh-search-cnt {
    top: 0;
    left: 0 !important;
    right: 0 !important;
    bottom: 0;
  }
}
.gh-search-cnt .gh-nav-search-icon {
  position: absolute;
  margin-left: 15px;
  margin-top: 10px !important;
}
.gh-search-cnt .gh-search-keyword {
  height: 48px;
  flex-grow: 1;
  min-height: 0;
}
.gh-search-cnt .gh-search-keyword .gh-search-input-field {
  height: 46px;
  padding: 8px 24px 0 32px;
  transition: height 0.3s;
  border: none;
  border-bottom: 2px solid #dcdcdc;
  outline: 0;
  width: 100%;
  font-family: inherit;
}
@media only screen and (max-width: getBreakpointDownValue(48em)) {
  .gh-search-cnt .gh-search-keyword .gh-search-input-field {
    padding: 0 40px 0 48px;
  }
}
@media only screen and (max-width: 805px) {
  .gh-search-cnt .gh-search-keyword .gh-search-input-field {
    height: 42px;
    padding: 16px 24px 0 32px;
    font-size: 16px;
  }
}
#gh-alerts-dd:not(.gh-is-empty) .gh-ppvr-cnt-inner, #gh-cart-dd:not(.gh-is-empty) .gh-ppvr-cnt-inner {
  width: 420px;
}
#gh-alerts-dd.gh-is-empty .gh-ppvr-cnt-inner, #gh-cart-dd.gh-is-empty .gh-ppvr-cnt-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 270px;
}
#gh-alerts-dd.gh-is-empty .gh-ppvr-cnt-inner .gh-icon, #gh-cart-dd.gh-is-empty .gh-ppvr-cnt-inner .gh-icon {
  fill: #b8b8b8;
}
#gh-alerts-dd.gh-is-empty .gh-ppvr-cnt-inner .gh-lbl, #gh-cart-dd.gh-is-empty .gh-ppvr-cnt-inner .gh-lbl {
  white-space: nowrap;
}
.gh-search-toggle > .anchor {
  transition: none;
}
@media only screen and (max-width: 1120px) {
  #popover-trigger-gh-help-icon-popover .button-link, #popover-trigger-gh-help-icon-popover #gh-search-link,
  .gh-search-toggle .button-link,
  .gh-search-toggle #gh-search-link,
  #popover-trigger-gh-profile-dropdown .button-link,
  #popover-trigger-gh-profile-dropdown #gh-search-link,
  #popover-trigger-institution-popover .button-link,
  #popover-trigger-institution-popover #gh-search-link {
    height: 40px;
    width: 40px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 12px !important;
  }
  #popover-trigger-gh-help-icon-popover .button-link:focus-visible, #popover-trigger-gh-help-icon-popover #gh-search-link:focus-visible,
  .gh-search-toggle .button-link:focus-visible,
  .gh-search-toggle #gh-search-link:focus-visible,
  #popover-trigger-gh-profile-dropdown .button-link:focus-visible,
  #popover-trigger-gh-profile-dropdown #gh-search-link:focus-visible,
  #popover-trigger-institution-popover .button-link:focus-visible,
  #popover-trigger-institution-popover #gh-search-link:focus-visible {
    outline-offset: -3px;
  }
}
@media only screen and (max-width: 1120px) {
  #popover-trigger-gh-help-icon-popover span,
  .gh-search-toggle span,
  #popover-trigger-gh-profile-dropdown span,
  #popover-trigger-institution-popover span {
    display: none;
  }
}
@media only screen and (max-width: 1120px) {
  .popover-content {
    margin-top: 13px !important;
    margin-right: 12px;
  }
}
#gh-journals-books-link {
  white-space: nowrap;
}
@media only screen and (max-width: 1120px) {
  #gh-journals-books-link:focus-visible {
    outline-offset: 5px;
  }
}
#gh-ai-link {
  white-space: nowrap;
}
.gh-search-input-field .search-input-message-container {
  display: none;
}
.gh-search-input-field .search-input-field {
  --sd-ui-text-input-field-padding-left: calc(40px - var(--sd-ui-text-input-border-width));
}
.u-margin-16-ver {
  margin-top: 16px;
  margin-bottom: 16px;
}
.u-margin-24-ver {
  margin-top: 24px;
  margin-bottom: 24px;
}
.u-margin-left {
  margin-left: 12px;
}
#popover-content-gh-help-icon-popover {
  margin-top: 18px;
}
#popover-content-gh-help-icon-popover .popover-children {
  padding: 16px 16px 4px !important;
}
#popover-content-gh-help-icon-popover .popover-children,
.gh-nav-links {
  text-wrap: pretty;
}
.gh-nav-help-anchor-inline {
  display: inline;
}
.gh-nav-help-anchor-inline .icon {
  margin-left: 6px;
}
@media only screen and (max-width: 600px) {
  .gh-help-icon-popover-static #popover-content-gh-help-icon-popover {
    width: 320px;
  }
}
@media only screen and (max-width: 600px) {
  .gh-help-icon-popover-static .gh-nav-help-content {
    width: 250px;
  }
}
#gh-main-cnt .gh-profile-container {
  flex-shrink: 0;
  display: flex;
}
#gh-main-cnt .my-account-heading {
  padding: 24px 0 12px;
}
#gh-profile-cnt {
  flex-shrink: 0;
  transition: margin 0.3s;
}
#gh-profile-cnt button.gh-truncate .button-link-text-container {
  max-width: 6.6rem;
}
@media only screen and (min-width: 48em) {
  #gh-profile-cnt {
    display: flex !important;
  }
}
#gh-profile-cnt .gh-ppvr-trigger button {
  font-family: inherit;
}
#gh-profile-cnt .gh-ppvr-cnt-inner {
  padding: 16px 16px 28px !important;
}
#gh-profile-cnt .gh-ppvr-cnt-inner .gh-dd-nav .gh-nav-item {
  white-space: nowrap;
}
#gh-profile-cnt .gh-ppvr-trigger button {
  font-family: inherit;
  border: none;
}
#gh-signin-btn,
#gh-cta-btn,
#gh-myaccount-btn,
#gh-institutionalsignin-btn {
  flex-shrink: 0;
  border: none;
  position: relative;
}
.gh-nav-cnt + #gh-signin-btn {
  margin-left: 10px;
}
.gh-user-info {
  line-height: 24px;
}
.gh-user-info .gh-user-email {
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  list-style-type: none;
}
.gh-user-info .gh-user-fname {
  word-wrap: break-word;
  list-style-type: none;
}
.gh-user-info .gh-my-account {
  margin: 12px 0 12px;
}
.gh-user-info.gh-mobile {
  display: flex;
  align-items: center;
  list-style-type: none;
}
.gh-user-info.gh-mobile .gh-user-email {
  max-width: 100%;
}
.gh-dd-nav {
  list-style: none;
  padding-left: 0 !important;
  line-height: 24px;
}
.gh-dd-nav .gh-nav-item {
  color: #4c4c4c;
  align-items: center;
}
.gh-dd-nav .gh-nav-item + .gh-nav-item {
  margin-top: 12px;
}
.gh-dd-nav .gh-nav-item .gh-has-badge {
  margin-right: 16px;
}
.gh-dd-actions {
  white-space: nowrap;
  text-align: center;
}
.gh-dd-actions a {
  display: inline-block;
}
.gh-dd-actions a + button {
  margin-left: 16px;
}
.gh-dd-actions a:first-child:nth-last-child(1) {
  width: 100%;
}
#gh-profile-dropdown .popover-content-inner {
  width: 320px;
  font-size: 16px;
}
#gh-profile-dropdown #popover-content-gh-profile-dropdown {
  margin-top: 18px;
}
@media only screen and (max-width: 1120px) {
  #gh-myaccount-btn,
  #gh-institutionalsignin-btn {
    height: 40px;
    width: 40px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 12px !important;
    outline-offset: -3px;
  }
}
@media only screen and (max-width: 1120px) {
  #gh-myaccount-btn span,
  #gh-institutionalsignin-btn span {
    display: none;
  }
}
#gh-mobile-menu {
  width: auto;
}
#gh-mobile-menu #gh-drawer {
  background-color: #ffffff;
}
#gh-mobile-menu .gh-nav-cnt.show-scopus {
  height: 120px;
}
#gh-mobile-menu .gh-avatar, #gh-mobile-menu .gh-lib-banner .gh-il-placeholder {
  background-color: #4c4c4c;
}
#gh-mobile-menu .gh-hamburger {
  fill: #4c4c4c;
  margin-left: 6px;
}
#gh-mobile-menu .gh-hamburger [aria-expanded=true] {
  padding: 6px;
}
#gh-mobile-menu .gh-hamburger [aria-expanded=false] {
  padding: 14px 16px 10px;
  outline-offset: -5px;
}
#gh-mobile-menu .gh-hamburger .button-link svg {
  transition: width 0.3s;
}
#gh-mobile-menu .gh-dh-profile .gh-user-email {
  color: #4c4c4c;
}
#gh-mobile-menu #gh-mob-myaccount {
  width: fit-content;
}
#gh-drawer {
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  width: 380px;
  top: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  transition: transform 0.3s ease;
}
@media screen and (max-width: 380px) {
  #gh-drawer {
    max-width: 100%;
  }
}
#gh-drawer.gh-is-expanded {
  right: 0;
  transform: translateX(0);
}
#gh-drawer-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-flow: row-reverse;
  align-items: flex-start;
  font-size: 16px;
  margin: 16px 12px 24px;
  column-gap: 18px;
}
#gh-drawer-header .button-link {
  font-size: 16px !important;
}
#gh-drawer-header #gh-mob-institutionalsignin {
  width: fit-content;
}
#gh-drawer-header #gh-mob-institutionalsignin .anchor-text {
  vertical-align: middle;
}
#gh-drawer-header .gh-hamburger:first-child:nth-last-child(1) {
  position: absolute;
  right: 16px;
  top: 16px;
}
#gh-drawer-header .gh-hamburger svg {
  max-width: none !important;
}
#gh-drawer .gh-dh-opt {
  min-width: 0;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
#gh-drawer .gh-dh-opt p {
  font-size: 16px;
}
#gh-drawer .gh-dh-opt .gh-dh-profile {
  width: 85%;
}
#gh-drawer .gh-dh-opt .gh-dh-actions {
  flex-grow: 1;
  display: grid;
  grid-gap: 12px;
}
#gh-drawer .gh-dh-opt .gh-dh-actions #gh-mob-myaccount-signed-in {
  margin-top: 12px;
  width: fit-content;
}
#gh-drawer .gh-dh-opt .gh-dh-actions #gh-mob-signout-signed-in {
  width: fit-content;
}
#gh-drawer .gh-dh-opt .gh-dh-actions .guest-signin-divider {
  margin: 12px 0;
}
#gh-drawer .gh-dh-opt .full-width-hor-line {
  width: 380px;
  position: relative;
  left: -12px;
}
#gh-drawer .gh-nav h2 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.gh-inst-icon-only {
  height: 40px;
  width: 40px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 22px;
}
.gh-inst-icon-only:focus-visible {
  outline-offset: -3px;
}
.gh-institution-item .popover-content {
  margin-top: 18px;
}
.adjusted-popup-position .popover-content {
  margin-top: 13px;
  margin-right: 12px;
}
.margin-left-header-gap-s {
  margin-left: 22px;
}
.without-outline:focus {
  outline: none !important;
}
.institutional-icon-background {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  background-size: cover;
  background-color: #4c4c4c;
  background-position: center;
}
.u-align-flex-start {
  align-items: flex-start;
}
.gh-nav-help-content {
  list-style-type: none;
  margin-bottom: 12px;
  width: 340px;
}
@media screen and (max-width: 380px) {
  .gh-nav-help-content {
    width: 300px;
  }
}
#help-content-divider {
  margin-bottom: 12px;
}
#gh-main-cnt {
  transition: padding 0.3s, height 0.3s;
  height: 56px;
  width: 100%;
}
.gh-icon-btn {
  flex-shrink: 0;
  border: none;
}
button.gh-truncate .button-link-text-container {
  max-width: 10rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#gh-cnt {
  width: 100%;
  background: white;
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  position: relative;
}
#gh-cnt #gh-mobile-menu {
  display: none;
}
#gh-cnt .gh-search-cnt {
  margin-left: 16px;
}
@media only screen and (max-width: 805px) {
  #gh-cnt .gh-nav-h + .gh-nav-h {
    margin-left: 48px !important;
  }
  #gh-cnt .gh-nav-h > .gh-nav-list > .gh-nav-item + .gh-nav-item {
    padding-left: 24px;
  }
  #gh-cnt .gh-nav-h.gh-nav-utilities > .gh-nav-list > .gh-nav-item + .gh-nav-item {
    padding-left: 2px;
  }
  #gh-cnt .gh-nav-cnt + #gh-signin-btn {
    margin-left: 2px;
  }
  #gh-cnt #gh-profile-cnt {
    margin-left: 24px !important;
  }
  #gh-cnt #gh-profile-cnt .gh-avatar.gh-sm svg {
    height: 20px !important;
  }
  #gh-cnt #gh-profile-cnt .gh-avatar.gh-sm {
    height: 32px;
    width: 32px;
  }
  #gh-cnt #gh-main-cnt > .gh-icon-btn svg {
    height: 20px !important;
  }
  #gh-cnt #gh-main-cnt .gh-profile-container > .button {
    font-size: 16px;
    line-height: var(--sd-ui-line-height);
    height: 32px;
    margin-left: 24px !important;
  }
  #gh-cnt #gh-main-cnt #gh-inst-icon-btn {
    height: 32px;
    width: 32px;
  }
  #gh-cnt #gh-main-cnt #gh-inst-icon-btn svg {
    height: 20px;
  }
  #gh-cnt #gh-main-cnt .gh-profile-container > .link-button,
  #gh-cnt #gh-main-cnt .search-button-link > .link-button {
    font-size: 16px;
    line-height: var(--sd-ui-line-height);
    height: 32px;
    margin-left: 24px !important;
  }
  #gh-cnt .gh-nav-h + .gh-nav-h {
    margin-left: 32px !important;
  }
  #gh-cnt .gh-nav-h > .gh-nav-list > .gh-nav-item {
    font-size: 18px;
    line-height: var(--sd-ui-line-height);
  }
  #gh-cnt .gh-nav-h > .gh-nav-list > .gh-nav-item .gh-icon-btn svg {
    height: 20px !important;
  }
  #gh-cnt #gh-mobile-menu {
    display: block !important;
  }
  #gh-cnt .gh-move-to-spine {
    display: none !important;
  }
  #gh-cnt.gh-reduce-v-space #gh-profile-cnt {
    margin-left: 24px !important;
  }
  #gh-cnt.gh-reduce-v-space #gh-profile-cnt .gh-avatar.gh-sm svg {
    height: 20px !important;
  }
  #gh-cnt.gh-reduce-v-space #gh-profile-cnt .gh-avatar.gh-sm {
    height: 32px;
    width: 32px;
  }
  #gh-cnt.gh-reduce-v-space #gh-main-cnt {
    height: 48px;
  }
  #gh-cnt.gh-reduce-v-space #gh-main-cnt .gh-profile-container > .button {
    font-size: 16px;
    line-height: var(--sd-ui-line-height);
    height: 32px;
    margin-left: 24px !important;
  }
  #gh-cnt.gh-reduce-v-space #gh-main-cnt #gh-inst-icon-btn {
    height: 32px;
    width: 32px;
  }
  #gh-cnt.gh-reduce-v-space #gh-main-cnt #gh-inst-icon-btn svg {
    height: 20px;
  }
  #gh-cnt.gh-reduce-v-space #gh-main-cnt .gh-profile-container > .link-button,
  #gh-cnt.gh-reduce-v-space #gh-main-cnt .search-button-link > .link-button {
    font-size: 16px;
    line-height: var(--sd-ui-line-height);
    height: 32px;
    margin-left: 24px !important;
  }
  #gh-cnt.gh-reduce-v-space #gh-main-cnt .gh-nav-h > .gh-nav-list > .gh-nav-item .gh-icon-btn svg {
    height: 20px !important;
  }
  #gh-cnt.gh-reduce-v-space .gh-lib-banner.gh-lb-legacy {
    height: 0;
    width: 0;
    margin-left: 0;
  }
  @supports (-ms-high-contrast: none) {
    #gh-cnt.gh-reduce-v-space .gh-lib-banner.gh-lb-legacy {
      width: 0;
    }
  }
  #gh-cnt.gh-reduce-v-space .gh-lib-banner.gh-lb-dominant {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  #gh-cnt.gh-reduce-v-space .gh-lib-banner.gh-lb-dominant img {
    height: 0 !important;
  }
  #gh-cnt.gh-reduce-v-space #gh-branding .gh-logo, #gh-cnt.gh-reduce-v-space #gh-branding svg {
    height: 32px !important;
  }
  #gh-cnt.gh-reduce-v-space #gh-branding h1 {
    font-size: 16px;
    line-height: var(--sd-ui-line-height);
    margin-left: 8px;
  }
  #gh-cnt.gh-reduce-v-space #gh-branding .gh-wordmark {
    margin-left: 0 !important;
    height: 15px !important;
  }
  @supports not (-ms-high-contrast: none) {
    #gh-cnt.gh-reduce-v-space #gh-branding .gh-wordmark {
      width: auto;
    }
  }
  #gh-cnt.gh-reduce-v-space #gh-branding .gh-wordmark.gh-elsevier-wordmark, #gh-cnt.gh-reduce-v-space #gh-branding .gh-wordmark svg {
    height: 9px !important;
  }
  #gh-cnt.gh-reduce-v-space .gh-search-cnt {
    top: 0 !important;
    box-shadow: none;
  }
  #gh-cnt #gh-main-cnt > .gh-help-button {
    display: none;
  }
  #gh-cnt #gh-profile-cnt {
    margin-left: 24px !important;
  }
  #gh-cnt #gh-profile-cnt .gh-avatar.gh-sm svg {
    height: 20px !important;
  }
  #gh-cnt #gh-profile-cnt .gh-avatar.gh-sm {
    height: 32px;
    width: 32px;
  }
  #gh-cnt #gh-main-cnt {
    height: 48px;
  }
  #gh-cnt #gh-main-cnt .gh-profile-container > .button {
    font-size: 16px;
    line-height: var(--sd-ui-line-height);
    height: 32px;
    margin-left: 24px !important;
  }
  #gh-cnt #gh-main-cnt #gh-inst-icon-btn {
    height: 32px;
    width: 32px;
  }
  #gh-cnt #gh-main-cnt #gh-inst-icon-btn svg {
    height: 20px;
  }
  #gh-cnt #gh-main-cnt .gh-profile-container > .link-button,
  #gh-cnt #gh-main-cnt .search-button-link > .link-button {
    font-size: 16px;
    line-height: var(--sd-ui-line-height);
    height: 32px;
    margin-left: 24px !important;
  }
  #gh-cnt #gh-main-cnt .gh-nav-h > .gh-nav-list > .gh-nav-item .gh-icon-btn svg {
    height: 20px !important;
  }
  #gh-cnt .gh-lib-banner.gh-lb-legacy {
    height: 0;
    width: 0;
    margin-left: 0;
  }
  @supports (-ms-high-contrast: none) {
    #gh-cnt .gh-lib-banner.gh-lb-legacy {
      width: 0;
    }
  }
  #gh-cnt .gh-lib-banner.gh-lb-dominant {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  #gh-cnt .gh-lib-banner.gh-lb-dominant img {
    height: 0 !important;
  }
  #gh-cnt #gh-branding .gh-logo, #gh-cnt #gh-branding svg {
    height: 32px !important;
  }
  #gh-cnt #gh-branding h1 {
    font-size: 16px;
    line-height: var(--sd-ui-line-height);
    margin-left: 8px;
  }
  #gh-cnt #gh-branding .gh-wordmark {
    margin-left: 0 !important;
    height: 15px !important;
  }
  @supports not (-ms-high-contrast: none) {
    #gh-cnt #gh-branding .gh-wordmark {
      width: auto;
    }
  }
  #gh-cnt #gh-branding .gh-wordmark.gh-elsevier-wordmark, #gh-cnt #gh-branding .gh-wordmark svg {
    height: 9px !important;
  }
  #gh-cnt .gh-search-cnt {
    top: 0 !important;
    box-shadow: none;
  }
  #gh-cnt .search-bar-icon {
    height: 20px !important;
    margin-top: 4px;
  }
  #gh-cnt #gh-branding {
    margin-right: 0 !important;
  }
  #gh-cnt .gh-nav-utilities.gh-nav-h {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #gh-cnt .gh-search-cnt {
    margin-top: 4px;
  }
}
@media only screen and (max-width: 805px) {
  #gh-cnt #gh-branding.search-bar-visible,
  #gh-cnt #gh-mobile-menu.search-bar-visible {
    display: none !important;
  }
  #gh-cnt .gh-search-cnt {
    padding-right: 0;
  }
}
.skip-link {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
  z-index: 100;
}
.skip-link:active,
.skip-link:focus {
  position: fixed !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
.header {
  grid-area: header;
}
.banner {
  grid-area: banner;
}
.tp-title {
  font-size: 32px;
  --sd-ui-line-height: 32px;
  font-weight: 700;
}
@media only screen and (min-width: 48em) {
  .tp-title {
    font-size: 32px;
    --sd-ui-line-height: 40px;
  }
}
@media only screen and (min-width: 62em) {
  .tp-title {
    font-size: 40px;
    --sd-ui-line-height: 40px;
  }
}
.header-section-wrapper {
  background-color: #0272B1;
  color: white;
  padding: 16px;
}
@media only screen and (min-width: 62em) {
  .header-section-wrapper {
    padding: 32px;
  }
}
.header-section-wrapper .header-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: auto;
  max-width: 688px;
  h1-font-size: 32px;
  h1-font-weight: 700;
}
main {
  grid-area: main;
  gap: 32px;
  display: flex;
  h2-font-size: 20px;
  h2-font-weight: 700;
}
footer {
  grid-area: footer;
}
.journal-left-panel {
  padding: 20px;
  min-width: 350px;
  grid-area: JournalLeftPane;
}
@media only screen and (min-width: 62em) {
  .journal-left-panel {
    min-width: 360px;
  }
}
.journal-list {
  padding: 20px;
  display: grid;
  grid-area: JournalList;
  width: 100%;
  overflow: hidden;
  grid-gap: 40px;
}
.section {
  display: grid;
  grid-template-areas: "JournalLeftPane" "JournalList";
  padding: 12px 0px;
  margin: 12px 0px;
}
@media only screen and (min-width: 62em) {
  .section {
    padding: 12px 12px;
    margin: 12px 12px;
    grid-template-areas: "JournalLeftPane  JournalList JournalList JournalList";
  }
}
.container, .panel, .panel-s, .panel-m, .panel-l {
  display: grid;
  grid-template-areas: "header header header" "banner banner banner" "main main main" "section section section" "footer footer footer";
}
@media only screen and (min-width: 62em) {
  .container, .panel, .panel-s, .panel-m, .panel-l {
    grid-template-areas: "header header header" "banner banner banner" "left-panel main right-panel" "section section section" "footer footer footer";
  }
}
.gap-sm {
  gap: 4px;
}
.gap-md {
  gap: 8px;
}
.gap-lg {
  gap: 12px;
}
.gap-xl {
  gap: 16px;
}
.gap-xxl {
  gap: 20px;
}
.rounded-sm {
  border-radius: 4px;
}
.rounded-md {
  border-radius: 8px;
}
.rounded-lg {
  border-radius: 12px;
}
.rounded-xl {
  border-radius: 16px;
}
.rounded-xxl {
  border-radius: 20px;
}
.rounded-1 {
  border-radius: 1px;
}
.gap-1 {
  gap: 1px;
}
.rounded-2 {
  border-radius: 2px;
}
.gap-2 {
  gap: 2px;
}
.rounded-3 {
  border-radius: 3px;
}
.gap-3 {
  gap: 3px;
}
.rounded-4 {
  border-radius: 4px;
}
.gap-4 {
  gap: 4px;
}
.rounded-5 {
  border-radius: 5px;
}
.gap-5 {
  gap: 5px;
}
.rounded-6 {
  border-radius: 6px;
}
.gap-6 {
  gap: 6px;
}
.rounded-7 {
  border-radius: 7px;
}
.gap-7 {
  gap: 7px;
}
.rounded-8 {
  border-radius: 8px;
}
.gap-8 {
  gap: 8px;
}
.rounded-9 {
  border-radius: 9px;
}
.gap-9 {
  gap: 9px;
}
.rounded-10 {
  border-radius: 10px;
}
.gap-10 {
  gap: 10px;
}
.rounded-11 {
  border-radius: 11px;
}
.gap-11 {
  gap: 11px;
}
.rounded-12 {
  border-radius: 12px;
}
.gap-12 {
  gap: 12px;
}
.rounded-13 {
  border-radius: 13px;
}
.gap-13 {
  gap: 13px;
}
.rounded-14 {
  border-radius: 14px;
}
.gap-14 {
  gap: 14px;
}
.rounded-15 {
  border-radius: 15px;
}
.gap-15 {
  gap: 15px;
}
.rounded-16 {
  border-radius: 16px;
}
.gap-16 {
  gap: 16px;
}
.rounded-17 {
  border-radius: 17px;
}
.gap-17 {
  gap: 17px;
}
.rounded-18 {
  border-radius: 18px;
}
.gap-18 {
  gap: 18px;
}
.rounded-19 {
  border-radius: 19px;
}
.gap-19 {
  gap: 19px;
}
.rounded-20 {
  border-radius: 20px;
}
.gap-20 {
  gap: 20px;
}
.rounded-21 {
  border-radius: 21px;
}
.gap-21 {
  gap: 21px;
}
.rounded-22 {
  border-radius: 22px;
}
.gap-22 {
  gap: 22px;
}
.rounded-23 {
  border-radius: 23px;
}
.gap-23 {
  gap: 23px;
}
.rounded-24 {
  border-radius: 24px;
}
.gap-24 {
  gap: 24px;
}
.rounded-25 {
  border-radius: 25px;
}
.gap-25 {
  gap: 25px;
}
.rounded-26 {
  border-radius: 26px;
}
.gap-26 {
  gap: 26px;
}
.rounded-27 {
  border-radius: 27px;
}
.gap-27 {
  gap: 27px;
}
.rounded-28 {
  border-radius: 28px;
}
.gap-28 {
  gap: 28px;
}
.rounded-29 {
  border-radius: 29px;
}
.gap-29 {
  gap: 29px;
}
.rounded-30 {
  border-radius: 30px;
}
.gap-30 {
  gap: 30px;
}
.rounded-31 {
  border-radius: 31px;
}
.gap-31 {
  gap: 31px;
}
.rounded-32 {
  border-radius: 32px;
}
.gap-32 {
  gap: 32px;
}
.rounded-33 {
  border-radius: 33px;
}
.gap-33 {
  gap: 33px;
}
.rounded-34 {
  border-radius: 34px;
}
.gap-34 {
  gap: 34px;
}
.rounded-35 {
  border-radius: 35px;
}
.gap-35 {
  gap: 35px;
}
.rounded-36 {
  border-radius: 36px;
}
.gap-36 {
  gap: 36px;
}
.rounded-37 {
  border-radius: 37px;
}
.gap-37 {
  gap: 37px;
}
.rounded-38 {
  border-radius: 38px;
}
.gap-38 {
  gap: 38px;
}
.rounded-39 {
  border-radius: 39px;
}
.gap-39 {
  gap: 39px;
}
.rounded-40 {
  border-radius: 40px;
}
.gap-40 {
  gap: 40px;
}
.rounded-41 {
  border-radius: 41px;
}
.gap-41 {
  gap: 41px;
}
.rounded-42 {
  border-radius: 42px;
}
.gap-42 {
  gap: 42px;
}
.rounded-43 {
  border-radius: 43px;
}
.gap-43 {
  gap: 43px;
}
.rounded-44 {
  border-radius: 44px;
}
.gap-44 {
  gap: 44px;
}
.rounded-45 {
  border-radius: 45px;
}
.gap-45 {
  gap: 45px;
}
.rounded-46 {
  border-radius: 46px;
}
.gap-46 {
  gap: 46px;
}
.rounded-47 {
  border-radius: 47px;
}
.gap-47 {
  gap: 47px;
}
.rounded-48 {
  border-radius: 48px;
}
.gap-48 {
  gap: 48px;
}
.rounded-49 {
  border-radius: 49px;
}
.gap-49 {
  gap: 49px;
}
.rounded-50 {
  border-radius: 50px;
}
.gap-50 {
  gap: 50px;
}
.align-item-center {
  align-items: center;
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
.partners-banner #carouselImplementation {
  height: 580px !important;
}
@media only screen and (min-width: 75em) {
  .partners-banner #carouselImplementation {
    height: 460px !important;
  }
}
.partners-banner .carousel-slides .slide-item {
  padding: 40px;
}
.partners-banner .carousel-slides .slide-item div {
  justify-content: center;
  align-items: center;
  display: flex;
  gap: 40px 100px;
}
@media only screen and (min-width: 20em) {
  .partners-banner .carousel-slides .slide-item div {
    margin: 0px 20px;
    gap: 40px 25px;
  }
}
@media only screen and (min-width: 36em) {
  .partners-banner .carousel-slides .slide-item div {
    margin: 0px 20px;
    gap: 40px 50px;
  }
}
@media only screen and (min-width: 48em) {
  .partners-banner .carousel-slides .slide-item div {
    margin: 0px 20px;
  }
}
@media only screen and (min-width: 62em) {
  .partners-banner .carousel-slides .slide-item div {
    margin: 0px 150px;
  }
}
@media only screen and (min-width: 75em) {
  .partners-banner .carousel-slides .slide-item div {
    margin: 0px 150px;
  }
}
.partners-banner .carousel-slides .carousel-indicators .button-text {
  display: none !important;
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
.nav {
  align-items: baseline;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px;
  text-wrap: nowrap;
}
@media only screen and (min-width: 48em) {
  .nav {
    padding: 32px;
  }
}
.nav svg {
  font-size: 16px;
  fill: #0272b1;
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
.fallback-cover {
  display: table;
  padding: 0.1875rem;
}
.fallback-cover-content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  word-break: break-word;
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
.slider {
  justify-content: space-between;
  display: flex;
  flex-direction: row;
}
.scrollable-grid {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  overflow: hidden;
  scroll-behavior: smooth;
  list-style-type: none;
}
.grid-item {
  display: flex;
  flex-direction: column;
  color: black;
  max-width: 180px;
  padding: 24px;
}
.grid-item img {
  width: 100%;
}
.grid-item p {
  display: flex;
  text-align: center;
  align-items: center;
}
.flex-col {
  flex-direction: column;
}
.slider-navigation {
  margin: 8px;
  padding: 16px;
  display: flex;
  align-items: center;
  height: 160px;
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
.wrapper {
  display: flex;
  flex-direction: column;
  gap: 42px;
}
.journals-wrapper {
  display: grid;
  grid-gap: 24px;
}
.title {
  font-size: 24px;
  font-weight: 700;
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
.fixed-width-container {
  margin: auto;
  max-width: 850px;
  padding: 16px 32px;
  gap: 32px;
  display: grid;
}
@media only screen and (min-width: 62em) {
  .fixed-width-container {
    padding: 56px 32px;
  }
}
.fixed-width-container .row .item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.selected {
  border-left: 4px solid #0272b1;
}
@media (max-width: 600px) {
  .fixed-width-container {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 1120px) {
  .fixed-width-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.tp-head {
  order: 1;
}
.tp-title {
  font-size: 24px;
  --sd-ui-line-height: 32px;
  font-weight: bold;
}
@media only screen and (min-width: 48em) {
  .tp-title {
    font-size: 32px;
    --sd-ui-line-height: 40px;
  }
}
@media only screen and (min-width: 62em) {
  .tp-title {
    font-size: 32px;
    --sd-ui-line-height: 40px;
  }
}
.seamless-access {
  font-weight: bold;
  font-size: 16px;
}
@media only screen and (min-width: 75em) {
  .seamless-access {
    font-size: 24px;
    line-height: 32px;
  }
}
.third-party-container {
  gap: 32px;
  display: flex;
  flex-direction: column;
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
.journals-and-books-page-container h1 {
  white-space: nowrap;
}
.journals-and-books-page-container .search-container {
  margin: 0 auto;
  padding: 0 16px;
  max-width: 560px;
}
@media only screen and (min-width: 62em) {
  .journals-and-books-page-container .search-container {
    padding: 0px 32px !important;
  }
}
.journals-and-books-page-container .search-container h1 {
  font-size: 24px !important;
  margin: 24px 0px 16px !important;
  color: #4c4c4c !important;
}
@media only screen and (min-width: 36em) {
  .journals-and-books-page-container .search-container h1 {
    font-size: 36px !important;
    white-space: normal;
  }
}
.journals-and-books-page-container .search-container .text-input-label {
  cursor: inherit;
  padding-top: 8px;
}
.journals-and-books-page-container .search-container .label {
  font-size: 18px;
}
.journals-and-books-page-container .section-container {
  justify-content: center;
  display: flex;
  max-width: 84rem;
  color: #4c4c4c;
  flex-direction: column;
  margin: auto;
  padding: 0 16px;
}
@media only screen and (min-width: 48em) {
  .journals-and-books-page-container .section-container {
    padding: 0 32px;
  }
}
.journals-and-books-page-container .section-container .pagination {
  text-align: center;
}
.journals-and-books-page-container .section-container .publication-filter {
  position: sticky;
  top: 0;
}
.journals-and-books-page-container .u-margin-l-ver {
  margin-top: 0px !important;
  margin-bottom: 32px !important;
}
.journals-and-books-page-container .search-link {
  width: 100%;
  font-size: 0.875rem;
  float: left;
}
.journals-and-books-page-container .search-link .search-icon {
  top: 8px;
  margin: 4px 10px 4px 0;
  height: 19px;
  position: relative;
}
.journals-and-books-page-container .result-skip-link {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
.journals-and-books-page-container .result-skip-link:active,
.journals-and-books-page-container .result-skip-link:focus {
  position: absolute !important;
  width: auto !important;
  height: auto !important;
  left: 0 !important;
  bottom: -8px !important;
  margin-top: 8px;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
  background-color: #ffffff;
  color: #1f1f1f !important;
  display: inline-block;
  z-index: 1;
}
.journals-and-books-page-container .search-filter {
  position: relative;
}
.journals-and-books-page-container h1 {
  font-size: 36px !important;
}
.journals-and-books-page-container .accordion-container.accordion-panel-conent {
  position: relative !important;
}
.journals-and-books-page-container .accordion-container .accordion-icon {
  fill: #ffffff !important;
}
.journals-and-books-page-container .accordion-container .accordion-panel .accordion-panel-title {
  z-index: 10;
  padding: 10px 16px !important;
  background-color: #1f1f1f !important;
}
.journals-and-books-page-container .accordion-container .accordion-panel .accordion-panel-title:hover .accordion-text {
  transition: unset !important;
  border-bottom: unset !important;
}
.journals-and-books-page-container .accordion-container .accordion-panel .accordion-panel-title:active .accordion-text {
  transition: unset !important;
  border-bottom: unset !important;
}
.journals-and-books-page-container .accordion-container .accordion-panel .accordion-text {
  transition: unset !important;
  color: #ffffff !important;
  font-size: 18px;
}
.journals-and-books-page-container .mobile-tablet-accordion {
  z-index: 20;
  background-color: #ffffff;
}
.journals-and-books-page-container .result-heading {
  font-size: 16px !important;
}
@media only screen and (min-width: 36em) {
  .journals-and-books-page-container .result-heading {
    font-size: 2.25rem !important;
    white-space: normal;
  }
}
.journals-and-books-page-container .full-width {
  width: 100%;
}
.journals-and-books-page-container .mobile-alphabet-filter-column {
  display: flex;
  justify-content: flex-end;
}
.journals-and-books-page-container .mobile-results-row {
  display: flex;
  align-items: flex-start;
}
.journals-and-books-page-container .mobile-results-row .mobile-alphabet-filter-column {
  order: 2;
  margin-left: auto;
  position: sticky;
  top: 56px;
  align-self: flex-start;
  z-index: 2;
}
.journals-and-books-page-container .mobile-results-row .col-xs-22 {
  order: 1;
}
@media only screen and (min-width: 62em) {
  .journals-and-books-page-container .search-filter {
    margin-top: 32px;
    margin-bottom: 32px;
    margin-left: 8px;
  }
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
.cfp-banner {
  border: solid 1px #dcdcdc;
  padding: 1.5rem;
  line-height: 1.1;
  display: flex;
  margin-top: 32px;
  flex-direction: column;
}
@media only screen and (min-width: 62em) {
  .cfp-banner {
    margin-top: 48px;
  }
}
.banner-images {
  display: flex;
}
.banner-image {
  height: 80px;
}
.banner-text {
  margin-top: 20px;
  color: #1f1f1f;
}
.banner-cta {
  font-weight: bold;
  font-size: 1.5rem !important;
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
.publications-list li {
  list-style-type: none;
  padding: 16px 0px;
}
.publications-list .anchor-text {
  font-size: 1rem;
}
.publications-list-text {
  font-size: 0.875rem;
}
@media only screen and (min-width: 36em) {
  .publications-list .anchor-text {
    font-size: 1.25rem;
  }
  .publications-list-text {
    font-size: 1rem;
    line-height: 1.5;
  }
}
.alphabet-heading {
  color: #eb6500;
}
.pagination {
  margin-top: 32px;
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
  position: relative;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
  display: block;
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.input-dropdown .text-input-field {
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: inherit;
  flex: 1;
  font-family: inherit;
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  margin-bottom: 4px;
  min-width: 0;
  padding: 4px 40px 4px 0;
  text-align: left;
  width: 100%;
}
.input-dropdown .input-dropdown-select:focus {
  box-shadow: none;
  outline: none;
}
.input-dropdown .input-dropdown-select:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 2px;
}
.input-dropdown .input-dropdown-native-select {
  display: none;
}
.input-dropdown .input-dropdown-option-bold {
  font-weight: bold;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
  pointer-events: none;
  position: absolute;
  right: 0;
}
.input-dropdown .dropdown-input-row:focus-within {
  --sd-ui-input-dropdown-divider-colour: #eb6500;
}
.input-dropdown .dropdown-input-row:focus-within .input-dropdown-button {
  --sd-ui-button-border-colour: #eb6500;
  --sd-ui-button-icon-fill: #eb6500;
  border-color: #eb6500;
}
.input-dropdown.input-dropdown-open .dropdown-input-row {
  --sd-ui-input-dropdown-divider-colour: #eb6500;
}
.input-dropdown.input-dropdown-open .input-dropdown-button {
  --sd-ui-button-border-colour: #eb6500;
  --sd-ui-button-icon-fill: #eb6500;
  border-color: #eb6500;
}
.input-dropdown.input-dropdown-open .input-dropdown-button .icon {
  transform: rotate(180deg);
}
.input-dropdown .input-dropdown-listbox {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: 2px solid #eb6500;
  box-sizing: border-box;
  color: inherit;
  left: 0;
  list-style: none;
  margin: 4px 0 0;
  max-height: 400px;
  overflow-y: auto;
  padding: 8px 0 0;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1;
}
.input-dropdown .input-dropdown-option {
  background: #ffffff;
  color: inherit;
  cursor: pointer;
  padding: 0 8px 10px;
  white-space: normal;
}
.input-dropdown .input-dropdown-option[aria-selected=true] {
  background: #ffffff;
  color: inherit;
  text-decoration: none;
}
.input-dropdown .input-dropdown-option:hover {
  background: #ffffff;
  color: inherit;
  text-decoration: underline;
  text-decoration-color: #eb6500;
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
}
.input-dropdown .input-dropdown-option:focus,
.input-dropdown .input-dropdown-option:focus-visible {
  background: #ffffff;
  color: inherit;
  outline: none;
  text-decoration: underline;
  text-decoration-color: #eb6500;
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
}
.input-dropdown .input-dropdown-value {
  display: block;
  overflow: hidden;
  white-space: nowrap;
}
.input-dropdown .input-dropdown-status,
.input-dropdown .input-dropdown-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.input-dropdown-disabled .input-dropdown-button {
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
.checkbox-filter-fieldset {
  border: 0;
  margin: 0;
  min-inline-size: 0;
  padding: 0;
}
.checkbox-filter-fieldset legend {
  padding: 16px 0px;
  font-size: 16px;
}
@media only screen and (min-width: 62em) {
  .checkbox-filter-fieldset legend {
    font-size: 20px;
  }
}
.checkbox-filter-legend {
  width: 100%;
}
.checkbox-label-value {
  font-size: 14px !important;
}
@media only screen and (min-width: 62em) {
  .checkbox-label-value {
    font-size: 16px !important;
  }
}
.col-xs-12 {
  flex: 0 0 50%;
  max-width: 50%;
}
@media only screen and (min-width: 36em) {
  .col-xs-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
.alphabet-filter .active span span {
  color: #1f1f1f;
}
.alphabet-filter .active span span {
  border-bottom-color: #eb6500;
}
.alphabet-filter > li {
  list-style-type: none;
}
.alphabet-filter > li:last-child::after {
  content: "";
  display: block;
}
.alphabet-filter > li button {
  font-size: 14px;
}
@media only screen and (min-width: 62em) {
  .alphabet-filter > li button {
    font-size: 16px;
  }
}
.alphabet-filter {
  top: 48px;
  position: sticky;
  z-index: 1;
}
@media only screen and (min-width: 62em) {
  .alphabet-filter {
    top: auto;
    position: static;
  }
}
@media only screen and (min-width: 62em) {
  .horizontal-only {
    background-color: #ffffff;
    z-index: 2;
  }
}
.horizontal-only li {
  margin-right: 8px;
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
ul {
  list-style-type: none;
}
ul .publication .js-publication-title {
  font-size: 16px !important;
}
@media only screen and (min-width: 36em) {
  ul .publication .js-publication-title {
    font-size: 20px !important;
  }
}
ul .publication .text-s.u-text-italic {
  font-size: 16px;
}
ul .publication-text {
  line-height: 1.5;
  font-size: 14px !important;
}
ul .publication-text a, ul .publication-text i {
  font-size: 14px !important;
}
ul .publication > .text-s:not(.u-text-italic) {
  font-size: 16px;
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
.cfp-list-page {
  color: #4c4c4c;
  position: relative;
}
.cfp-list-page .section-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 84rem;
  padding: 0px 16px;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media only screen and (min-width: 36em) {
  .cfp-list-page .section-container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media only screen and (min-width: 75em) {
  .cfp-list-page .section-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.cfp-list-page .cfp-filter {
  position: sticky;
  top: 0;
  z-index: 100;
  background-color: white;
}
.cfp-list-page .cfp-heading {
  font-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .cfp-list-page .cfp-heading {
    font-size: 2.25rem;
  }
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
.section-container {
  justify-content: center;
  max-width: 84rem;
  margin: auto;
  padding: 24px;
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
.also-appears-in-link {
  color: #1f1f1f !important;
  text-decoration: underline !important;
  text-underline-offset: 6px;
  text-decoration-thickness: 1px;
  display: flex;
  align-items: center;
  padding-left: 12px;
}
.also-appears-in-link:hover, .also-appears-in-link:focus {
  text-decoration: none !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 6px !important;
}
.also-appears-in-link svg {
  display: none;
}
.also-appears-in-border {
  border-left: 6px solid var(--also-appears-in-color, #b8b8b8);
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
.featured-authors-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.featured-authors-container .featured-authors-header {
  display: flex;
  justify-content: space-between;
}
.featured-authors-container .featured-author-details {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  padding-top: 8px;
  gap: 8px;
  align-items: flex-start;
}
@media only screen and (min-width: 36em) {
  .featured-authors-container .featured-author-details {
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 0;
    gap: 16px;
  }
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
.publications-container .publications-header {
  display: flex;
  justify-content: space-between;
}
.publications-container .publications-header .title {
  font-size: 20px;
  font-weight: unset;
}
.publications-container .publications-header .button-link-text-container {
  vertical-align: top;
}
.publications-container .recommended-publications-list {
  display: grid;
  gap: 32px;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 62em) {
  .publications-container .recommended-publications-list {
    grid-template-columns: 1fr 1fr;
  }
}
.publications-container .recommended-publications-list .publication-item {
  display: flex;
  gap: 12px;
}
.publications-container .recommended-publications-list .publication-item .cover-image img {
  background-color: #ffffff;
  box-shadow: -3px 7px 12px 0 rgba(80, 80, 80, 0.2);
  display: block;
  width: 90px;
}
.publications-container .recommended-publications-list .publication-item .publication-content {
  width: 100%;
}
.publications-container .recommended-publications-list .publication-item .publication-content .title {
  font-family: ElsevierGulliver;
  font-weight: 400;
}
.publications-container .recommended-publications-list .publication-item .publication-content div:first-child {
  font-size: 14px;
}
.publications-container .link-button {
  max-width: unset !important;
}
.publications-container .cover-image svg,
.publications-container .title svg {
  display: none;
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
.references-container-wrapper {
  display: flex;
  position: sticky;
  top: 120px;
}
.reference-background {
  background-color: #ECF7FE;
  padding: 20px 24px;
}
.references-container {
  display: flex;
  border-radius: 6px;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
.references-container .view-all-reference {
  color: #1f1f1f;
  line-height: 20px;
}
.references-container .view-all-reference .button-link-text-container {
  border-bottom: 1px solid #1f1f1f;
}
.references-list {
  display: flex;
  flex-direction: column;
}
.references-list li {
  scroll-margin-top: 80px;
}
.side-panel-children {
  padding: 0px 24px !important;
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
.reference-item-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.reference-title {
  font-family: ElsevierGulliver-Regular;
  line-height: 24px;
}
.flex {
  display: flex;
}
.access-indicator-yes,
.access-indicator-no {
  display: inline-block;
  border-radius: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
}
.access-indicator-yes.access-indicator-yes,
.access-indicator-no.access-indicator-yes {
  background: #53b848;
}
.access-indicator-yes.access-indicator-no,
.access-indicator-no.access-indicator-no {
  border: 1px solid #1f1f1f;
  background: #f5f5f5;
}
.reference-item-actions {
  display: flex;
  gap: 20px;
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
.related-quotes-info-text {
  text-decoration: underline;
  text-decoration-color: #000000;
  text-underline-offset: 3px;
}
.related-quotes-info-btn:hover .related-quotes-info-text {
  text-decoration: none;
}
.related-quotes-info-btn {
  padding: 0;
  min-width: auto;
  background: none;
  border: none;
  display: flex;
  align-items: center;
  gap: 8px;
}
.related-quotes-info-popover .button-link {
  align-self: flex-start;
}
.related-content {
  background-color: #f5f5f5;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.related-content .related-content-header {
  display: flex;
  justify-content: space-between;
}
.related-content .related-content-navigation {
  display: flex;
}
.related-content .related-quote-chunk {
  font-family: ElsevierGulliver-Regular;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0;
  font-variant-numeric: lining-nums tabular-nums;
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
.sd-topics-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.sd-topics-list .sd-topics-item {
  display: inline-block;
}
.sd-topics-list .sd-topics-link {
  border-width: 2px 0px;
  color: inherit;
  padding: 0;
  display: inline-block;
  border-radius: 13px;
}
.sd-topics-list .sd-topics-link:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 2px;
}
.sd-topics-list .sd-topics-link .anchor-text {
  border-radius: 13px;
  border: 1px solid #707070;
  display: block;
  padding: 2px 8px;
  box-shadow: 0 0 0 1px transparent;
}
.sd-topics-list .sd-topics-link .anchor-text:hover {
  border: 2px solid #eb6500;
  padding: 1px 7px;
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
.table-of-content {
  display: flex;
  flex-direction: column;
  padding-right: 24px;
  gap: 24px;
}
.table-of-content ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-left: 2px solid #8e8e8e;
}
.table-of-content ul li .anchor {
  color: #1f1f1f;
}
.table-of-content ul li .active-heading {
  font-weight: bold;
}
.table-of-content .active {
  border-left: 4px solid #1f1f1f;
  position: relative;
  right: 2px;
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
.sd-ui-side-panel__content,
.sd-ui-side-panel-content,
.about-this-page-panel {
  padding-top: 0 !important;
}
.about-this-page-panel {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
.about-this-page-panel__header {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.about-this-page-panel__text {
  white-space: pre-line;
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.social-share-popover-wrapper {
  display: inline-block;
  vertical-align: middle;
}
.social-share-btn {
  display: inline-flex !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  vertical-align: middle;
}
.social-share-btn[disabled] {
  opacity: 0.5;
  pointer-events: none;
  filter: blur(0.2px);
}
.social-popover {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 10;
  min-width: 0;
  max-width: 400px;
  width: max-content;
}
.share-options-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 0;
}
.social-popover a,
.social-popover .anchor {
  color: #0272b1 !important;
  white-space: nowrap;
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
.alert-input {
  margin-bottom: 2rem;
}
.alert-form-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #4c4c4c;
  margin-bottom: 4px;
  display: block;
}
.alert-input:focus {
  outline: none !important;
  box-shadow: none !important;
  border: 2px solid #ff6c00 !important;
}
.alert-form-title {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
  color: #000000;
}
.alert-form-landing-page {
  padding-top: 24px;
}
.alert-modal-content {
  min-width: 340px;
  max-width: 480px;
  padding: 0 24px;
}
.alert-modal-title {
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.alert-modal-info {
  margin-bottom: 1.5rem;
  color: #6c757d;
}
.alert-modal-buttons {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.alert-modal-benefits {
  font-size: 0.85rem;
  color: #6c757d;
}
.alert-form-fields {
  margin-bottom: 1.5rem;
}
.alert-form-button {
  display: flex;
  justify-content: flex-end;
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
.topic-header-bg {
  background-color: #23282F;
}
@media only screen and (min-width: 48em) {
  .topic-header-bg {
    border-radius: 6px;
  }
}
.topic-header-bg .anchor-text {
  color: #ffffff !important;
  border-bottom-color: #ffffff !important;
}
.topic-header-bg .anchor-text:hover {
  border-bottom-color: #eb6500 !important;
}
.topic-header-bg .button-link-text {
  color: #ffffff !important;
  border-bottom-color: #ffffff !important;
}
.topic-header-bg .button-link-text:hover {
  border-bottom-color: #eb6500 !important;
}
.topics-header {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  padding: 24px;
}
@media only screen and (min-width: 48em) {
  .topics-header {
    padding: 0px;
  }
}
.topics-header .topic-title {
  font-family: ElsevierGulliver;
  font-size: 32px !important;
}
.topics-header .topic-header-inner-container {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 36em) {
  .topics-header .topic-header-inner-container {
    position: relative;
  }
}
.topics-header .topic-action-and-feedback {
  display: block;
}
@media only screen and (min-width: 62em) {
  .topics-header .topic-action-and-feedback {
    display: flex;
  }
}
.topics-header .topic-definition {
  max-width: 755px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sticky-topic-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  outline: 1px solid #1f1f1f;
  outline-offset: -1px;
}
.sticky-topic-header .button {
  border: 2px solid #ffffff;
}
.sticky-topic-header .sticky-header-container {
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.sticky-topic-header .sticky-header-container .sticky-breadcrumb {
  display: flex;
  flex-direction: column;
  color: #ffffff;
  opacity: 0.9;
  flex-shrink: 0;
}
.sticky-topic-header .sticky-header-container .sticky-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  font-family: ElsevierGulliver;
  flex: 1;
  text-align: center;
}
.sticky-topic-header .sticky-header-container .sticky-title svg {
  width: 16px;
  height: 16px;
}
.sticky-topic-header .sticky-header-container .sticky-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.sticky-topic-header .sticky-header-container .sticky-actions .sd-ui-button,
.sticky-topic-header .sticky-header-container .sticky-actions .sd-ui-button-link,
.sticky-topic-header .sticky-header-container .sticky-actions button,
.sticky-topic-header .sticky-header-container .sticky-actions .topic-action-btn {
  padding: 6px 12px !important;
  font-size: 14px !important;
}
.sticky-topic-header .tab-list {
  border-bottom: none !important;
  box-shadow: none !important;
}
.sticky-topic-header .topic-tabs-nav {
  border-bottom: 1px solid #000000 !important;
}
.text-white {
  color: #ffffff;
}
.topic-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}
.topic-actions .sd-ui-button,
.topic-actions .sd-ui-button-link,
.topic-actions button,
.topic-actions .topic-action-btn {
  color: #ffffff !important;
}
.topic-actions .sd-ui-button .button-text,
.topic-actions .sd-ui-button-link .button-text,
.topic-actions button .button-text,
.topic-actions .topic-action-btn .button-text {
  color: #ffffff !important;
}
.topic-actions .sd-ui-button svg,
.topic-actions .sd-ui-button-link svg,
.topic-actions button svg,
.topic-actions .topic-action-btn svg {
  vertical-align: middle;
  margin-right: 6px;
}
.about-separator-pipe {
  margin: 0 8px;
}
@media only screen and (min-width: 62em) {
  .about-separator-pipe {
    display: inline-block;
  }
}
.about-separator-hr {
  display: block;
  border: none;
  border-top: 1px solid #4c4c4c;
  margin: 12px 0;
  width: 100%;
}
@media only screen and (min-width: 62em) {
  .about-separator-hr {
    display: none;
  }
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible, .highlight-on-focus:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .tap-area, .modal-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-m, .panel-l {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-m, .panel-l {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-m, .trasparent.panel-l {
  background: 0;
}
.panel:not(.panel-s):not(.panel-m):not(.panel-l):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-m):not(.panel-l):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-m):not(.panel-l):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-m):not(.panel-l):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-m, .panel-l {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-info, .badge-success, .badge-warning {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  #tab-references {
    display: none;
  }
}
.topic-tabs-nav {
  margin-bottom: 24px;
  border-bottom: 1px solid #1f1f1f !important;
  margin: 0px;
}
@media only screen and (min-width: 75em) and (min-width: 1336px) {
  .topic-tabs-nav {
    margin: 0px 24px;
  }
}
.topic-tabs-nav ul {
  display: flex;
  overflow-x: auto;
}
.topic-tabs-nav ul::-webkit-scrollbar {
  display: none;
}
.topic-tabs-nav ul li {
  padding: 8px 16px;
  white-space: nowrap;
  scroll-margin-right: 150px;
  scroll-margin-left: 150px;
}
.topic-tabs-nav ul li .button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: transparent !important;
}
.topic-tabs-nav ul li .button-link-text {
  color: #1f1f1f;
}
.topic-tabs-nav ul li:hover {
  padding: 8px 16px 0px 16px;
  border-bottom: 4px solid #eb6500;
}
.topic-tabs-nav ul .active {
  padding: 8px 16px 0px 16px;
  border-bottom: 4px solid #1f1f1f !important;
}
.topic-tabs-nav ul .active .button-link-text {
  font-weight: 700 !important;
}
.topic-tabs-nav ul .active:hover {
  padding: 8px 16px 0px 16px;
  border-bottom: 4px solid #eb6500;
}
.topic-tabs-scroll-arrow {
  background: none;
  border: none;
  padding: 0 8px;
  font-size: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 40px;
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
.StarRating {
  --sdai-core-star-rating-font-size: 14px;
  --sdai-core-star-rating-font-color: #4c4c4c;
  --sdai-core-star-rating-gap: 4px;
  --sdai-core-star-rating-star-size: 24px;
  --sdai-core-star-rating-star-default-color: #0272b1;
  --sdai-core-star-rating-star-hover-color: #0272b1;
  --sdai-core-star-rating-star-rated-color: #707070;
  --sdai-core-star-rating-star-rated-filled-color: #707070;
  --sdai-core-star-rating-star-outline-color: #eb6500;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--sdai-core-star-rating-gap);
}
.StarRating .star-rating-label {
  color: var(--sdai-core-star-rating-font-color);
  font-size: var(--sdai-core-star-rating-font-size);
  line-height: var(--sd-ui-line-height);
}
.StarRating .star {
  color: var(--sdai-core-star-rating-star-default-color);
  cursor: pointer;
  background: none;
  outline: none;
  border: 0;
  height: var(--sdai-core-star-rating-star-size);
  width: var(--sdai-core-star-rating-star-size);
}
.StarRating .star svg {
  height: var(--sdai-core-star-rating-star-size);
  width: var(--sdai-core-star-rating-star-size);
}
.StarRating .star.hovered {
  color: var(--sdai-core-star-rating-star-hover-color);
}
.StarRating .star.rated {
  color: var(--sdai-core-star-rating-star-rated-color);
  cursor: auto;
}
.StarRating .star.rated.filled {
  color: var(--sdai-core-star-rating-star-rated-filled-color);
}
.StarRating .star:focus-visible {
  outline: 2px solid var(--sdai-core-star-rating-star-outline-color);
}
.StarRating {
  --scc-star-rating-font-size: 16px;
  --scc-star-rating-font-color: #ffffff;
  --scc-star-rating-gap: 16px;
  --scc-star-rating-star-size: 32px;
  --scc-star-rating-star-default-color: #ffffff;
  --scc-star-rating-star-hover-color: #ffffff;
  --scc-star-rating-star-rated-color: #707070;
  --scc-star-rating-star-rated-filled-color: #ffffff;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (min-width: 62em) {
  .StarRating {
    flex-direction: row;
    align-items: center;
  }
}
.StarRating .star-rating-label {
  font-style: italic;
}
.sticky-topic-header .StarRating {
  --scc-star-rating-font-size: 14px;
  --scc-star-rating-star-size: 24px;
  flex-direction: row;
  align-items: center;
}
@media only screen and (min-width: 62em) {
  .sticky-topic-header .StarRating {
    --scc-star-rating-font-size: 16px;
    --scc-star-rating-star-size: 32px;
  }
}
.sticky-topic-header .StarRating .star-rating-label {
  display: none;
}
@media (min-width: 426px) {
  .sticky-topic-header .StarRating .star-rating-label {
    display: block;
  }
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
.ai-badge-bg {
  background-color: #2E354D;
}
.powered-by-gen-ai {
  height: 20px;
  font-size: 12px;
  font-weight: 700;
  font-family: ElsevierSans;
  display: flex;
  padding: 0px 8px;
  align-items: center;
  border-radius: 18px;
  width: max-content;
  gap: 4px;
}
.powered-by-gen-ai svg {
  width: 16px;
  height: 16px;
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
.topic-page-container {
  display: flex;
  flex-direction: column;
}
.topic-page-container .table-of-content-wrapper {
  position: sticky;
  top: 120px;
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
.ScienceDirectAi {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background-color: #2E354D;
  color: #ffffff;
  padding: 16px;
  border-radius: 8px;
}
.align-icon-center {
  display: flex;
  gap: 8px;
  align-items: center;
}
.textarea-wrapper {
  position: relative;
  width: 100%;
}
.textarea-wrapper .auto-textarea {
  width: 100%;
  min-height: 40px;
  resize: none;
  overflow: hidden;
  padding: 8px 40px 8px 8px;
  border: 2px solid #1f1f1f;
  border-radius: 6px;
}
.textarea-wrapper .auto-textarea:focus {
  border-color: #ff6c00;
  outline: none;
}
.textarea-wrapper .error {
  border-color: #bc1a23;
}
.textarea-wrapper button {
  position: absolute;
  right: 6px;
  bottom: 11px;
  padding: 6px !important;
  border-radius: 4px !important;
  border: none !important;
}
.textarea-wrapper button .icon-arrow-up-right {
  width: 20px;
  height: 20px;
  fill: #707070 !important;
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * SETTINGS
 * Config...............Project-level config.
 * Global...............Project-specific, globally available settings.
 *
 * TOOLS
 * Mixins...............Global mixins.
 * Functions............Global functions.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults...
 * Reset................and zero them out.
 * Box-sizing...........More manageable box-model.
 * Shared...............Share certain high-level styles as broadly as possible.
 *
 * ELEMENTS
 * Headings.............H1–H4
 * Links................A links.
 * Forms................Element-level form styling.
 *
 * OBJECTS
 * Layout...............Simple Layout abstraction tool.
 * List-bare............‘Unstyled’ lists: bullets and indent removed.
 * List-pair............Simple key–value pair list.
 * Pack.................Force elements to pack up into all available space.
 *
 * COMPONENTS
 * Forms................Component-level form styling.
 * Buttons..............Element-agnostic button styles.
 * Comments.............Comment styles.
 * Messaging............User feedback messaging.
 *
 * UTILS
 * Typography...........Utilities for manipulating text.
 * Display..............Helper classes for showing or hiding content.
 * Widths...............Width helper classes for use with our Layout system.
 *
 */
/* Colour definitions */
/* colors on a light background */
/* colors on a dark background */
/* Messaging on white */
/* Messaging on dark background */
/* Colour use cases */
/* High-level base settings */
/* base spacing */
/* this variable allows opting out of the font imports.
 it is temporarily needed for projects migrating to sd-ui
 while the fonts are not on a CDN. This will be removed
 once all projects are using the masterbrand fonts */
/* typography sans ElsevierSans */
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-RegularItalic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierSans";
  src: url("/shared-assets/89/fonts/elsevier-sans/1.0/sans/ElsevierSansWeb-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* typography serif ElsevierGulliver */
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-Italic.woff2") format("woff2");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ElsevierGulliver";
  src: url("/shared-assets/89/fonts/elsevier-gulliver/1.0/serif/ElsevierGulliver-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/*
// Create a fully formed type style (sizing and vertical rhythm) by passing in a
// single value, e.g.:
//
// .foo {
//     @include font-size(12px);
// }
//
// This will generate a font-size in pixels, with the appropriate line-height, e.g.:
//
// .foo {
//     font-size: 12px;
//     line-height: var(--sd-ui-line-height);
// }
//
// If you would like the rules to carry `!important`, pass in a second parameter
// of ‘important’, e.g.:
//
// .foo {
//     @include font-size(12px, important);
// }
//
// This will yield:
//
// .foo {
//     font-size: 12px !important;
//     line-height: var(--sd-ui-line-height) !important;
// }
*/
/*
// Mixin to drop micro clearfix into a selector.
//
// .simple-usage {
//   @include clearfix();
// }
//
// .detailed-usage {
//   @include clearfix(important);
// }
*/
/*
// Simple truncation mixin to cut off text using an ellipsis after a certain
// width.
//
// .simple-usage {
//   @include truncate();
// }
//
// .detailed-usage {
//   @include truncate(<value>, important);
// }
*/
/*
// For setting border box sizing e.g. used by _generic.grid.scss as a reset
//
// .simple-usage {
//   @include border-box;
// }
//
// .detailed-usage {
//   @include border-box;
// }
*/
.focused, .tabs-control:enabled button:focus-visible, .tabs-control:enabled a:focus-visible, .tab:not(.tab-is-disabled) button:focus-visible, .tab:not(.tab-is-disabled) a:focus-visible, .highlight-on-focus:focus-visible, .highlight-on-focus-and-hover button:focus-visible, .highlight-on-focus-and-hover a:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #eb6500 !important;
}
.highlight-on-focus-and-hover {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.highlight-on-focus-and-hover button, .highlight-on-focus-and-hover a {
  outline: none;
}
.highlight-on-focus-and-hover:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  font-variant-numeric: lining-nums; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  border-radius: 0;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 * 3. Correct rounded corners in iOS.
 */
[type=search] {
  -webkit-appearance: none; /* 1 */
  outline-offset: -2px; /* 2 */
  border-radius: 0; /* 3 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/* wbr
   ========================================================================== */
/**
 * Add zero width breaking space after wbr elements to fix IE behaviour.
 */
wbr:after {
  content: "​";
}
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}
/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}
/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}
/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Set basic typography that has far reach.
 * Applying default font sizes allows us to use REMs relative to what we define.
 */
html {
  font-size: 16px;
  font-variant-numeric: lining-nums;
  line-height: var(--sd-ui-line-height);
}
body {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif;
  color: #1f1f1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------*\
    #GRID
\*------------------------------------*/
*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.grid {
  width: 100%;
  margin: 0 auto;
}
.grid:before, .row:before, .grid:after, .row:after {
  content: " ";
  display: table;
}
.grid:after, .row:after {
  clear: both;
}
.grid img {
  width: auto;
  max-width: 100%;
  height: auto;
}
[class*=col-] {
  float: left;
  width: 100%;
  min-height: 1px;
}
.gutters.row {
  margin-left: -8px;
  margin-right: -8px;
}
.gutters > [class*=col-], .gutters > [class*=" col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
/**
 * Responsive grid columns
 */
@media only screen and (min-width: 20em) {
  .col-xs-1, .row > .col-xs-1 {
    width: 4.1666666667%;
  }
  .col-xs-2, .row > .col-xs-2 {
    width: 8.3333333333%;
  }
  .col-xs-3, .row > .col-xs-3 {
    width: 12.5%;
  }
  .col-xs-4, .row > .col-xs-4 {
    width: 16.6666666667%;
  }
  .col-xs-5, .row > .col-xs-5 {
    width: 20.8333333333%;
  }
  .col-xs-6, .row > .col-xs-6 {
    width: 25%;
  }
  .col-xs-7, .row > .col-xs-7 {
    width: 29.1666666667%;
  }
  .col-xs-8, .row > .col-xs-8 {
    width: 33.3333333333%;
  }
  .col-xs-9, .row > .col-xs-9 {
    width: 37.5%;
  }
  .col-xs-10, .row > .col-xs-10 {
    width: 41.6666666667%;
  }
  .col-xs-11, .row > .col-xs-11 {
    width: 45.8333333333%;
  }
  .col-xs-12, .row > .col-xs-12 {
    width: 50%;
  }
  .col-xs-13, .row > .col-xs-13 {
    width: 54.1666666667%;
  }
  .col-xs-14, .row > .col-xs-14 {
    width: 58.3333333333%;
  }
  .col-xs-15, .row > .col-xs-15 {
    width: 62.5%;
  }
  .col-xs-16, .row > .col-xs-16 {
    width: 66.6666666667%;
  }
  .col-xs-17, .row > .col-xs-17 {
    width: 70.8333333333%;
  }
  .col-xs-18, .row > .col-xs-18 {
    width: 75%;
  }
  .col-xs-19, .row > .col-xs-19 {
    width: 79.1666666667%;
  }
  .col-xs-20, .row > .col-xs-20 {
    width: 83.3333333333%;
  }
  .col-xs-21, .row > .col-xs-21 {
    width: 87.5%;
  }
  .col-xs-22, .row > .col-xs-22 {
    width: 91.6666666667%;
  }
  .col-xs-23, .row > .col-xs-23 {
    width: 95.8333333333%;
  }
  .col-xs-24, .row > .col-xs-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 36em) {
  .col-sm-1, .row > .col-sm-1 {
    width: 4.1666666667%;
  }
  .col-sm-2, .row > .col-sm-2 {
    width: 8.3333333333%;
  }
  .col-sm-3, .row > .col-sm-3 {
    width: 12.5%;
  }
  .col-sm-4, .row > .col-sm-4 {
    width: 16.6666666667%;
  }
  .col-sm-5, .row > .col-sm-5 {
    width: 20.8333333333%;
  }
  .col-sm-6, .row > .col-sm-6 {
    width: 25%;
  }
  .col-sm-7, .row > .col-sm-7 {
    width: 29.1666666667%;
  }
  .col-sm-8, .row > .col-sm-8 {
    width: 33.3333333333%;
  }
  .col-sm-9, .row > .col-sm-9 {
    width: 37.5%;
  }
  .col-sm-10, .row > .col-sm-10 {
    width: 41.6666666667%;
  }
  .col-sm-11, .row > .col-sm-11 {
    width: 45.8333333333%;
  }
  .col-sm-12, .row > .col-sm-12 {
    width: 50%;
  }
  .col-sm-13, .row > .col-sm-13 {
    width: 54.1666666667%;
  }
  .col-sm-14, .row > .col-sm-14 {
    width: 58.3333333333%;
  }
  .col-sm-15, .row > .col-sm-15 {
    width: 62.5%;
  }
  .col-sm-16, .row > .col-sm-16 {
    width: 66.6666666667%;
  }
  .col-sm-17, .row > .col-sm-17 {
    width: 70.8333333333%;
  }
  .col-sm-18, .row > .col-sm-18 {
    width: 75%;
  }
  .col-sm-19, .row > .col-sm-19 {
    width: 79.1666666667%;
  }
  .col-sm-20, .row > .col-sm-20 {
    width: 83.3333333333%;
  }
  .col-sm-21, .row > .col-sm-21 {
    width: 87.5%;
  }
  .col-sm-22, .row > .col-sm-22 {
    width: 91.6666666667%;
  }
  .col-sm-23, .row > .col-sm-23 {
    width: 95.8333333333%;
  }
  .col-sm-24, .row > .col-sm-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 48em) {
  .col-md-1, .row > .col-md-1 {
    width: 4.1666666667%;
  }
  .col-md-2, .row > .col-md-2 {
    width: 8.3333333333%;
  }
  .col-md-3, .row > .col-md-3 {
    width: 12.5%;
  }
  .col-md-4, .row > .col-md-4 {
    width: 16.6666666667%;
  }
  .col-md-5, .row > .col-md-5 {
    width: 20.8333333333%;
  }
  .col-md-6, .row > .col-md-6 {
    width: 25%;
  }
  .col-md-7, .row > .col-md-7 {
    width: 29.1666666667%;
  }
  .col-md-8, .row > .col-md-8 {
    width: 33.3333333333%;
  }
  .col-md-9, .row > .col-md-9 {
    width: 37.5%;
  }
  .col-md-10, .row > .col-md-10 {
    width: 41.6666666667%;
  }
  .col-md-11, .row > .col-md-11 {
    width: 45.8333333333%;
  }
  .col-md-12, .row > .col-md-12 {
    width: 50%;
  }
  .col-md-13, .row > .col-md-13 {
    width: 54.1666666667%;
  }
  .col-md-14, .row > .col-md-14 {
    width: 58.3333333333%;
  }
  .col-md-15, .row > .col-md-15 {
    width: 62.5%;
  }
  .col-md-16, .row > .col-md-16 {
    width: 66.6666666667%;
  }
  .col-md-17, .row > .col-md-17 {
    width: 70.8333333333%;
  }
  .col-md-18, .row > .col-md-18 {
    width: 75%;
  }
  .col-md-19, .row > .col-md-19 {
    width: 79.1666666667%;
  }
  .col-md-20, .row > .col-md-20 {
    width: 83.3333333333%;
  }
  .col-md-21, .row > .col-md-21 {
    width: 87.5%;
  }
  .col-md-22, .row > .col-md-22 {
    width: 91.6666666667%;
  }
  .col-md-23, .row > .col-md-23 {
    width: 95.8333333333%;
  }
  .col-md-24, .row > .col-md-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 62em) {
  .col-lg-1, .row > .col-lg-1 {
    width: 4.1666666667%;
  }
  .col-lg-2, .row > .col-lg-2 {
    width: 8.3333333333%;
  }
  .col-lg-3, .row > .col-lg-3 {
    width: 12.5%;
  }
  .col-lg-4, .row > .col-lg-4 {
    width: 16.6666666667%;
  }
  .col-lg-5, .row > .col-lg-5 {
    width: 20.8333333333%;
  }
  .col-lg-6, .row > .col-lg-6 {
    width: 25%;
  }
  .col-lg-7, .row > .col-lg-7 {
    width: 29.1666666667%;
  }
  .col-lg-8, .row > .col-lg-8 {
    width: 33.3333333333%;
  }
  .col-lg-9, .row > .col-lg-9 {
    width: 37.5%;
  }
  .col-lg-10, .row > .col-lg-10 {
    width: 41.6666666667%;
  }
  .col-lg-11, .row > .col-lg-11 {
    width: 45.8333333333%;
  }
  .col-lg-12, .row > .col-lg-12 {
    width: 50%;
  }
  .col-lg-13, .row > .col-lg-13 {
    width: 54.1666666667%;
  }
  .col-lg-14, .row > .col-lg-14 {
    width: 58.3333333333%;
  }
  .col-lg-15, .row > .col-lg-15 {
    width: 62.5%;
  }
  .col-lg-16, .row > .col-lg-16 {
    width: 66.6666666667%;
  }
  .col-lg-17, .row > .col-lg-17 {
    width: 70.8333333333%;
  }
  .col-lg-18, .row > .col-lg-18 {
    width: 75%;
  }
  .col-lg-19, .row > .col-lg-19 {
    width: 79.1666666667%;
  }
  .col-lg-20, .row > .col-lg-20 {
    width: 83.3333333333%;
  }
  .col-lg-21, .row > .col-lg-21 {
    width: 87.5%;
  }
  .col-lg-22, .row > .col-lg-22 {
    width: 91.6666666667%;
  }
  .col-lg-23, .row > .col-lg-23 {
    width: 95.8333333333%;
  }
  .col-lg-24, .row > .col-lg-24 {
    width: 100%;
  }
}
@media only screen and (min-width: 75em) {
  .col-xl-1, .row > .col-xl-1 {
    width: 4.1666666667%;
  }
  .col-xl-2, .row > .col-xl-2 {
    width: 8.3333333333%;
  }
  .col-xl-3, .row > .col-xl-3 {
    width: 12.5%;
  }
  .col-xl-4, .row > .col-xl-4 {
    width: 16.6666666667%;
  }
  .col-xl-5, .row > .col-xl-5 {
    width: 20.8333333333%;
  }
  .col-xl-6, .row > .col-xl-6 {
    width: 25%;
  }
  .col-xl-7, .row > .col-xl-7 {
    width: 29.1666666667%;
  }
  .col-xl-8, .row > .col-xl-8 {
    width: 33.3333333333%;
  }
  .col-xl-9, .row > .col-xl-9 {
    width: 37.5%;
  }
  .col-xl-10, .row > .col-xl-10 {
    width: 41.6666666667%;
  }
  .col-xl-11, .row > .col-xl-11 {
    width: 45.8333333333%;
  }
  .col-xl-12, .row > .col-xl-12 {
    width: 50%;
  }
  .col-xl-13, .row > .col-xl-13 {
    width: 54.1666666667%;
  }
  .col-xl-14, .row > .col-xl-14 {
    width: 58.3333333333%;
  }
  .col-xl-15, .row > .col-xl-15 {
    width: 62.5%;
  }
  .col-xl-16, .row > .col-xl-16 {
    width: 66.6666666667%;
  }
  .col-xl-17, .row > .col-xl-17 {
    width: 70.8333333333%;
  }
  .col-xl-18, .row > .col-xl-18 {
    width: 75%;
  }
  .col-xl-19, .row > .col-xl-19 {
    width: 79.1666666667%;
  }
  .col-xl-20, .row > .col-xl-20 {
    width: 83.3333333333%;
  }
  .col-xl-21, .row > .col-xl-21 {
    width: 87.5%;
  }
  .col-xl-22, .row > .col-xl-22 {
    width: 91.6666666667%;
  }
  .col-xl-23, .row > .col-xl-23 {
    width: 95.8333333333%;
  }
  .col-xl-24, .row > .col-xl-24 {
    width: 100%;
  }
}
.move-left {
  float: left;
  left: 0;
}
.move-right {
  float: right;
  right: 0;
}
.move-top {
  position: absolute;
  top: 0;
}
.move-bottom {
  position: absolute;
  bottom: 0;
}
.move-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.move-middle.move-center {
  transform: translate(-50%, -50%);
}
.move-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.move-center.move-middle {
  transform: translate(-50%, -50%);
}
.stretch, .modal-overlay, .tap-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tap-area {
  cursor: pointer;
}
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/* Preconfigure these settings before the @import of this file. */
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h5 {
  font-weight: bold;
}
h1.h1-3xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-2xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
h1.h1-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
h1 {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
h2 {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
h3 {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
h4 {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
h5 {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
h1.alt-xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
/*------------------------------------*\
    #DIVIDERS
\*------------------------------------*/
.hor-line {
  border-bottom: 0.125rem solid #dcdcdc;
}
.hor-line-top {
  border-top: 0.125rem solid #dcdcdc;
}
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded ul {
  list-style: none;
  margin: 0.5em 0;
}
.branded ul > li {
  padding-left: 1.6em;
}
.branded ul > li::before {
  margin: 0.45em 0 0 -1em;
  content: "";
  display: block;
  float: left;
  width: 0.35em;
  height: 0.35em;
  background-color: #eb6500;
  border-radius: 50%;
}
.branded ol {
  list-style-type: none;
  margin: 0.5em 0;
  counter-reset: item;
}
.branded ol > li {
  padding-left: 1.7em;
  counter-increment: item;
}
.branded ol > li::before {
  margin: 0.25em 0 0 -1.4em;
  content: counter(item, decimal) ".";
  display: block;
  float: left;
  color: #eb6500;
  font-size: 0.8em;
  font-weight: bold;
}
/**
 * List tags.
 *
 * Useful when you want to turn an unordered list into a comma seperated inline list.
 * <ul class="list-tags><li class="list-tags-item">List item</li>...</ul>
 *
 */
.list-tags {
  margin-left: 0;
  padding-left: 0;
}
.list-tags-item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-tags-item::after {
  content: ", ";
}
.list-tags-item:last-child::after {
  content: "";
}
/*------------------------------------*\
    #ANCHORS
\*------------------------------------*/
/**
 * branded base styles.
*/
.branded a {
  color: #0272b1;
  transition: color 0.3s ease, border-bottom-color 0.3s ease;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.branded a:link, .branded a:visited {
  color: #0272b1;
  border-bottom: 2px solid transparent;
}
.branded a:active, .branded a:focus, .branded a:hover {
  cursor: pointer;
  color: #1f1f1f;
  border-bottom-color: #ff6c00;
}
/*------------------------------------*\
    #PANEL

    All @extend classes are self-contained (they do not extend classes from outside this file)
\*------------------------------------*/
.container, .panel, .panel-s, .panel-l, .panel-m {
  position: relative;
  overflow: auto;
}
.panel, .panel-s, .panel-l, .panel-m {
  background: #f5f5f5;
  overflow: auto;
}
.panel.trasparent, .trasparent.panel-s, .trasparent.panel-l, .trasparent.panel-m {
  background: 0;
}
.panel:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-s:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-l:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l), .panel-m:not(.panel-s):not(.panel-l):not(.panel-m):not(.panel-m):not(.panel-l) {
  padding: 32px;
}
.panel-s, .panel-l, .panel-m {
  padding: 16px;
}
.panel-m {
  padding: 32px;
}
.panel-l {
  padding: 48px;
}
.list-item:first-child {
  padding-top: 0;
}
.list-item:last-child {
  padding-bottom: 0;
}
.button-alternative {
  --sd-ui-button-alt-border-bottom-colour: transparent;
  --sd-ui-button-alt-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-alt-border-bottom-width: 2px;
  --sd-ui-button-alt-colour: #1f1f1f;
  --sd-ui-button-alt-colour-focus: #eb6500;
  --sd-ui-button-alt-cursor: pointer;
  --sd-ui-button-alt-font-size: 1em;
  --sd-ui-button-alt-gap: calc(0.5em - 2px);
  --sd-ui-button-alt-min-width: 5.5rem;
  --sd-ui-button-alt-icon-background-colour: #0272b1;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-border-colour-hover: #eb6500;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
}
.button-alternative-secondary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #0272b1;
  --sd-ui-button-alt-icon-fill: #0272b1;
}
.button-alternative-tertiary {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #1f1f1f;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
}
.button-alternative.on-dark-background {
  --sd-ui-button-alt-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-alt-colour: #ffffff;
  --sd-ui-button-alt-colour-focus: #ffffff;
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-background-colour-hover: transparent;
  --sd-ui-button-alt-icon-border-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #1f1f1f;
  --sd-ui-button-alt-icon-fill-hover: #ffffff;
}
.button-alternative-secondary.on-dark-background, .button-alternative-tertiary.on-dark-background {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-background-colour-hover: #ffffff;
  --sd-ui-button-alt-icon-fill: #ffffff;
  --sd-ui-button-alt-icon-fill-hover: #1f1f1f;
}
.button-alternative:disabled {
  --sd-ui-button-alt-colour: #b8b8b8;
  --sd-ui-button-alt-cursor: default;
  --sd-ui-button-alt-icon-background-colour: #b8b8b8;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
}
.button-alternative-secondary:disabled, .button-alternative-tertiary:disabled {
  --sd-ui-button-alt-icon-background-colour: #ffffff;
  --sd-ui-button-alt-icon-border-colour: #b8b8b8;
  --sd-ui-button-alt-icon-fill: #b8b8b8;
}
.button-alternative.on-dark-background:disabled {
  --sd-ui-button-alt-colour: #4c4c4c;
  --sd-ui-button-alt-icon-background-colour: #707070;
  --sd-ui-button-alt-icon-border-colour: #707070;
}
.button-alternative-secondary.on-dark-background:disabled, .button-alternative-tertiary.on-dark-background:disabled {
  --sd-ui-button-alt-icon-background-colour: transparent;
  --sd-ui-button-alt-icon-border-colour: #707070;
  --sd-ui-button-alt-icon-fill: #707070;
}
.button-alternative.small-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
.button-alternative.medium-alternative {
  --sd-ui-button-alt-font-size: 1rem;
  --sd-ui-button-alt-gap: 0.5rem;
  --sd-ui-button-alt-icon-padding: 0.5rem;
  --sd-ui-button-alt-icon-size: 2.5rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 5.5rem;
}
.button-alternative.large-alternative {
  --sd-ui-button-alt-font-size: 1.25rem;
  --sd-ui-button-alt-gap: 0.625rem;
  --sd-ui-button-alt-icon-padding: 0.625rem;
  --sd-ui-button-alt-icon-size: 3rem;
  --sd-ui-button-alt-icon-external-link-size: 0.625rem;
  --sd-ui-button-alt-min-width: 6rem;
}
.button-alternative.responsive-alternative {
  --sd-ui-button-alt-font-size: 0.875rem;
  --sd-ui-button-alt-gap: 0.375rem;
  --sd-ui-button-alt-icon-padding: 0.375rem;
  --sd-ui-button-alt-icon-size: 2rem;
  --sd-ui-button-alt-icon-external-link-size: 0.5rem;
  --sd-ui-button-alt-min-width: 4.5rem;
}
@media only screen and (min-width: 48em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1rem;
    --sd-ui-button-alt-gap: 0.5rem;
    --sd-ui-button-alt-icon-padding: 0.5rem;
    --sd-ui-button-alt-icon-size: 2.5rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 5.5rem;
  }
}
@media only screen and (min-width: 62em) {
  .button-alternative.responsive-alternative {
    --sd-ui-button-alt-font-size: 1.25rem;
    --sd-ui-button-alt-gap: 0.625rem;
    --sd-ui-button-alt-icon-padding: 0.625rem;
    --sd-ui-button-alt-icon-size: 3rem;
    --sd-ui-button-alt-icon-external-link-size: 0.625rem;
    --sd-ui-button-alt-min-width: 6rem;
  }
}
.button-alternative {
  align-items: baseline;
  background-color: transparent;
  border: none;
  color: var(--sd-ui-button-alt-colour);
  cursor: var(--sd-ui-button-alt-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-alt-font-size);
  gap: var(--sd-ui-button-alt-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-alt-min-width);
  text-decoration: none;
  user-select: text;
}
.button-alternative.disable-min-width {
  min-width: inherit;
}
.button-alternative:focus-visible {
  outline: 2px solid var(--sd-ui-button-alt-colour-focus);
  outline-offset: 2px;
}
.button-alternative .icon, .button-alternative-text-container {
  align-self: center;
}
.button-alternative .icon {
  flex-shrink: 0;
}
.button-alternative .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour);
  border: 2px solid var(--sd-ui-button-alt-icon-border-colour);
  fill: var(--sd-ui-button-alt-icon-fill);
  height: var(--sd-ui-button-alt-icon-size);
  padding: var(--sd-ui-button-alt-icon-padding);
  transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
  width: var(--sd-ui-button-alt-icon-size);
}
.button-alternative:hover:not(:disabled) .icon:not(.arrow-external-link) {
  background-color: var(--sd-ui-button-alt-icon-background-colour-hover);
  border-color: var(--sd-ui-button-alt-icon-border-colour-hover);
  fill: var(--sd-ui-button-alt-icon-fill-hover);
}
.button-alternative-text {
  border-bottom: var(--sd-ui-button-alt-border-bottom-width) solid var(--sd-ui-button-alt-border-bottom-colour);
  transition: border-bottom 0.3s;
}
.button-alternative:hover:not(:disabled) .button-alternative-text {
  border-bottom-color: var(--sd-ui-button-alt-border-bottom-colour-hover);
}
.button-alternative .arrow-external-link {
  fill: currentColor;
  height: var(--sd-ui-button-alt-icon-external-link-size);
  width: var(--sd-ui-button-alt-icon-external-link-size);
}
.anchor {
  --sd-ui-anchor-border-bottom-colour: transparent;
  --sd-ui-anchor-border-bottom-colour-hover: #eb6500;
  --sd-ui-anchor-border-bottom-width: 2px;
  --sd-ui-anchor-border-bottom-width-hover: 2px;
  --sd-ui-anchor-colour: #0272b1;
  --sd-ui-anchor-colour-focus: #eb6500;
  --sd-ui-anchor-cursor: pointer;
  --sd-ui-anchor-font-size: 1em;
  --sd-ui-anchor-gap: calc(0.5em - 2px);
  --sd-ui-anchor-icon-colour: currentColor;
  --sd-ui-anchor-icon-size: calc(1em + 4px);
  --sd-ui-anchor-icon-external-link-size: clamp(8px, 0.5em, 0.5em);
}
.anchor-secondary {
  --sd-ui-anchor-colour: #1f1f1f;
}
.anchor-underline {
  --sd-ui-anchor-border-bottom-colour: currentColor;
  --sd-ui-anchor-border-bottom-width: 1px;
}
.anchor-has-background-color {
  --sd-ui-anchor-border-bottom-colour-hover: currentColor;
  --sd-ui-anchor-colour-focus: currentColor;
}
.anchor-has-colored-icon {
  --sd-ui-anchor-icon-colour: #0272b1 ;
}
.anchor-has-inherit-color {
  --sd-ui-anchor-colour: inherit;
}
.anchor.on-dark-background {
  --sd-ui-anchor-border-bottom-colour-hover: #ffffff;
  --sd-ui-anchor-colour: #ffffff;
  --sd-ui-anchor-colour-focus: #ffffff;
  --sd-ui-anchor-icon-colour: #ffffff;
}
.anchor[aria-disabled=true] {
  --sd-ui-anchor-cursor: default;
  --sd-ui-anchor-colour: #b8b8b8;
  --sd-ui-anchor-colour-focus: transparent;
  --sd-ui-anchor-icon-colour: #b8b8b8;
}
.anchor-small {
  --sd-ui-anchor-font-size: 0.875rem;
  --sd-ui-anchor-gap: 0.25rem;
  --sd-ui-anchor-icon-size: 1rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-medium {
  --sd-ui-anchor-font-size: 1rem;
  --sd-ui-anchor-gap: 0.375rem;
  --sd-ui-anchor-icon-size: 1.25rem;
  --sd-ui-anchor-icon-external-link-size: 0.5rem;
}
.anchor-large {
  --sd-ui-anchor-font-size: 1.25rem;
  --sd-ui-anchor-gap: 0.5rem;
  --sd-ui-anchor-icon-size: 1.5rem;
  --sd-ui-anchor-icon-external-link-size: 0.625rem;
}
.anchor {
  color: var(--sd-ui-anchor-colour);
  cursor: var(--sd-ui-anchor-cursor);
  font-size: var(--sd-ui-anchor-font-size);
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
}
.anchor:focus-visible {
  outline: 2px solid var(--sd-ui-anchor-colour-focus);
  outline-offset: 2px;
}
.anchor-with-icon {
  align-items: baseline;
  display: inline-flex;
  gap: var(--sd-ui-anchor-gap);
}
.anchor .icon {
  align-self: center;
  fill: var(--sd-ui-anchor-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-anchor-icon-size);
  width: var(--sd-ui-anchor-icon-size);
}
.anchor-icon-only:hover:not([aria-disabled=true]) .icon {
  transition: fill 0.3s;
  fill: var(--sd-ui-anchor-border-bottom-colour-hover);
}
.anchor-text {
  border-bottom: var(--sd-ui-anchor-border-bottom-width) solid var(--sd-ui-anchor-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.anchor:hover:not([aria-disabled=true]) .anchor-text {
  border-bottom-color: var(--sd-ui-anchor-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-anchor-border-bottom-width-hover);
}
.anchor .arrow-external-link {
  height: var(--sd-ui-anchor-icon-external-link-size);
  margin-left: var(--sd-ui-anchor-gap);
  width: var(--sd-ui-anchor-icon-external-link-size);
}
.skip-link {
  color: #1f1f1f;
  display: inline;
  background-color: #ffffff;
  height: 0;
  width: 0;
  left: 6px;
  overflow: hidden;
  position: fixed;
  top: 5px;
  z-index: 1000;
}
.skip-link:focus, .skip-link:active {
  height: auto;
  width: auto;
  padding: 2px;
}
.button-link {
  --sd-ui-button-link-border-bottom-colour: transparent;
  --sd-ui-button-link-border-bottom-colour-hover: #eb6500;
  --sd-ui-button-link-border-bottom-width: 2px;
  --sd-ui-button-link-border-bottom-width-hover: 2px;
  --sd-ui-button-link-colour: #0272b1;
  --sd-ui-button-link-colour-focus: #eb6500;
  --sd-ui-button-link-cursor: pointer;
  --sd-ui-button-link-font-size: 1em;
  --sd-ui-button-link-gap: calc(0.5em - 2px);
  --sd-ui-button-link-icon-colour: currentColor;
  --sd-ui-button-link-icon-size: calc(1em + 4px);
}
.button-link-secondary {
  --sd-ui-button-link-colour: #1f1f1f;
}
.button-link-underline {
  --sd-ui-button-link-border-bottom-colour: currentColor;
  --sd-ui-button-link-border-bottom-width: 1px;
}
.button-link-has-colored-icon {
  --sd-ui-button-link-icon-colour: #0272b1 ;
}
.button-link-on-dark-background {
  --sd-ui-button-link-border-bottom-colour-hover: #ffffff;
  --sd-ui-button-link-colour: #ffffff;
  --sd-ui-button-link-colour-focus: #ffffff;
  --sd-ui-button-link-icon-colour: #ffffff;
}
.button-link:disabled {
  --sd-ui-button-link-cursor: default;
  --sd-ui-button-link-colour: #b8b8b8;
  --sd-ui-button-link-colour-focus: transparent;
  --sd-ui-button-link-icon-colour: #b8b8b8;
}
.button-link-small {
  --sd-ui-button-link-font-size: 0.875rem;
  --sd-ui-button-link-gap: 0.25rem;
  --sd-ui-button-link-icon-size: 1rem;
}
.button-link-medium {
  --sd-ui-button-link-font-size: 1rem;
  --sd-ui-button-link-gap: 0.375rem;
  --sd-ui-button-link-icon-size: 1.25rem;
}
.button-link-large {
  --sd-ui-button-link-font-size: 1.25rem;
  --sd-ui-button-link-gap: 0.5rem;
  --sd-ui-button-link-icon-size: 1.5rem;
}
.button-link {
  border: none;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  text-decoration: none;
  align-items: baseline;
  display: inline-flex;
  color: var(--sd-ui-button-link-colour);
  cursor: var(--sd-ui-button-link-cursor);
  font-size: var(--sd-ui-button-link-font-size);
  gap: var(--sd-ui-button-link-gap);
  user-select: text;
}
.button-link:focus-visible {
  outline: 2px solid var(--sd-ui-button-link-colour-focus);
  outline-offset: 2px;
}
.button-link .icon {
  align-self: center;
  fill: var(--sd-ui-button-link-icon-colour);
  flex-shrink: 0;
  height: var(--sd-ui-button-link-icon-size);
  width: var(--sd-ui-button-link-icon-size);
}
.button-link-icon-only:hover:not(:disabled) .icon {
  transition: fill 0.3s;
  --sd-ui-button-link-icon-colour: #eb6500;
}
.button-link-text {
  border-bottom: var(--sd-ui-button-link-border-bottom-width) solid var(--sd-ui-button-link-border-bottom-colour);
  transition: border-bottom-color 0.3s;
}
.button-link:hover:not(:disabled) .button-link-text {
  border-bottom-color: var(--sd-ui-button-link-border-bottom-colour-hover);
  border-bottom-width: var(--sd-ui-button-link-border-bottom-width-hover);
}
.checkbox {
  --sd-ui-checkbox-border-colour: #707070;
  --sd-ui-checkbox-border-colour-hover: #1f1f1f;
  --sd-ui-checkbox-border-width: 0.125rem;
  --sd-ui-checkbox-colour: #1f1f1f;
  --sd-ui-checkbox-colour-focus: #eb6500;
  --sd-ui-checkbox-cursor: pointer;
  --sd-ui-checkbox-font-size: 1rem;
  --sd-ui-checkbox-size: calc(var(--sd-ui-checkbox-font-size) + 4px);
  --sd-ui-checkbox-indicator-colour: #eb6500;
  --sd-ui-checkbox-indicator-offset: calc(0.2em - var(--sd-ui-checkbox-border-width));
  --sd-ui-checkbox-indicator-size: 0.6em;
}
.checkbox.is-disabled {
  --sd-ui-checkbox-border-colour: #b8b8b8;
  --sd-ui-checkbox-colour: #b8b8b8;
  --sd-ui-checkbox-cursor: default;
  --sd-ui-checkbox-indicator-colour: #b8b8b8;
}
.checkbox-small {
  --sd-ui-checkbox-font-size: 0.875rem;
}
.checkbox-medium {
  --sd-ui-checkbox-font-size: 1rem;
}
.checkbox-large {
  --sd-ui-checkbox-font-size: 1.25rem;
}
.checkbox-responsive {
  --sd-ui-checkbox-font-size: 0.875rem;
}
@media only screen and (min-width: 48em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1rem;
  }
}
@media only screen and (min-width: 62em) {
  .checkbox-responsive {
    --sd-ui-checkbox-font-size: 1.25rem;
  }
}
.checkbox {
  font-size: var(--sd-ui-checkbox-font-size);
  line-height: var(--sd-ui-line-height);
}
.checkbox .checkbox-input {
  opacity: 0;
  position: absolute;
}
.checkbox .checkbox-label {
  color: var(--sd-ui-checkbox-colour);
  cursor: var(--sd-ui-checkbox-cursor);
  user-select: none;
}
.checkbox .checkbox-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
}
.checkbox .checkbox-check {
  background-color: #ffffff;
  border: var(--sd-ui-checkbox-border-width) solid var(--sd-ui-checkbox-border-colour);
  display: inline-block;
  font-size: var(--sd-ui-checkbox-size);
  height: var(--sd-ui-checkbox-size);
  position: relative;
  transition: border-color ease 0.3s;
  vertical-align: middle;
  width: var(--sd-ui-checkbox-size);
}
.checkbox .checkbox-check::after {
  border-color: #ffffff;
  border-style: solid;
  border-width: var(--sd-ui-checkbox-indicator-size) var(--sd-ui-checkbox-indicator-size) 0 0;
  content: "";
  height: var(--sd-ui-checkbox-indicator-size);
  left: var(--sd-ui-checkbox-indicator-offset);
  position: absolute;
  top: var(--sd-ui-checkbox-indicator-offset);
  transition: border-color 0.3s;
  width: var(--sd-ui-checkbox-indicator-size);
}
.checkbox .checkbox-input:checked + .checkbox-check::after {
  border-color: var(--sd-ui-checkbox-indicator-colour) var(--sd-ui-checkbox-indicator-colour) #ffffff #ffffff;
}
.checkbox.checkbox.partial .checkbox-input:checked ~ .checkbox-check::after {
  border-top-color: #ffffff;
}
.checkbox .checkbox-input:focus-visible + .checkbox-check {
  outline: 2px solid var(--sd-ui-checkbox-colour-focus);
  outline-offset: 1px;
}
.checkbox:not(.is-disabled) .checkbox-label:hover .checkbox-check {
  border-color: var(--sd-ui-checkbox-border-colour-hover);
}
.checkbox.checkbox-label-indent .checkbox-label {
  display: inline-flex;
}
.checkbox.checkbox-label-indent .checkbox-check {
  flex-shrink: 0;
}
.tab-list {
  width: 100%;
  margin-bottom: 1rem;
  box-shadow: 0px -1px #1f1f1f inset;
}
.tab {
  display: inline-block;
  list-style: none;
  cursor: pointer;
  font-weight: normal;
}
.tab a:link, .tab a:visited {
  text-decoration: none;
  color: inherit;
}
.tab:not(.tab-is-disabled) {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tab:not(.tab-is-disabled) button, .tab:not(.tab-is-disabled) a {
  outline: none;
}
.tab:not(.tab-is-disabled):hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tab:not(.tab-is-disabled).tab-is-selected {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  box-shadow: 0px -4px 0 -1px #1f1f1f inset;
  border-collapse: separate;
}
.tab.tab-is-disabled {
  cursor: default;
  border-bottom: 1px solid #1f1f1f;
}
.tab.tab-is-disabled button {
  outline: none;
}
.tab.tab-is-disabled .tab-title {
  color: #b8b8b8;
}
.tab-title {
  height: 2em;
  padding: 0.125rem 1rem 0;
  font-family: inherit;
  line-height: calc(2em - 2px);
  display: block;
  background-color: transparent;
  border: 0;
  text-decoration: none;
}
.tab-panel {
  display: none;
}
.tab-panel.tab-panel-is-selected, .tab-panel.tab-panel-force-rendered {
  display: block;
}
.tablist-container {
  align-items: flex-end;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.tabs-container {
  overflow: hidden;
  flex-grow: 1;
  padding: 4px;
  position: relative;
  top: 4px;
}
.tab-list[class*=responsive-to-] {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  transition: transform 0.3s;
}
@media only screen and (min-width: 20em) {
  .tab-list.responsive-to-xs {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xs {
    padding: 0;
  }
  .responsive-to-xs .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 36em) {
  .tab-list.responsive-to-sm {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-sm {
    padding: 0;
  }
  .responsive-to-sm .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 48em) {
  .tab-list.responsive-to-md {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-md {
    padding: 0;
  }
  .responsive-to-md .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 62em) {
  .tab-list.responsive-to-lg {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-lg {
    padding: 0;
  }
  .responsive-to-lg .tabs-control {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .tab-list.responsive-to-xl {
    white-space: normal;
    transform: translateX(0) !important;
  }
  .tablist-container.responsive-to-xl {
    padding: 0;
  }
  .responsive-to-xl .tabs-control {
    display: none;
  }
}
.tabs-control {
  flex-shrink: 0;
  height: calc(2.5em + 1px);
  width: 2.5em;
}
.tabs-control:enabled {
  transition: box-shadow 0.3s, border-bottom-color 0.3s;
  border-bottom: 1px solid #1f1f1f;
}
.tabs-control:enabled button, .tabs-control:enabled a {
  outline: none;
}
.tabs-control:enabled:hover {
  box-shadow: 0px -4px 0 -1px #eb6500 inset !important;
  border-collapse: separate;
  border-bottom: 1px solid #eb6500 !important;
}
.tabs-control svg.icon.tabs-control-icon {
  margin: 0;
}
.simple-tabs {
  --sd-ui-tabs-border-bottom-colour: #1f1f1f;
  --sd-ui-tabs-border-bottom-colour-hover: #eb6500;
  --sd-ui-tabs-border-bottom-width: 0.25rem;
  --sd-ui-tabs-colour: #1f1f1f;
  --sd-ui-tabs-colour-focus: #eb6500;
  --sd-ui-tab-panel-padding-ver: 2rem;
  --sd-ui-tab-panel-padding-hor: 1rem;
  --sd-ui-tabs-cursor: pointer;
  --sd-ui-tabs-font-size: 1em;
  --sd-ui-tab-padding-hor: 0.625rem;
  --sd-ui-tab-padding-top: 0.375rem;
  --sd-ui-tab-padding-bottom: 0.125rem;
  --sd-ui-tab-colour-focus: #eb6500;
  --sd-ui-tab-colour-hover: #1f1f1f;
  --sd-ui-tab-border-colour-hover: #eb6500;
}
.simple-tabs.on-dark-background {
  --sd-ui-tabs-border-bottom-colour-hover: #ffffff;
  --sd-ui-tabs-colour: #ffffff;
  --sd-ui-tabs-colour-focus: #ffffff;
}
.simple-tabs {
  font-family: inherit;
  font-size: var(--sd-ui-tabs-font-size);
  line-height: var(--sd-ui-line-height);
}
.simple-tab-list {
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  align-items: baseline;
  flex-wrap: wrap;
  box-shadow: 0 -1px 0 0 var(--sd-ui-tabs-border-bottom-colour) inset;
  width: 100%;
}
.simple-tab-list.simple-tab-list-scrolling {
  overflow-x: auto;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-padding-inline: 3rem;
  flex-wrap: nowrap;
  margin-bottom: -4px;
  margin-left: -4px;
  margin-top: -4px;
  box-shadow: unset;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab {
  margin: 4px 0;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:first-child {
  margin-left: 4px;
}
.simple-tab-list.simple-tab-list-scrolling > .simple-tab:last-child {
  margin-right: 4px;
}
.simple-tab-list.simple-tab-list-scrolling ~ .simple-tab-list-scrolling-border-bottom {
  border-bottom: 1px solid var(--sd-ui-tabs-border-bottom-colour);
  margin-top: -1px;
  margin-right: 4px;
  margin-left: 4px;
}
.simple-tab-panel {
  padding: var(--sd-ui-tab-panel-padding-ver) var(--sd-ui-tab-panel-padding-hor);
}
.simple-tab-panel.active {
  display: block;
}
.simple-tab-panel.active:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 1px;
}
.simple-tab-panel.hidden {
  display: none;
}
.simple-tab {
  align-items: baseline;
  background-color: transparent;
  border: none;
  border-bottom: var(--sd-ui-tabs-border-bottom-width) solid transparent;
  color: var(--sd-ui-tabs-colour);
  cursor: var(--sd-ui-tabs-cursor);
  font-family: inherit;
  padding: var(--sd-ui-tab-padding-top) var(--sd-ui-tab-padding-hor) var(--sd-ui-tab-padding-bottom) var(--sd-ui-tab-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  white-space: nowrap;
}
.simple-tab[aria-selected=true] {
  border-bottom-color: var(--sd-ui-tabs-border-bottom-colour);
}
.simple-tab:focus-visible {
  outline: 2px solid var(--sd-ui-tab-colour-focus);
  outline-offset: 2px;
}
.simple-tab:hover[aria-selected=false], .simple-tab:hover:not([aria-selected]) {
  border-color: var(--sd-ui-tab-border-colour-hover);
  color: var(--sd-ui-tab-colour-hover);
}
.accordion-container .accordion-title {
  color: #1f1f1f;
  font-size: inherit;
  line-height: inherit;
}
.accordion-container .accordion-title .accordion-text {
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}
.accordion-container .accordion-subtitle {
  display: block;
}
.accordion-container .accordion-panel-title {
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  font-family: inherit;
  line-height: var(--sd-ui-line-height);
  position: relative;
  border: 0;
  cursor: pointer;
}
.accordion-container .accordion-panel-title:hover .accordion-text, .accordion-container .accordion-panel-title:active .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-panel-title:hover .accordion-icon, .accordion-container .accordion-panel-title:active .accordion-icon {
  fill: #eb6500;
}
.accordion-container .accordion-panel-title:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: 1px;
}
.accordion-container .accordion-panel-title.icon-left {
  justify-content: flex-start;
}
.accordion-container .accordion-panel-title.icon-left .accordion-icon {
  margin-right: 8px;
}
.accordion-container .accordion-panel-title.icon-right .accordion-icon {
  margin-left: 8px;
}
.accordion-container .accordion-panel {
  list-style: none;
  max-width: none;
}
.accordion-container .accordion-panel:first-child {
  border-top: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel {
  border-bottom: 2px solid #b8b8b8;
}
.accordion-container .accordion-panel > button[aria-expanded=true] > div > .accordion-text {
  border-bottom: 2px #eb6500 solid;
}
.accordion-container .accordion-icon {
  fill: #0272b1;
  flex-shrink: 0;
}
.accordion-container .accordion-icon.navigate-up {
  fill: #0272b1;
}
.accordion-container .accordion-icon.navigate-up:hover {
  fill: #eb6500;
}
.pagination :last-child {
  margin-right: 0;
}
.pagination :first-child {
  margin-left: 0;
}
.pagination-pages-label {
  color: #1f1f1f;
}
.pagination-controls {
  display: inline-flex;
  align-items: center;
}
.current-page {
  border-bottom: 2px solid #000000;
}
.button {
  --sd-ui-button-background-colour: #0272b1;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-border-colour: #0272b1;
  --sd-ui-button-border-colour-hover: #eb6500;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-focus: #eb6500;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-cursor: pointer;
  --sd-ui-button-font-size: 1em;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
  --sd-ui-button-icon-size: calc(1em + 4px);
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button-secondary, .button-tertiary {
  --sd-ui-button-background-colour: transparent;
}
.button-secondary {
  --sd-ui-button-colour: #0272b1;
  --sd-ui-button-icon-fill: #0272b1;
}
.button-tertiary {
  --sd-ui-button-border-colour: #1f1f1f;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-icon-fill: #1f1f1f;
}
.button.on-dark-background {
  --sd-ui-button-border-colour: #ffffff;
  --sd-ui-button-border-colour-hover: #ffffff;
  --sd-ui-button-background-colour: #ffffff;
  --sd-ui-button-background-colour-hover: transparent;
  --sd-ui-button-colour: #1f1f1f;
  --sd-ui-button-colour-focus: #ffffff;
  --sd-ui-button-colour-hover: #ffffff;
  --sd-ui-button-icon-fill: #1f1f1f;
  --sd-ui-button-icon-fill-hover: #ffffff;
}
.button-secondary.on-dark-background, .button-tertiary.on-dark-background {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-background-colour-hover: #ffffff;
  --sd-ui-button-colour: #ffffff;
  --sd-ui-button-colour-hover: #1f1f1f;
  --sd-ui-button-icon-fill: #ffffff;
  --sd-ui-button-icon-fill-hover: #1f1f1f;
}
.button:disabled {
  --sd-ui-button-background-colour: #b8b8b8;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-cursor: default;
}
.button-secondary:disabled, .button-tertiary:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-border-colour: #b8b8b8;
  --sd-ui-button-colour: #b8b8b8;
  --sd-ui-button-icon-fill: #b8b8b8;
}
.button.on-dark-background:disabled {
  --sd-ui-button-background-colour: #707070;
  --sd-ui-button-border-colour: #707070;
}
.button-secondary.on-dark-background:disabled, .button-tertiary.on-dark-background:disabled {
  --sd-ui-button-background-colour: transparent;
  --sd-ui-button-colour: #707070;
  --sd-ui-button-icon-fill: #707070;
}
.button.small {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
.button.medium {
  --sd-ui-button-font-size: 1rem;
  --sd-ui-button-gap: 0.375rem;
  --sd-ui-button-icon-size: 1.25rem;
  --sd-ui-button-min-width: 5.5rem;
  --sd-ui-button-padding-icon-label: 0.5rem;
  --sd-ui-button-padding-hor: 0.625rem;
  --sd-ui-button-padding-ver: 0.375rem;
}
.button.large {
  --sd-ui-button-font-size: 1.25rem;
  --sd-ui-button-gap: 0.5rem;
  --sd-ui-button-icon-size: 1.5rem;
  --sd-ui-button-min-width: 6rem;
  --sd-ui-button-padding-icon-label: 0.625rem;
  --sd-ui-button-padding-hor: 0.75rem;
  --sd-ui-button-padding-ver: 0.5rem;
}
.button.responsive {
  --sd-ui-button-font-size: 0.875rem;
  --sd-ui-button-gap: 0.25rem;
  --sd-ui-button-icon-size: 1rem;
  --sd-ui-button-min-width: 4.5rem;
  --sd-ui-button-padding-icon-label: 0.375rem;
  --sd-ui-button-padding-hor: 0.5rem;
  --sd-ui-button-padding-ver: 0.1875rem;
}
@media only screen and (min-width: 48em) {
  .button.responsive {
    --sd-ui-button-font-size: 1rem;
    --sd-ui-button-gap: 0.375rem;
    --sd-ui-button-icon-size: 1.25rem;
    --sd-ui-button-min-width: 5.5rem;
    --sd-ui-button-padding-icon-label: 0.5rem;
    --sd-ui-button-padding-hor: 0.625rem;
    --sd-ui-button-padding-ver: 0.375rem;
  }
}
@media only screen and (min-width: 62em) {
  .button.responsive {
    --sd-ui-button-font-size: 1.25rem;
    --sd-ui-button-gap: 0.5rem;
    --sd-ui-button-icon-size: 1.5rem;
    --sd-ui-button-min-width: 6rem;
    --sd-ui-button-padding-icon-label: 0.625rem;
    --sd-ui-button-padding-hor: 0.75rem;
    --sd-ui-button-padding-ver: 0.5rem;
  }
}
.button {
  align-items: baseline;
  background-color: var(--sd-ui-button-background-colour);
  border: 2px solid var(--sd-ui-button-border-colour);
  color: var(--sd-ui-button-colour);
  cursor: var(--sd-ui-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-button-font-size);
  gap: var(--sd-ui-button-gap);
  line-height: var(--sd-ui-line-height);
  min-width: var(--sd-ui-button-min-width);
  max-width: 250px;
  padding: var(--sd-ui-button-padding-ver) var(--sd-ui-button-padding-hor);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: text;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .button {
    max-width: 100%;
  }
}
.button-icon-only {
  padding: var(--sd-ui-button-padding-icon-label);
  min-width: inherit;
}
.button.disable-min-width {
  min-width: inherit;
}
.button:focus-visible {
  outline: 2px solid var(--sd-ui-button-colour-focus);
  outline-offset: 2px;
}
.button:hover:not(:disabled) {
  background-color: var(--sd-ui-button-background-colour-hover);
  border-color: var(--sd-ui-button-border-colour-hover);
  color: var(--sd-ui-button-colour-hover);
}
.button .icon, .button-text-container {
  align-self: center;
}
.button .icon {
  fill: var(--sd-ui-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-button-icon-size);
  width: var(--sd-ui-button-icon-size);
  transition: fill 0.3s ease;
}
.button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button:hover:not(:disabled) .icon {
  fill: var(--sd-ui-button-icon-fill-hover);
}
@keyframes icon-spinner-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.icon-spinner > rect {
  animation: icon-spinner-anim 0.4s linear 0s infinite;
}
.icon-spinner > rect:nth-of-type(2) {
  animation-delay: -0.4s;
}
.icon-spinner > rect:nth-of-type(3) {
  animation-delay: -0.35s;
}
.icon-spinner > rect:nth-of-type(4) {
  animation-delay: -0.3s;
}
.icon-spinner > rect:nth-of-type(5) {
  animation-delay: -0.25s;
}
.icon-spinner > rect:nth-of-type(6) {
  animation-delay: -0.2s;
}
.icon-spinner > rect:nth-of-type(7) {
  animation-delay: -0.15s;
}
.icon-spinner > rect:nth-of-type(8) {
  animation-delay: -0.1s;
}
.icon-spinner > rect:nth-of-type(9) {
  animation-delay: -0.05s;
}
.icon-spinner > rect:nth-of-type(10) {
  animation: none;
}
.modal {
  border: 1rem solid rgba(220, 220, 220, 0.85);
  min-width: 18rem;
}
.modal:active, .modal:focus, .modal:hover {
  outline: 0;
}
.modal-content {
  border-top: 2px solid #eb6500;
}
.modal-close-button {
  padding: 8px;
}
.modal-close-button-icon {
  fill: #1f1f1f !important;
  border-bottom: 2px solid transparent;
}
.modal-close-button-icon:hover {
  border-bottom: 2px solid #eb6500;
}
.modal-overlay {
  background-color: rgba(112, 112, 112, 0.85);
  z-index: 1000;
  position: fixed;
}
.text-input,
.search-input {
  --sd-ui-text-input-background-color: inherit;
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #1f1f1f;
  --sd-ui-text-input-offset-top: 26px;
  --sd-ui-text-input-clear-button-padding: 10px;
  --sd-ui-text-input-clear-button-size: calc(1em + 4px);
  --sd-ui-text-input-clear-button-width: calc(var(--sd-ui-text-input-clear-button-size) + (var(--sd-ui-text-input-clear-button-padding) * 2));
}
.text-input-field,
.search-input-field {
  --sd-ui-text-input-field-padding-top: calc(8px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-right: calc(16px - var(--sd-ui-text-input-border-width));
  --sd-ui-text-input-field-padding-bottom: calc(8px - var(--sd-ui-text-input-border-bottom-width));
  --sd-ui-text-input-field-padding-left: calc(16px - var(--sd-ui-text-input-border-width));
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  --sd-ui-text-input-background-color: transparent;
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input:hover .text-input-field:not(:focus-visible):not(.borderless), .text-input:hover .search-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .text-input-field:not(:focus-visible):not(.borderless),
.search-input:hover .search-input-field:not(:focus-visible):not(.borderless) {
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
}
.text-input-error,
.search-input-error {
  --sd-ui-text-input-background-color: #fff3eb;
  --sd-ui-text-input-border-width: 2px;
  --sd-ui-text-input-border-bottom-width: 2px;
  --sd-ui-text-input-border-color: #bc1a23;
}
.text-input-field.borderless,
.search-input-field.borderless {
  --sd-ui-text-input-border-width: 0px;
  --sd-ui-text-input-border-bottom-width: 0px;
}
.text-input-container-no-label .text-input-clear, .text-input-container-no-label .search-input-clear,
.search-input-container-no-label .text-input-clear,
.search-input-container-no-label .search-input-clear {
  --sd-ui-text-input-offset-top: 0 ;
}
.text-input-field-with-clear,
.search-input-field-with-clear {
  --sd-ui-text-input-field-padding-right: calc(var(--sd-ui-text-input-clear-button-width) - var(--sd-ui-text-input-border-width));
}
html[data-sd-ui-what-input=keyboard] .text-input-field:not(.borderless):focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:not(.borderless):focus-visible {
  --sd-ui-text-input-border-width: 1px;
  --sd-ui-text-input-border-bottom-width: 1px;
}
.text-input,
.search-input {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
.text-input-with-clear,
.search-input-with-clear {
  position: relative;
}
.text-input-container,
.search-input-container {
  display: contents;
}
.text-input-label,
.search-input-label {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-input-field,
.search-input-field {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  background-color: var(--sd-ui-text-input-background-color);
  border: var(--sd-ui-text-input-border-width) solid var(--sd-ui-text-input-border-color);
  border-bottom-width: var(--sd-ui-text-input-border-bottom-width);
  font-family: inherit;
  max-width: 100%;
  padding: var(--sd-ui-text-input-field-padding-top) var(--sd-ui-text-input-field-padding-right) var(--sd-ui-text-input-field-padding-bottom) var(--sd-ui-text-input-field-padding-left);
}
.text-input-field:focus-visible,
.search-input-field:focus-visible {
  outline: 2px solid #eb6500;
  outline-offset: -2px;
}
.text-input-field:read-only:focus-visible,
.search-input-field:read-only:focus-visible {
  outline: none;
}
.text-input-message-container,
.search-input-message-container {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  min-height: var(--sd-ui-line-height);
}
.text-input-tip,
.search-input-tip {
  font-style: italic;
}
.text-input-error-message,
.search-input-error-message {
  color: #bc1a23;
}
.text-input-clear,
.search-input-clear {
  padding: var(--sd-ui-text-input-clear-button-padding);
  position: absolute;
  right: 0;
  top: var(--sd-ui-text-input-offset-top);
  width: var(--sd-ui-text-input-clear-button-width);
}
.text-input-clear .icon,
.search-input-clear .icon {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
  height: var(--sd-ui-text-input-clear-button-size);
  width: var(--sd-ui-text-input-clear-button-size);
}
.text-input-clear:focus-visible,
.search-input-clear:focus-visible {
  outline-offset: -2px;
}
html[data-sd-ui-what-input=keyboard] .text-input-field:focus-visible,
html[data-sd-ui-what-input=keyboard] .search-input-field:focus-visible {
  outline-offset: 2px;
}
.alert {
  display: inline-flex;
  gap: 8px;
}
.alert-icon-box {
  align-self: flex-start;
  display: block;
  padding: 4px;
}
.alert-icon-box .icon {
  display: block;
  height: calc(16px + 4px);
  width: calc(16px + 4px);
}
.alert-text {
  align-self: center;
}
.popover {
  position: relative;
  display: inline-block;
}
.popover-content {
  position: absolute;
  margin-top: 16px;
  z-index: 9999;
  padding: 16px;
  border: 1px solid #8e8e8e;
  border-top: transparent;
  background: rgba(235, 235, 235, 0.85);
}
.popover-content.popover-align-left {
  box-shadow: 7px -9px 0px -7px #eb6500;
  left: 0;
}
.popover-content.popover-align-left.popover-align-left:before {
  content: "";
  position: absolute;
  left: -1px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content.popover-align-right {
  box-shadow: -7px -9px 0px -7px #eb6500;
  right: 0;
}
.popover-content.popover-align-right.popover-align-right:before {
  content: "";
  position: absolute;
  right: -1px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  top: -15px;
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, rgba(235, 235, 235, 0.85) 13px);
  width: 17px;
  height: 15px;
}
.popover-content-inner {
  background: #ffffff;
}
.popover-content-inner .popover-children {
  padding: 32px 16px;
}
.popover-content-inner.popover-close-button-hidden .popover-children {
  padding: 16px;
}
.popover-button-close {
  gap: 0;
  padding: 10px 10px 8px 10px;
  position: relative;
  right: 2px;
  top: 2px;
  border-bottom: 2px solid transparent;
}
.popover-button-close:hover {
  border-bottom: 2px solid #eb6500;
}
.popover-button-close:hover .icon {
  fill: #1f1f1f;
}
.badge-warning, .badge-success, .badge-info {
  display: inline-block;
  font-weight: normal;
  border-radius: 10px;
  line-height: 0 !important;
}
.badge-sm {
  font-size: 10px;
  line-height: var(--sd-ui-line-height);
  padding: 8px 5px;
}
.badge-md {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
  padding: 10px 7px;
}
.badge-info {
  color: #000000;
  background: #44c6f4;
}
.badge-success {
  color: #ffffff;
  background: #0b7a2b;
}
.badge-warning {
  color: #ffffff;
  background: #bc1a23;
}
.is-truncated-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.switch {
  --sd-ui-switch-background-colour: white;
  --sd-ui-switch-border-colour: #707070;
  --sd-ui-switch-border-radius: calc(var(--sd-ui-switch-height) / 2);
  --sd-ui-switch-border-width: 0.125rem;
  --sd-ui-switch-colour: inherit;
  --sd-ui-switch-colour-focus: #eb6500;
  --sd-ui-switch-cursor: pointer;
  --sd-ui-switch-font-size: 1rem;
  --sd-ui-switch-height: calc(var(--sd-ui-switch-indicator-size) + (var(--sd-ui-switch-border-width) * 2));
  --sd-ui-switch-width: calc(var(--sd-ui-switch-height) * 2);
  --sd-ui-switch-indicator-colour: #b8b8b8;
  --sd-ui-switch-indicator-scale: 0.5;
  --sd-ui-switch-indicator-size: 1em;
  --sd-ui-switch-indicator-translate-x: calc(var(--sd-ui-switch-indicator-size) * -1.1);
}
.switch.is-disabled {
  --sd-ui-switch-border-colour: #b8b8b8;
  --sd-ui-switch-colour: #b8b8b8;
  --sd-ui-switch-cursor: default;
  --sd-ui-switch-indicator-colour: #b8b8b8;
}
.switch-input:checked + .switch-check::after {
  --sd-ui-switch-indicator-colour: #eb6500;
  --sd-ui-switch-indicator-scale: 0.7;
  --sd-ui-switch-indicator-translate-x: 0;
}
.switch:not(.is-disabled) .switch-label:hover {
  --sd-ui-switch-border-colour: #1f1f1f;
}
.switch-small {
  --sd-ui-switch-font-size: 0.875rem;
}
.switch-large {
  --sd-ui-switch-font-size: 1.25rem;
}
.switch {
  color: var(--sd-ui-switch-colour);
  font-size: var(--sd-ui-switch-font-size);
  line-height: var(--sd-ui-line-height);
}
.switch .switch-label {
  cursor: var(--sd-ui-switch-cursor);
}
.switch .switch-input {
  opacity: 0;
  position: absolute;
}
.switch .switch-check {
  background-color: var(--sd-ui-switch-background-colour);
  border: var(--sd-ui-switch-border-width) solid var(--sd-ui-switch-border-colour);
  border-radius: var(--sd-ui-switch-border-radius);
  display: inline-block;
  height: var(--sd-ui-switch-height);
  position: relative;
  transition: border 0.3s ease;
  vertical-align: middle;
  width: var(--sd-ui-switch-width);
}
.switch .switch-check::after {
  background-color: var(--sd-ui-switch-indicator-colour);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--sd-ui-switch-indicator-size);
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(var(--sd-ui-switch-indicator-translate-x)) scale(var(--sd-ui-switch-indicator-scale));
  transition: transform 0.4s ease, background-color 0.4s ease;
  width: var(--sd-ui-switch-indicator-size);
}
.switch .switch-input:focus-visible + .switch-check {
  outline-offset: 2px;
  outline: 2px solid var(--sd-ui-switch-colour-focus);
}
.switch .switch-label-value {
  margin-left: 0.5em;
  vertical-align: middle;
  user-select: none;
}
.input-dropdown {
  --sd-ui-input-dropdown-colour: inherit;
  --sd-ui-input-dropdown-cursor: pointer;
  --sd-ui-input-dropdown-tranisition-duration: 0.3s;
  --sd-ui-input-dropdown-button-border-colour: inherit;
  --sd-ui-input-dropdown-divider-colour: #1f1f1f;
  --sd-ui-input-dropdown-options-visibility: hidden;
}
.input-dropdown.options-visible {
  --sd-ui-input-dropdown-button-border-colour: #eb6500;
  --sd-ui-input-dropdown-divider-colour: #eb6500;
  --sd-ui-input-dropdown-options-visibility: visible;
}
.input-dropdown-disabled {
  --sd-ui-input-dropdown-colour: #b8b8b8;
  --sd-ui-input-dropdown-cursor: default;
  --sd-ui-input-dropdown-divider-colour: #b8b8b8;
}
.input-dropdown {
  color: var(--sd-ui-input-dropdown-colour);
  cursor: var(--sd-ui-input-dropdown-cursor);
}
.input-dropdown .dropdown-input-row {
  align-items: flex-end;
  border-bottom: 2px solid var(--sd-ui-input-dropdown-divider-colour);
  display: flex;
}
.input-dropdown .text-input {
  flex: 1;
}
.input-dropdown .text-input-label {
  cursor: inherit;
}
.input-dropdown .text-input-field {
  --sd-ui-text-input-field-padding-top: 4px;
  --sd-ui-text-input-field-padding-left: 0;
  --sd-ui-text-input-field-padding-bottom: 4px;
  color: inherit;
  cursor: inherit;
  margin-bottom: 4px;
}
.input-dropdown .text-input-message-container {
  display: none;
}
.input-dropdown .input-dropdown-button {
  border-color: var(--sd-ui-input-dropdown-button-border-colour);
  gap: 0;
  margin-bottom: 4px;
  outline-offset: 1px;
}
.input-dropdown .dropdown-container {
  position: relative;
}
.input-dropdown .options-list-container {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  border-top: none;
  opacity: 0;
  position: absolute;
  visibility: var(--sd-ui-input-dropdown-options-visibility);
  width: 100%;
  z-index: 1;
}
.input-dropdown.options-visible .options-list-container {
  opacity: 1;
}
.input-dropdown .options-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.input-dropdown .option-item {
  cursor: pointer;
  padding: 0 8px 8px;
}
.input-dropdown .option-item:first-child {
  padding-top: 8px;
}
.input-dropdown .option-item:focus-visible {
  outline: none;
}
.input-dropdown .option-item:hover .options-item-text,
.input-dropdown .option-item.isCurrent .options-item-text {
  border-bottom: 2px solid #eb6500;
}
.input-dropdown-fancy {
  border: 1px solid transparent;
  border-bottom: 0;
  margin: 0 -16px;
  padding: 8px 16px 0 16px;
}
.input-dropdown-fancy.options-visible {
  border-color: #8e8e8e;
  background: #f0f0f0;
}
.input-dropdown-fancy .input-dropdown-button {
  background: transparent;
}
.input-dropdown-fancy.options-visible .input-dropdown-button {
  background: #ffffff;
}
.input-dropdown-fancy .dropdown-container {
  position: relative;
}
.input-dropdown-fancy .options-list-container {
  background: #f0f0f0;
  border: 1px solid #8e8e8e;
  border-top: none;
  margin-left: -17px;
  padding: 0 16px 16px;
  width: calc(100% + 34px);
}
.input-dropdown-fancy .options-list {
  background: #ffffff;
}
.link-button {
  --sd-ui-link-button-background-colour: #0272b1;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-border-colour: #0272b1;
  --sd-ui-link-button-border-colour-hover: #eb6500;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-outline-focus: #eb6500;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-cursor: pointer;
  --sd-ui-link-button-font-size: 1em;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
  --sd-ui-link-button-icon-size: calc(1em + 4px);
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button-secondary, .link-button-tertiary {
  --sd-ui-link-button-background-colour: transparent;
}
.link-button-secondary {
  --sd-ui-link-button-colour: #0272b1;
  --sd-ui-link-button-icon-fill: #0272b1;
}
.link-button-tertiary {
  --sd-ui-link-button-border-colour: #1f1f1f;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-icon-fill: #1f1f1f;
}
.link-button.on-dark-background {
  --sd-ui-link-button-border-colour: #ffffff;
  --sd-ui-link-button-border-colour-hover: #ffffff;
  --sd-ui-link-button-background-colour: #ffffff;
  --sd-ui-link-button-background-colour-hover: transparent;
  --sd-ui-link-button-colour: #1f1f1f;
  --sd-ui-link-button-outline-focus: #ffffff;
  --sd-ui-link-button-colour-hover: #ffffff;
  --sd-ui-link-button-icon-fill: #1f1f1f;
  --sd-ui-link-button-icon-fill-hover: #ffffff;
}
.link-button-secondary.on-dark-background, .link-button-tertiary.on-dark-background {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-background-colour-hover: #ffffff;
  --sd-ui-link-button-colour: #ffffff;
  --sd-ui-link-button-colour-hover: #1f1f1f;
  --sd-ui-link-button-icon-fill: #ffffff;
  --sd-ui-link-button-icon-fill-hover: #1f1f1f;
}
.link-button[aria-disabled=true] {
  --sd-ui-link-button-outline-focus: transparent;
  --sd-ui-link-button-cursor: default;
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary[aria-disabled=true], .link-button-tertiary[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-border-colour: #b8b8b8;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: #b8b8b8;
  --sd-ui-link-button-border-colour: #b8b8b8;
}
.link-button-secondary.on-dark-background[aria-disabled=true], .link-button-tertiary.on-dark-background[aria-disabled=true] {
  --sd-ui-link-button-background-colour: transparent;
  --sd-ui-link-button-colour: #b8b8b8;
  --sd-ui-link-button-icon-fill: #b8b8b8;
}
.link-button.small {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
.link-button.medium {
  --sd-ui-link-button-font-size: 1rem;
  --sd-ui-link-button-gap: 0.375rem;
  --sd-ui-link-button-icon-size: 1.25rem;
  --sd-ui-link-button-min-width: 5.5rem;
  --sd-ui-link-button-padding-icon-label: 0.5rem;
  --sd-ui-link-button-padding-hor: 0.625rem;
  --sd-ui-link-button-padding-ver: 0.375rem;
  --sd-ui-link-button-icon-external-link-size: 1.25rem;
}
.link-button.large {
  --sd-ui-link-button-font-size: 1.25rem;
  --sd-ui-link-button-gap: 0.5rem;
  --sd-ui-link-button-icon-size: 1.5rem;
  --sd-ui-link-button-min-width: 6rem;
  --sd-ui-link-button-padding-icon-label: 0.625rem;
  --sd-ui-link-button-padding-hor: 0.75rem;
  --sd-ui-link-button-padding-ver: 0.5rem;
  --sd-ui-link-button-icon-external-link-size: 1.5rem;
}
.link-button.responsive {
  --sd-ui-link-button-font-size: 0.875rem;
  --sd-ui-link-button-gap: 0.25rem;
  --sd-ui-link-button-icon-size: 1rem;
  --sd-ui-link-button-min-width: 4.5rem;
  --sd-ui-link-button-padding-icon-label: 0.375rem;
  --sd-ui-link-button-padding-hor: 0.5rem;
  --sd-ui-link-button-padding-ver: 0.1875rem;
  --sd-ui-link-button-icon-external-link-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1rem;
    --sd-ui-link-button-gap: 0.375rem;
    --sd-ui-link-button-icon-size: 1.25rem;
    --sd-ui-link-button-min-width: 5.5rem;
    --sd-ui-link-button-padding-icon-label: 0.5rem;
    --sd-ui-link-button-padding-hor: 0.625rem;
    --sd-ui-link-button-padding-ver: 0.375rem;
    --sd-ui-link-button-icon-external-link-size: 1.25rem;
  }
}
@media only screen and (min-width: 62em) {
  .link-button.responsive {
    --sd-ui-link-button-font-size: 1.25rem;
    --sd-ui-link-button-gap: 0.5rem;
    --sd-ui-link-button-icon-size: 1.5rem;
    --sd-ui-link-button-min-width: 6rem;
    --sd-ui-link-button-padding-icon-label: 0.625rem;
    --sd-ui-link-button-padding-hor: 0.75rem;
    --sd-ui-link-button-padding-ver: 0.5rem;
    --sd-ui-link-button-icon-external-link-size: 1.5rem;
  }
}
.link-button {
  align-items: baseline;
  background-color: var(--sd-ui-link-button-background-colour);
  border: 2px solid var(--sd-ui-link-button-border-colour);
  color: var(--sd-ui-link-button-colour);
  cursor: var(--sd-ui-link-button-cursor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--sd-ui-link-button-font-size);
  gap: var(--sd-ui-link-button-gap);
  line-height: var(--sd-ui-line-height);
  max-width: 250px;
  min-width: var(--sd-ui-link-button-min-width);
  padding: var(--sd-ui-link-button-padding-ver) var(--sd-ui-link-button-padding-hor);
  text-decoration: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  user-select: none;
  white-space: nowrap;
}
@media only screen and (min-width: 36em) {
  .link-button {
    max-width: 100%;
  }
}
.link-button-icon-only {
  padding: var(--sd-ui-link-button-padding-icon-label);
  min-width: inherit;
}
.link-button.disable-min-width {
  min-width: inherit;
}
.link-button:focus-visible {
  outline: 2px solid var(--sd-ui-link-button-outline-focus);
  outline-offset: 2px;
}
.link-button:hover:not([aria-disabled=true]) {
  background-color: var(--sd-ui-link-button-background-colour-hover);
  border-color: var(--sd-ui-link-button-border-colour-hover);
  color: var(--sd-ui-link-button-colour-hover);
}
.link-button .icon, .link-button-text-container {
  align-self: center;
  text-align: center;
}
.link-button .icon {
  fill: var(--sd-ui-link-button-icon-fill);
  flex-shrink: 0;
  height: var(--sd-ui-link-button-icon-size);
  width: var(--sd-ui-link-button-icon-size);
  transition: fill 0.3s ease;
}
.link-button-text-container {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-button:hover:not([aria-disabled=true]) .icon {
  fill: var(--sd-ui-link-button-icon-fill-hover);
}
.link-button .arrow-external-link {
  height: var(--sd-ui-link-button-icon-external-link-size);
  width: var(--sd-ui-link-button-icon-external-link-size);
}
:root {
  --sd-ui-right-side-panel-width: calc(496px);
}
.side-panel {
  width: calc(100vw - 16px);
  border-left: 16px solid transparent;
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  transform: translateX(100%);
  visibility: hidden;
  transition: visibility 0s linear 0.3s, transform 0.3s ease;
}
@media (min-width: calc(512px)) {
  .side-panel {
    width: var(--sd-ui-right-side-panel-width);
  }
}
.side-panel-content {
  overflow-y: auto;
  position: fixed;
  height: 100%;
  background-color: #ffffff;
  width: 100%;
}
.side-panel-is-expanded {
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.side-panel-children {
  margin-bottom: 48px;
  padding: 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-children {
    padding: 0 32px;
  }
}
@media (min-width: calc(512px)) {
  .side-panel-border {
    background: linear-gradient(to left, rgba(240, 240, 240, 0.8) 15px, #4c4c4c 1px);
  }
}
.side-panel-header {
  position: sticky;
  height: 48px;
  top: 0;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  padding: 0 8px 0 16px;
}
@media only screen and (min-width: 36em) {
  .side-panel-header {
    height: 80px;
    padding: 0 24px 0 32px;
  }
}
.side-panel-close-btn {
  float: right;
  padding: 8px 14px;
}
.side-panel-close-btn svg {
  fill: #1f1f1f !important;
}
.side-panel-close-btn svg:hover {
  fill: #eb6500 !important;
}
.side-panel-overlay {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 100%;
  left: 0;
  top: 0;
  z-index: 70;
  background-color: rgba(31, 31, 31, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.side-panel-overlay-is-expanded {
  opacity: 1;
  visibility: visible;
}
@media (min-width: calc(512px)) {
  .side-panel-overlay-is-expanded {
    opacity: 0;
    visibility: hidden;
  }
  .side-panel-overlay-is-expanded.side-panel-overlay-larger-breakpoints {
    opacity: 1;
    visibility: visible;
  }
}
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel-overlay {
    transition: none;
  }
}
:root {
  --sd-ui-carousel-banner-color: #f5f5f5;
  --sd-ui-carousel-banner-opacity: 80%;
}
.carousel {
  position: relative;
  overflow: hidden;
}
.carousel .slide-item {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.carousel .active-carousel-indicator .button-text {
  border-bottom: 1px solid #4c4c4c;
}
.carousel .active-carousel-indicator div {
  background: #4c4c4c;
}
.carousel .active-carousel-slide {
  display: initial;
}
.carousel #indicators {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 52px;
  display: flex;
  justify-content: center;
  background-color: var(--sd-ui-carousel-banner-color);
  opacity: var(--sd-ui-carousel-banner-opacity);
}
.carousel .carousel-indicators {
  list-style: none;
  grid-gap: 0.5rem;
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.carousel .carousel-indicator {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  border: 1px solid #1f1f1f;
  margin: auto;
  background: #f5f5f5;
}
.carousel button {
  background: unset;
  border: none;
  font-size: 1.25rem;
  line-height: 1.15;
}
.carousel .button-text {
  border-bottom: 1px solid transparent;
}
.carousel .carousel-slides {
  height: inherit;
  width: inherit;
}
.carousel .slide-indicator {
  padding: 1rem;
}
.carousel .slide-indicator .button-text {
  display: none;
}
.carousel .slide-indicator .button-link-text {
  vertical-align: middle;
}
@media only screen and (min-width: 36em) {
  .carousel .slide-indicator {
    padding: 0 1rem;
  }
  .carousel .slide-indicator .button-text {
    display: inline-block;
  }
  .carousel .without-caption {
    padding: 1rem;
  }
}
.ArticleCard {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  grid-template-areas: "checkbox  type-access" ".         title" ".         authors" ".         source-info" ".         actions";
  row-gap: 2px;
  justify-content: start;
}
.article-card_checkbox {
  grid-area: checkbox;
}
.AccessTypeIndicator {
  grid-area: type-access;
}
.AccessTypeIndicator span {
  margin-right: 8px;
}
.ArticleTitle {
  grid-area: title;
}
.Authors {
  grid-area: authors;
}
.SourceInfo {
  grid-area: source-info;
}
.Actions {
  grid-area: actions;
}
.AccessTypeIndicator .access-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
.AccessTypeIndicator .access-indicator.access-indicator-yes {
  background: #0b7a2b;
}
.AccessTypeIndicator .access-indicator.access-indicator-no {
  border: 1px solid black;
}
.Actions {
  margin-top: 4px;
}
.Actions .actions-container {
  display: flex;
  list-style: none;
}
.Actions .actions-container button.expandable-action.active > svg {
  fill: #ff6c00;
}
.tooltip-wrapper {
  display: inline-flex;
}
.tooltip {
  --sd-ui-tooltip-font-size: 16px;
  --sd-ui-tooltip-line-height: 24px;
  position: absolute;
  display: inline-block;
}
.tooltip-content {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid #8e8e8e;
  background-color: #f0f0f0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s, display 0.3s ease 0.3s;
  transition-behavior: allow-discrete;
}
.tooltip-content-visible {
  transition: visibility 0.3s ease 0.3s, opacity 0.6s ease 0.3s, display 0.3s ease 0s;
  transition-behavior: allow-discrete;
  display: inline-block;
  visibility: visible;
  opacity: 1;
}
@starting-style {
  .tooltip-content-visible {
    opacity: 0;
  }
}
.tooltip-small {
  max-width: 320px;
}
.tooltip-medium {
  max-width: 480px;
}
.tooltip-large {
  max-width: 640px;
}
.tooltip-position-bottom-left {
  border-top: transparent;
  box-shadow: 7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:before {
  background-image: linear-gradient(225deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-left.tooltip-position-bottom-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.tooltip-position-bottom-right {
  border-top: transparent;
  box-shadow: -7px -9px 0px -7px #eb6500;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:before {
  background-image: linear-gradient(135deg, transparent 11px, #eb6500 11px, #eb6500 13px, #f0f0f0 13px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  top: 0;
}
.tooltip-position-bottom-right.tooltip-position-bottom-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  top: 0;
}
.tooltip-position-top-left {
  border-bottom: transparent;
  box-shadow: 7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-left.tooltip-position-top-left:before {
  background-image: linear-gradient(135deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  left: 0px;
  background-position: left top;
  border-left: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-left.tooltip-position-top-left:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.tooltip-position-top-right {
  border-bottom: transparent;
  box-shadow: -7px 9px 0px -7px #eb6500;
}
.tooltip-position-top-right.tooltip-position-top-right:before {
  background-image: linear-gradient(225deg, #f0f0f0 9px, #eb6500 9px, #eb6500 11px, transparent 11px);
  content: "";
  position: absolute;
  right: 0px;
  background-position: left top;
  border-right: 1px solid #8e8e8e;
  width: 17px;
  height: 16px;
  bottom: 0;
}
.tooltip-position-top-right.tooltip-position-top-right:after {
  content: "";
  height: 16px;
  position: absolute;
  right: 0;
  right: 0;
  bottom: 0;
}
.floating-ui-node {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.els-footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 36em) {
  .els-footer-links {
    flex-direction: row;
  }
}
/* Utility classes for teams to apply flex to their pages, to stick the footer to the bottom of the page */
.sd-flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.sd-flex-content {
  flex: 1 0 auto;
}
/* Main footer styles */
.els-footer {
  border-top: 0.1rem solid #eb6500;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media only screen and (min-width: 48em) {
  .els-footer {
    flex-direction: row;
  }
}
.els-footer-content {
  flex: auto;
}
@media print {
  .els-footer {
    border-top: 0.1rem solid #dcdcdc;
    flex-wrap: wrap;
    flex-direction: row;
    page-break-before: avoid;
    break-before: avoid-page;
    page-break-inside: avoid;
    break-inside: avoid-page;
  }
  .els-footer-content > p {
    font-size: 8pt;
    line-height: 1.5;
  }
}
.cookie-btn {
  height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: var(--sd-ui-line-height) !important;
  color: #1f1f1f !important;
}
.cookie-btn:hover {
  border-bottom: 2px solid #eb6500 !important;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.with-loading-state svg.icon.icon-spinner {
  vertical-align: middle;
  margin: 0;
}
.with-loading-state.is-complete-default {
  background-color: #0b7a2b;
  border-color: #0b7a2b;
}
.with-loading-state.is-active {
  cursor: default;
}
.u-padding-0 {
  padding: 0px !important;
}
.u-margin-0 {
  margin: 0px !important;
}
.u-padding-0-ver {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.u-margin-0-ver {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.u-padding-0-hor {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.u-margin-0-hor {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.u-padding-0-top {
  padding-top: 0px !important;
}
.u-margin-0-top {
  margin-top: 0px !important;
}
.u-padding-0-right {
  padding-right: 0px !important;
}
.u-margin-0-right {
  margin-right: 0px !important;
}
.u-padding-0-bottom {
  padding-bottom: 0px !important;
}
.u-margin-0-bottom {
  margin-bottom: 0px !important;
}
.u-padding-0-left {
  padding-left: 0px !important;
}
.u-margin-0-left {
  margin-left: 0px !important;
}
.u-padding-xs {
  padding: 8px !important;
}
.u-margin-xs {
  margin: 8px !important;
}
.u-padding-xs-ver {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.u-margin-xs-ver {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.u-padding-xs-hor {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.u-margin-xs-hor {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.u-padding-xs-top {
  padding-top: 8px !important;
}
.u-margin-xs-top {
  margin-top: 8px !important;
}
.u-padding-xs-right {
  padding-right: 8px !important;
}
.u-margin-xs-right {
  margin-right: 8px !important;
}
.u-padding-xs-bottom {
  padding-bottom: 8px !important;
}
.u-margin-xs-bottom {
  margin-bottom: 8px !important;
}
.u-padding-xs-left {
  padding-left: 8px !important;
}
.u-margin-xs-left {
  margin-left: 8px !important;
}
.u-padding-s {
  padding: 16px !important;
}
.u-margin-s {
  margin: 16px !important;
}
.u-padding-s-ver {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.u-margin-s-ver {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.u-padding-s-hor {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.u-margin-s-hor {
  margin-right: 16px !important;
  margin-left: 16px !important;
}
.u-padding-s-top {
  padding-top: 16px !important;
}
.u-margin-s-top {
  margin-top: 16px !important;
}
.u-padding-s-right {
  padding-right: 16px !important;
}
.u-margin-s-right {
  margin-right: 16px !important;
}
.u-padding-s-bottom {
  padding-bottom: 16px !important;
}
.u-margin-s-bottom {
  margin-bottom: 16px !important;
}
.u-padding-s-left {
  padding-left: 16px !important;
}
.u-margin-s-left {
  margin-left: 16px !important;
}
.u-padding-m {
  padding: 24px !important;
}
.u-margin-m {
  margin: 24px !important;
}
.u-padding-m-ver {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.u-margin-m-ver {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.u-padding-m-hor {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.u-margin-m-hor {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.u-padding-m-top {
  padding-top: 24px !important;
}
.u-margin-m-top {
  margin-top: 24px !important;
}
.u-padding-m-right {
  padding-right: 24px !important;
}
.u-margin-m-right {
  margin-right: 24px !important;
}
.u-padding-m-bottom {
  padding-bottom: 24px !important;
}
.u-margin-m-bottom {
  margin-bottom: 24px !important;
}
.u-padding-m-left {
  padding-left: 24px !important;
}
.u-margin-m-left {
  margin-left: 24px !important;
}
.u-padding-l {
  padding: 32px !important;
}
.u-margin-l {
  margin: 32px !important;
}
.u-padding-l-ver {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.u-margin-l-ver {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.u-padding-l-hor {
  padding-right: 32px !important;
  padding-left: 32px !important;
}
.u-margin-l-hor {
  margin-right: 32px !important;
  margin-left: 32px !important;
}
.u-padding-l-top {
  padding-top: 32px !important;
}
.u-margin-l-top {
  margin-top: 32px !important;
}
.u-padding-l-right {
  padding-right: 32px !important;
}
.u-margin-l-right {
  margin-right: 32px !important;
}
.u-padding-l-bottom {
  padding-bottom: 32px !important;
}
.u-margin-l-bottom {
  margin-bottom: 32px !important;
}
.u-padding-l-left {
  padding-left: 32px !important;
}
.u-margin-l-left {
  margin-left: 32px !important;
}
.u-padding-xl {
  padding: 40px !important;
}
.u-margin-xl {
  margin: 40px !important;
}
.u-padding-xl-ver {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.u-margin-xl-ver {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.u-padding-xl-hor {
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.u-margin-xl-hor {
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.u-padding-xl-top {
  padding-top: 40px !important;
}
.u-margin-xl-top {
  margin-top: 40px !important;
}
.u-padding-xl-right {
  padding-right: 40px !important;
}
.u-margin-xl-right {
  margin-right: 40px !important;
}
.u-padding-xl-bottom {
  padding-bottom: 40px !important;
}
.u-margin-xl-bottom {
  margin-bottom: 40px !important;
}
.u-padding-xl-left {
  padding-left: 40px !important;
}
.u-margin-xl-left {
  margin-left: 40px !important;
}
.u-padding-xxl {
  padding: 48px !important;
}
.u-margin-xxl {
  margin: 48px !important;
}
.u-padding-xxl-ver {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.u-margin-xxl-ver {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.u-padding-xxl-hor {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.u-margin-xxl-hor {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.u-padding-xxl-top {
  padding-top: 48px !important;
}
.u-margin-xxl-top {
  margin-top: 48px !important;
}
.u-padding-xxl-right {
  padding-right: 48px !important;
}
.u-margin-xxl-right {
  margin-right: 48px !important;
}
.u-padding-xxl-bottom {
  padding-bottom: 48px !important;
}
.u-margin-xxl-bottom {
  margin-bottom: 48px !important;
}
.u-padding-xxl-left {
  padding-left: 48px !important;
}
.u-margin-xxl-left {
  margin-left: 48px !important;
}
@media only screen and (min-width: 20em) {
  .u-padding-0-from-xs {
    padding: 0px !important;
  }
  .u-margin-0-from-xs {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xs {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xs {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xs {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xs {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xs {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xs {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xs {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xs {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xs {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xs {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xs {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xs {
    padding: 8px !important;
  }
  .u-margin-xs-from-xs {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xs {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xs {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xs {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xs {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xs {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xs {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xs {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xs {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xs {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xs {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xs {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xs {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xs {
    padding: 16px !important;
  }
  .u-margin-s-from-xs {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xs {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xs {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xs {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xs {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xs {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xs {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xs {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xs {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xs {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xs {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xs {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xs {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xs {
    padding: 24px !important;
  }
  .u-margin-m-from-xs {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xs {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xs {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xs {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xs {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xs {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xs {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xs {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xs {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xs {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xs {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xs {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xs {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xs {
    padding: 32px !important;
  }
  .u-margin-l-from-xs {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xs {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xs {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xs {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xs {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xs {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xs {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xs {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xs {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xs {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xs {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xs {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xs {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xs {
    padding: 40px !important;
  }
  .u-margin-xl-from-xs {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xs {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xs {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xs {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xs {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xs {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xs {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xs {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xs {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xs {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xs {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xs {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xs {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xs {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xs {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xs {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xs {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xs {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xs {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xs {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xs {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xs {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xs {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xs {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xs {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xs {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xs {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-padding-0-from-sm {
    padding: 0px !important;
  }
  .u-margin-0-from-sm {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-sm {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-sm {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-sm {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-sm {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-sm {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-sm {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-sm {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-sm {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-sm {
    padding: 8px !important;
  }
  .u-margin-xs-from-sm {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-sm {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-sm {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-sm {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-sm {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-sm {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-sm {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-sm {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-sm {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-sm {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-sm {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-sm {
    margin-left: 8px !important;
  }
  .u-padding-s-from-sm {
    padding: 16px !important;
  }
  .u-margin-s-from-sm {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-sm {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-sm {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-sm {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-sm {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-sm {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-sm {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-sm {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-sm {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-sm {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-sm {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-sm {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-sm {
    margin-left: 16px !important;
  }
  .u-padding-m-from-sm {
    padding: 24px !important;
  }
  .u-margin-m-from-sm {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-sm {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-sm {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-sm {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-sm {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-sm {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-sm {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-sm {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-sm {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-sm {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-sm {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-sm {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-sm {
    margin-left: 24px !important;
  }
  .u-padding-l-from-sm {
    padding: 32px !important;
  }
  .u-margin-l-from-sm {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-sm {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-sm {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-sm {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-sm {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-sm {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-sm {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-sm {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-sm {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-sm {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-sm {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-sm {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-sm {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-sm {
    padding: 40px !important;
  }
  .u-margin-xl-from-sm {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-sm {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-sm {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-sm {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-sm {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-sm {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-sm {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-sm {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-sm {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-sm {
    padding: 48px !important;
  }
  .u-margin-xxl-from-sm {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-sm {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-sm {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-sm {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-sm {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-sm {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-sm {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-sm {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-sm {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-sm {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-sm {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-sm {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-sm {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-padding-0-from-md {
    padding: 0px !important;
  }
  .u-margin-0-from-md {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-md {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-md {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-md {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-md {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-md {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-md {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-md {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-md {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-md {
    padding: 8px !important;
  }
  .u-margin-xs-from-md {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-md {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-md {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-md {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-md {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-md {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-md {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-md {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-md {
    margin-left: 8px !important;
  }
  .u-padding-s-from-md {
    padding: 16px !important;
  }
  .u-margin-s-from-md {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-md {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-md {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-md {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-md {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-md {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-md {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-md {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-md {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-md {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-md {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-md {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-md {
    margin-left: 16px !important;
  }
  .u-padding-m-from-md {
    padding: 24px !important;
  }
  .u-margin-m-from-md {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-md {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-md {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-md {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-md {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-md {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-md {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-md {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-md {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-md {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-md {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-md {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-md {
    margin-left: 24px !important;
  }
  .u-padding-l-from-md {
    padding: 32px !important;
  }
  .u-margin-l-from-md {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-md {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-md {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-md {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-md {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-md {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-md {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-md {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-md {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-md {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-md {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-md {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-md {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-md {
    padding: 40px !important;
  }
  .u-margin-xl-from-md {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-md {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-md {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-md {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-md {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-md {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-md {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-md {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-md {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-md {
    padding: 48px !important;
  }
  .u-margin-xxl-from-md {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-md {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-md {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-md {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-md {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-md {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-md {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-md {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-md {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-md {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-md {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-md {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-md {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-padding-0-from-lg {
    padding: 0px !important;
  }
  .u-margin-0-from-lg {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-lg {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-lg {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-lg {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-lg {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-lg {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-lg {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-lg {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-lg {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-lg {
    padding: 8px !important;
  }
  .u-margin-xs-from-lg {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-lg {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-lg {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-lg {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-lg {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-lg {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-lg {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-lg {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-lg {
    margin-left: 8px !important;
  }
  .u-padding-s-from-lg {
    padding: 16px !important;
  }
  .u-margin-s-from-lg {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-lg {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-lg {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-lg {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-lg {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-lg {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-lg {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-lg {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-lg {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-lg {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-lg {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-lg {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-lg {
    margin-left: 16px !important;
  }
  .u-padding-m-from-lg {
    padding: 24px !important;
  }
  .u-margin-m-from-lg {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-lg {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-lg {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-lg {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-lg {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-lg {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-lg {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-lg {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-lg {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-lg {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-lg {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-lg {
    margin-left: 24px !important;
  }
  .u-padding-l-from-lg {
    padding: 32px !important;
  }
  .u-margin-l-from-lg {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-lg {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-lg {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-lg {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-lg {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-lg {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-lg {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-lg {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-lg {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-lg {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-lg {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-lg {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-lg {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-lg {
    padding: 40px !important;
  }
  .u-margin-xl-from-lg {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-lg {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-lg {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-lg {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-lg {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-lg {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-lg {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-lg {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-lg {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-lg {
    padding: 48px !important;
  }
  .u-margin-xxl-from-lg {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-lg {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-lg {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-lg {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-lg {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-lg {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-lg {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-lg {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-lg {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-lg {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-lg {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-lg {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-lg {
    margin-left: 48px !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-padding-0-from-xl {
    padding: 0px !important;
  }
  .u-margin-0-from-xl {
    margin: 0px !important;
  }
  .u-padding-0-ver-from-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-margin-0-ver-from-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-padding-0-hor-from-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .u-margin-0-hor-from-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .u-padding-0-top-from-xl {
    padding-top: 0px !important;
  }
  .u-margin-0-top-from-xl {
    margin-top: 0px !important;
  }
  .u-padding-0-right-from-xl {
    padding-right: 0px !important;
  }
  .u-margin-0-right-from-xl {
    margin-right: 0px !important;
  }
  .u-padding-0-bottom-from-xl {
    padding-bottom: 0px !important;
  }
  .u-margin-0-bottom-from-xl {
    margin-bottom: 0px !important;
  }
  .u-padding-0-left-from-xl {
    padding-left: 0px !important;
  }
  .u-margin-0-left-from-xl {
    margin-left: 0px !important;
  }
  .u-padding-xs-from-xl {
    padding: 8px !important;
  }
  .u-margin-xs-from-xl {
    margin: 8px !important;
  }
  .u-padding-xs-ver-from-xl {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-margin-xs-ver-from-xl {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-padding-xs-hor-from-xl {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .u-margin-xs-hor-from-xl {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .u-padding-xs-top-from-xl {
    padding-top: 8px !important;
  }
  .u-margin-xs-top-from-xl {
    margin-top: 8px !important;
  }
  .u-padding-xs-right-from-xl {
    padding-right: 8px !important;
  }
  .u-margin-xs-right-from-xl {
    margin-right: 8px !important;
  }
  .u-padding-xs-bottom-from-xl {
    padding-bottom: 8px !important;
  }
  .u-margin-xs-bottom-from-xl {
    margin-bottom: 8px !important;
  }
  .u-padding-xs-left-from-xl {
    padding-left: 8px !important;
  }
  .u-margin-xs-left-from-xl {
    margin-left: 8px !important;
  }
  .u-padding-s-from-xl {
    padding: 16px !important;
  }
  .u-margin-s-from-xl {
    margin: 16px !important;
  }
  .u-padding-s-ver-from-xl {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-margin-s-ver-from-xl {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-padding-s-hor-from-xl {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .u-margin-s-hor-from-xl {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  .u-padding-s-top-from-xl {
    padding-top: 16px !important;
  }
  .u-margin-s-top-from-xl {
    margin-top: 16px !important;
  }
  .u-padding-s-right-from-xl {
    padding-right: 16px !important;
  }
  .u-margin-s-right-from-xl {
    margin-right: 16px !important;
  }
  .u-padding-s-bottom-from-xl {
    padding-bottom: 16px !important;
  }
  .u-margin-s-bottom-from-xl {
    margin-bottom: 16px !important;
  }
  .u-padding-s-left-from-xl {
    padding-left: 16px !important;
  }
  .u-margin-s-left-from-xl {
    margin-left: 16px !important;
  }
  .u-padding-m-from-xl {
    padding: 24px !important;
  }
  .u-margin-m-from-xl {
    margin: 24px !important;
  }
  .u-padding-m-ver-from-xl {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-margin-m-ver-from-xl {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-padding-m-hor-from-xl {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  .u-margin-m-hor-from-xl {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  .u-padding-m-top-from-xl {
    padding-top: 24px !important;
  }
  .u-margin-m-top-from-xl {
    margin-top: 24px !important;
  }
  .u-padding-m-right-from-xl {
    padding-right: 24px !important;
  }
  .u-margin-m-right-from-xl {
    margin-right: 24px !important;
  }
  .u-padding-m-bottom-from-xl {
    padding-bottom: 24px !important;
  }
  .u-margin-m-bottom-from-xl {
    margin-bottom: 24px !important;
  }
  .u-padding-m-left-from-xl {
    padding-left: 24px !important;
  }
  .u-margin-m-left-from-xl {
    margin-left: 24px !important;
  }
  .u-padding-l-from-xl {
    padding: 32px !important;
  }
  .u-margin-l-from-xl {
    margin: 32px !important;
  }
  .u-padding-l-ver-from-xl {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-margin-l-ver-from-xl {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-padding-l-hor-from-xl {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  .u-margin-l-hor-from-xl {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  .u-padding-l-top-from-xl {
    padding-top: 32px !important;
  }
  .u-margin-l-top-from-xl {
    margin-top: 32px !important;
  }
  .u-padding-l-right-from-xl {
    padding-right: 32px !important;
  }
  .u-margin-l-right-from-xl {
    margin-right: 32px !important;
  }
  .u-padding-l-bottom-from-xl {
    padding-bottom: 32px !important;
  }
  .u-margin-l-bottom-from-xl {
    margin-bottom: 32px !important;
  }
  .u-padding-l-left-from-xl {
    padding-left: 32px !important;
  }
  .u-margin-l-left-from-xl {
    margin-left: 32px !important;
  }
  .u-padding-xl-from-xl {
    padding: 40px !important;
  }
  .u-margin-xl-from-xl {
    margin: 40px !important;
  }
  .u-padding-xl-ver-from-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-margin-xl-ver-from-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-padding-xl-hor-from-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .u-margin-xl-hor-from-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .u-padding-xl-top-from-xl {
    padding-top: 40px !important;
  }
  .u-margin-xl-top-from-xl {
    margin-top: 40px !important;
  }
  .u-padding-xl-right-from-xl {
    padding-right: 40px !important;
  }
  .u-margin-xl-right-from-xl {
    margin-right: 40px !important;
  }
  .u-padding-xl-bottom-from-xl {
    padding-bottom: 40px !important;
  }
  .u-margin-xl-bottom-from-xl {
    margin-bottom: 40px !important;
  }
  .u-padding-xl-left-from-xl {
    padding-left: 40px !important;
  }
  .u-margin-xl-left-from-xl {
    margin-left: 40px !important;
  }
  .u-padding-xxl-from-xl {
    padding: 48px !important;
  }
  .u-margin-xxl-from-xl {
    margin: 48px !important;
  }
  .u-padding-xxl-ver-from-xl {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-ver-from-xl {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-hor-from-xl {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }
  .u-margin-xxl-hor-from-xl {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }
  .u-padding-xxl-top-from-xl {
    padding-top: 48px !important;
  }
  .u-margin-xxl-top-from-xl {
    margin-top: 48px !important;
  }
  .u-padding-xxl-right-from-xl {
    padding-right: 48px !important;
  }
  .u-margin-xxl-right-from-xl {
    margin-right: 48px !important;
  }
  .u-padding-xxl-bottom-from-xl {
    padding-bottom: 48px !important;
  }
  .u-margin-xxl-bottom-from-xl {
    margin-bottom: 48px !important;
  }
  .u-padding-xxl-left-from-xl {
    padding-left: 48px !important;
  }
  .u-margin-xxl-left-from-xl {
    margin-left: 48px !important;
  }
}
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/* DEFAULTS */
.u-clr-orange {
  color: #eb6500 !important;
}
.u-clr-blue {
  color: #0272b1 !important;
}
.u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-clr-red {
  color: #bc1a23 !important;
}
.u-clr-green {
  color: #0b7a2b !important;
}
.u-light-theme .u-clr-orange {
  color: #ff6c00 !important;
}
.u-light-theme .u-clr-blue {
  color: #0272b1 !important;
}
.u-light-theme .u-clr-info-blue {
  color: #5ec4fd !important;
}
.u-light-theme .u-clr-red {
  color: #bc1a23 !important;
}
.u-light-theme .u-clr-green {
  color: #0b7a2b !important;
}
.u-dark-theme .u-clr-orange {
  color: #ff8200 !important;
}
.u-dark-theme .u-clr-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-info-blue {
  color: #44c6f4 !important;
}
.u-dark-theme .u-clr-red {
  color: #ff6a5a !important;
}
.u-dark-theme .u-clr-green {
  color: #53b848 !important;
}
.u-clr-white {
  color: #ffffff !important;
}
.u-clr-black {
  color: #000000 !important;
}
.u-clr-grey1 {
  color: #f5f5f5 !important;
}
.u-clr-grey2 {
  color: #f0f0f0 !important;
}
.u-clr-grey3 {
  color: #dcdcdc !important;
}
.u-clr-grey4 {
  color: #b8b8b8 !important;
}
.u-clr-grey5 {
  color: #8e8e8e !important;
}
.u-clr-grey6 {
  color: #707070 !important;
}
.u-clr-grey7 {
  color: #4c4c4c !important;
}
.u-clr-grey8 {
  color: #1f1f1f !important;
}
.u-bg-orange {
  background-color: #eb6500 !important;
}
.u-bg-secondary-orange {
  background-color: #fff3eb !important;
}
.u-bg-tertiary-orange {
  background-color: #ffede0 !important;
}
.u-bg-blue {
  background-color: #0272b1 !important;
}
.u-bg-secondary-blue {
  background-color: #ecf7fe !important;
}
.u-bg-tertiary-blue {
  background-color: #e2f4fd !important;
}
.u-bg-info-blue {
  background-color: #5ec4fd !important;
}
.u-bg-red {
  background-color: #bc1a23 !important;
}
.u-bg-warning-red {
  background-color: #bc1a23 !important;
}
.u-bg-green {
  background-color: #0b7a2b !important;
}
.u-light-theme .u-bg-orange {
  background-color: #ff6c00 !important;
}
.u-light-theme .u-bg-blue {
  background-color: #0272b1 !important;
}
.u-light-theme .u-bg-red {
  background-color: #bc1a23 !important;
}
.u-light-theme .u-bg-green {
  background-color: #0b7a2b !important;
}
.u-dark-theme .u-bg-orange {
  background-color: #ff8200 !important;
}
.u-dark-theme .u-bg-blue {
  background-color: #44c6f4 !important;
}
.u-dark-theme .u-bg-red {
  background-color: #ff6a5a !important;
}
.u-dark-theme .u-bg-green {
  background-color: #53b848 !important;
}
.u-bg-white {
  background-color: #ffffff !important;
}
.u-bg-black {
  background-color: #000000 !important;
}
.u-bg-grey1 {
  background-color: #f5f5f5 !important;
}
.u-bg-grey2 {
  background-color: #f0f0f0 !important;
}
.u-bg-grey3 {
  background-color: #dcdcdc !important;
}
.u-bg-grey4 {
  background-color: #b8b8b8 !important;
}
.u-bg-grey5 {
  background-color: #8e8e8e !important;
}
.u-bg-grey6 {
  background-color: #707070 !important;
}
.u-bg-grey7 {
  background-color: #4c4c4c !important;
}
.u-bg-grey8 {
  background-color: #1f1f1f !important;
}
.u-fill-orange {
  fill: #ff6c00 !important;
}
.u-fill-blue {
  fill: #0272b1 !important;
}
.u-fill-red {
  fill: #bc1a23 !important;
}
.u-fill-green {
  fill: #0b7a2b !important;
}
.u-fill-white {
  fill: #ffffff !important;
}
.u-fill-black {
  fill: #000000 !important;
}
.u-fill-grey1 {
  fill: #f5f5f5 !important;
}
.u-fill-grey2 {
  fill: #f0f0f0 !important;
}
.u-fill-grey3 {
  fill: #dcdcdc !important;
}
.u-fill-grey4 {
  fill: #b8b8b8 !important;
}
.u-fill-grey5 {
  fill: #8e8e8e !important;
}
.u-fill-grey6 {
  fill: #707070 !important;
}
.u-fill-grey7 {
  fill: #4c4c4c !important;
}
.u-fill-grey8 {
  fill: #1f1f1f !important;
}
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
:root {
  --sd-ui-line-height: calc(1em + 8px);
}
.u-font-serif {
  font-family: ElsevierGulliver, Georgia, Times New Roman, Times, STIXGeneral, Cambria Math, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, Arial Unicode MS, serif, sans-serif !important;
  --sd-ui-line-height: calc(1em + 10px);
  line-height: var(--sd-ui-line-height);
}
.u-font-sans {
  font-family: ElsevierSans, Arial, Helvetica, Roboto, Lucida Sans Unicode, Microsoft Sans Serif, Segoe UI Symbol, STIXGeneral, Cambria Math, Arial Unicode MS, sans-serif !important;
  --sd-ui-line-height: calc(1em + 8px);
  line-height: var(--sd-ui-line-height);
}
/**
 * Font size adjustments.
 *
 * Redefine our standard body font sizes using the following classes.
 *
     <p class="text-l">I am an p that with larger size than normal</p>
 *
 * Line heights are typically determined by --sd-ui-line-height variable (typeface specific)
 */
.text-2xs {
  font-size: 12px;
  line-height: var(--sd-ui-line-height);
}
.text-xs {
  font-size: 14px;
  line-height: var(--sd-ui-line-height);
}
.text-s {
  font-size: 16px;
  line-height: var(--sd-ui-line-height);
}
.text-m {
  font-size: 20px;
  line-height: var(--sd-ui-line-height);
}
.text-l {
  font-size: 24px;
  line-height: var(--sd-ui-line-height);
}
.text-xl {
  font-size: 32px;
  line-height: var(--sd-ui-line-height);
}
.text-2xl {
  font-size: 40px;
  line-height: var(--sd-ui-line-height);
}
.text-3xl {
  font-size: 48px;
  line-height: var(--sd-ui-line-height);
}
.text-4xl {
  font-size: 56px;
  line-height: var(--sd-ui-line-height);
}
.text-5xl {
  font-size: 64px;
  line-height: var(--sd-ui-line-height);
}
/**
 * Headings.
 *
 * Redefine our heading styles against utility classes. This gives us a double
 * stranded heading hierarchy whereby we can style one heading as another, e.g.:
 *
     <h4 class="u-h1">I am an H4 that is the same size as an H1</h4>
 *
 */
.u-h1-3xl {
  font-size: 64px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-2xl {
  font-size: 56px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1-xl {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h1 {
  font-size: 40px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h2 {
  font-size: 32px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h3 {
  font-size: 24px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h4 {
  font-size: 20px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-h5 {
  font-size: 16px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: bold !important;
}
.u-h1-alt {
  font-size: 48px !important;
  line-height: var(--sd-ui-line-height) !important;
  font-weight: normal !important;
}
.u-text-bold {
  font-weight: bold;
}
.u-text-light {
  font-weight: 100;
}
.u-text-uppercase {
  text-transform: uppercase !important;
}
.u-text-lowercase {
  text-transform: lowercase !important;
}
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger !important;
}
.u-text-- {
  font-size: smaller !important;
}
/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-justify {
  text-align: justify !important;
}
/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/**
 * Style.
 */
.u-text-italic {
  font-style: italic !important;
}
.u-text-normal {
  font-style: normal !important;
}
.u-text-oblique {
  font-style: oblique !important;
}
/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 */
.u-display-none {
  display: none !important;
}
.u-display-inline {
  display: inline !important;
}
.u-display-block {
  display: block !important;
}
.u-display-inline-block {
  display: inline-block !important;
}
.u-display-flex {
  display: flex !important;
}
.u-display-inline-flex {
  display: inline-flex !important;
}
.u-visibility-visible {
  visibility: visible !important;
}
.u-visibility-hidden {
  visibility: hidden !important;
}
.u-position-absolute {
  position: absolute;
}
.u-position-relative {
  position: relative;
}
.u-position-initial {
  position: initial;
}
/**
 * Clear boxes that contain floated elements
 */
.u-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important;
}
/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * https://github.com/twbs/bootstrap/blob/2085c142679563189dbc34ec6bf4b00e32b8f615/scss/mixins/_screen-reader.scss
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
}
/**
 * Make visually-hidden content visible on focus
 * Use in conjunction with .u-hide-visually to only display content when it's focused.
 */
.u-hide-visually-focusable:active, .u-hide-visually-focusable:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  clip-path: none !important;
}
@media only screen and (min-width: 20em) {
  .u-clear-both-from-xs {
    clear: both !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-both-from-sm {
    clear: both !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-both-from-md {
    clear: both !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-both-from-lg {
    clear: both !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-both-from-xl {
    clear: both !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-clear-none-from-xs {
    clear: none !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-clear-none-from-sm {
    clear: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-clear-none-from-md {
    clear: none !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-clear-none-from-lg {
    clear: none !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-clear-none-from-xl {
    clear: none !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-left-from-xs {
    float: left !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-left-from-sm {
    float: left !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-left-from-md {
    float: left !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-left-from-lg {
    float: left !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-left-from-xl {
    float: left !important;
  }
}
@media only screen and (min-width: 20em) {
  .u-float-right-from-xs {
    float: right !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-float-right-from-sm {
    float: right !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-float-right-from-md {
    float: right !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-float-right-from-lg {
    float: right !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-float-right-from-xl {
    float: right !important;
  }
}
/**
 * Flip a component vertically around the x-axis
 */
.u-flip-vertically, .Actions .actions-container button.expandable-action.active > svg {
  transform: scaleY(-1);
}
@media only screen and (min-width: 20em) {
  .u-display-none-from-xs {
    display: none !important;
  }
}
.u-display-inline-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-from-xs {
    display: inline !important;
  }
}
.u-display-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-block-from-xs {
    display: block !important;
  }
}
.u-display-inline-block-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-block-from-xs {
    display: inline-block !important;
  }
}
.u-display-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-flex-from-xs {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xs {
  display: none !important;
}
@media only screen and (min-width: 20em) {
  .u-display-inline-flex-from-xs {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xs {
  visibility: visible !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-hidden-from-xs {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xs {
  visibility: hidden !important;
}
@media only screen and (min-width: 20em) {
  .u-visibility-visible-from-xs {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 36em) {
  .u-display-none-from-sm {
    display: none !important;
  }
}
.u-display-inline-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-from-sm {
    display: inline !important;
  }
}
.u-display-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-block-from-sm {
    display: block !important;
  }
}
.u-display-inline-block-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-block-from-sm {
    display: inline-block !important;
  }
}
.u-display-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-flex-from-sm {
    display: flex !important;
  }
}
.u-display-inline-flex-from-sm {
  display: none !important;
}
@media only screen and (min-width: 36em) {
  .u-display-inline-flex-from-sm {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-sm {
  visibility: visible !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-hidden-from-sm {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-sm {
  visibility: hidden !important;
}
@media only screen and (min-width: 36em) {
  .u-visibility-visible-from-sm {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 48em) {
  .u-display-none-from-md {
    display: none !important;
  }
}
.u-display-inline-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-from-md {
    display: inline !important;
  }
}
.u-display-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-block-from-md {
    display: block !important;
  }
}
.u-display-inline-block-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-block-from-md {
    display: inline-block !important;
  }
}
.u-display-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-flex-from-md {
    display: flex !important;
  }
}
.u-display-inline-flex-from-md {
  display: none !important;
}
@media only screen and (min-width: 48em) {
  .u-display-inline-flex-from-md {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-md {
  visibility: visible !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-hidden-from-md {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-md {
  visibility: hidden !important;
}
@media only screen and (min-width: 48em) {
  .u-visibility-visible-from-md {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 62em) {
  .u-display-none-from-lg {
    display: none !important;
  }
}
.u-display-inline-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-from-lg {
    display: inline !important;
  }
}
.u-display-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-block-from-lg {
    display: block !important;
  }
}
.u-display-inline-block-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-block-from-lg {
    display: inline-block !important;
  }
}
.u-display-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-flex-from-lg {
    display: flex !important;
  }
}
.u-display-inline-flex-from-lg {
  display: none !important;
}
@media only screen and (min-width: 62em) {
  .u-display-inline-flex-from-lg {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-lg {
  visibility: visible !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-hidden-from-lg {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-lg {
  visibility: hidden !important;
}
@media only screen and (min-width: 62em) {
  .u-visibility-visible-from-lg {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 75em) {
  .u-display-none-from-xl {
    display: none !important;
  }
}
.u-display-inline-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-from-xl {
    display: inline !important;
  }
}
.u-display-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-block-from-xl {
    display: block !important;
  }
}
.u-display-inline-block-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-block-from-xl {
    display: inline-block !important;
  }
}
.u-display-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-flex-from-xl {
    display: flex !important;
  }
}
.u-display-inline-flex-from-xl {
  display: none !important;
}
@media only screen and (min-width: 75em) {
  .u-display-inline-flex-from-xl {
    display: inline-flex !important;
  }
}
.u-visibility-hidden-from-xl {
  visibility: visible !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-hidden-from-xl {
    visibility: hidden !important;
  }
}
.u-visibility-visible-from-xl {
  visibility: hidden !important;
}
@media only screen and (min-width: 75em) {
  .u-visibility-visible-from-xl {
    visibility: visible !important;
  }
}
.u-show-only-to-print {
  visibility: hidden;
}
@media print {
  .u-hide-from-print {
    visibility: hidden;
  }
  .u-show-only-to-print {
    visibility: visible;
  }
  .u-remove-if-print {
    display: none;
  }
}
@media not print {
  .u-remove-if-not-print {
    display: none;
  }
}
.topics-summary {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin: 0px;
}
@media only screen and (min-width: 62em) {
  .topics-summary {
    padding-right: 24px;
    margin-right: 24px;
  }
}
@media only screen and (min-width: 75em) {
  .topics-summary {
    margin: 0px 32px;
    padding-right: 24px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1336px) {
  .topics-summary {
    margin: 0px 24px;
  }
}
.topics-summary .summary-heading {
  display: flex;
  justify-content: space-between;
}
.topics-summary h2 {
  font-size: 20px;
  font-weight: bold;
}
.topics-summary h3 {
  font-size: 16px;
  font-weight: bold;
}
.topics-summary a {
  color: #1f1f1f;
  text-decoration: underline #1f1f1f;
}
.topics-summary a:hover {
  text-decoration-thickness: 2px;
  text-decoration: underline #eb6500;
}
.topics-summary .summary-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.topics-summary .summary-section .button {
  min-width: 24px;
  border: 2px solid rgba(2, 114, 177, 0.2);
  border-radius: 4px;
  color: #0272b1;
  background: transparent;
  padding: 0px 6px;
  font-size: 14px;
  font-weight: 700;
  height: 24px;
  align-items: center;
}
.topics-summary .summary-section .button:hover {
  border-color: rgba(2, 114, 177, 0.467);
  background-color: rgb(236, 247, 254);
}
.topics-summary .list-icon {
  width: 16px;
  height: 16px;
}
.side-panel-header {
  padding-left: 24px !important;
}