/*!
 * Fundamentals v1.7.3
 * Copyright (c) 2019 SAP SE or an SAP affiliate company.
 * Licensed under Apache License 2.0 (https://github.com/SAP/Fundamental/blob/master/LICENSE)
 */
 @charset "UTF-8";
 /*!
 .fd-section+(--full-bleed, --no-border)
     .fd-section__header
         .fd-section__title
         .fd-section__actions
     .fd-section__footer
 */
 :root {
   --fd-section-background-color: transparent
 }
 .fd-section {
   --fd-section-padding-x: var(--fd-padding-ui);
   --fd-section-title-color: var(--fd-color-text-2);
   padding: 16px 32px 24px;
   padding: 16px var(--fd-section-padding-x) 24px;
   border-bottom: none;
   background-color: var(--fd-section-background-color,transparent)
 }
 .fd-section::after {
   content: "";
   display: table;
   clear: both
 }
 .fd-section--no-border,
 .fd-section:last-child {
   border-bottom: 0
 }
 .fd-section--bleed,
 .fd-section--full-bleed {
   padding-right: 0;
   padding-left: 0
 }
 .fd-section--bleed .fd-section__footer,
 .fd-section--bleed .fd-section__header,
 .fd-section--full-bleed .fd-section__footer,
 .fd-section--full-bleed .fd-section__header {
   margin-left: 32px;
   margin-left: var(--fd-section-padding-x);
   margin-right: 32px;
   margin-right: var(--fd-section-padding-x)
 }
 .fd-section__header {
   min-height: 40px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-bottom: 24px
 }
 .fd-section__title {
   font-size: 1.71429rem;
   line-height: 1.33333;
   font-weight: 400;
   color: var(--fd-section-title-color);
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   margin-bottom: 0
 }
 .fd-section__actions {
   margin-left: auto
 }
 .fd-section__footer {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
 }
 .fd-container {
   margin-bottom: 12px;
   max-width: 1290px
 }
 .fd-container::after {
   content: "";
   display: table;
   clear: both
 }
 .fd-container:last-child {
   margin-bottom: 0
 }
 .fd-container--fluid {
   max-width: 100%
 }
 .fd-container--flex {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
 }
 .fd-container--centered {
   margin-left: auto;
   margin-right: auto
 }
 /*!
     .fd-col+(--1...12, --shift-1...11)
 */
 @media (min-width:600px) {
   .fd-col--1 {
     float: left;
     margin-right: 8px;
     margin-right: var(--fd-width-gutter);
     width: calc((((100% - 88px)/ 12) * 1) + 0px);
     width: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 1) + (var(--fd-width-gutter) * (1 - 1)))
   }
   .fd-col--1:last-child {
     margin-right: 0
   }
   .fd-col--1[dir=rtl],
   [dir=rtl] .fd-col--1 {
     float: right;
     margin-right: 0;
     margin-left: 8px;
     margin-left: var(--fd-width-gutter)
   }
   .fd-col--1[dir=rtl]:last-child,
   [dir=rtl] .fd-col--1:last-child {
     margin-left: 0
   }
   .fd-col--2 {
     float: left;
     margin-right: 8px;
     margin-right: var(--fd-width-gutter);
     width: calc((((100% - 88px)/ 12) * 2) + 8px);
     width: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 2) + (var(--fd-width-gutter) * (2 - 1)))
   }
   .fd-col--2:last-child {
     margin-right: 0
   }
   .fd-col--2[dir=rtl],
   [dir=rtl] .fd-col--2 {
     float: right;
     margin-right: 0;
     margin-left: 8px;
     margin-left: var(--fd-width-gutter)
   }
   .fd-col--2[dir=rtl]:last-child,
   [dir=rtl] .fd-col--2:last-child {
     margin-left: 0
   }
   .fd-col--3 {
     float: left;
     margin-right: 8px;
     margin-right: var(--fd-width-gutter);
     width: calc((((100% - 88px)/ 12) * 3) + 16px);
     width: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 3) + (var(--fd-width-gutter) * (3 - 1)))
   }
   .fd-col--3:last-child {
     margin-right: 0
   }
   .fd-col--3[dir=rtl],
   [dir=rtl] .fd-col--3 {
     float: right;
     margin-right: 0;
     margin-left: 8px;
     margin-left: var(--fd-width-gutter)
   }
   .fd-col--3[dir=rtl]:last-child,
   [dir=rtl] .fd-col--3:last-child {
     margin-left: 0
   }
   .fd-col--4 {
     float: left;
     margin-right: 8px;
     margin-right: var(--fd-width-gutter);
     width: calc((((100% - 88px)/ 12) * 4) + 24px);
     width: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 4) + (var(--fd-width-gutter) * (4 - 1)))
   }
   .fd-col--4:last-child {
     margin-right: 0
   }
   .fd-col--4[dir=rtl],
   [dir=rtl] .fd-col--4 {
     float: right;
     margin-right: 0;
     margin-left: 8px;
     margin-left: var(--fd-width-gutter)
   }
   .fd-col--4[dir=rtl]:last-child,
   [dir=rtl] .fd-col--4:last-child {
     margin-left: 0
   }
   .fd-col--5 {
     float: left;
     margin-right: 8px;
     margin-right: var(--fd-width-gutter);
     width: calc((((100% - 88px)/ 12) * 5) + 32px);
     width: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 5) + (var(--fd-width-gutter) * (5 - 1)))
   }
   .fd-col--5:last-child {
     margin-right: 0
   }
   .fd-col--5[dir=rtl],
   [dir=rtl] .fd-col--5 {
     float: right;
     margin-right: 0;
     margin-left: 8px;
     margin-left: var(--fd-width-gutter)
   }
   .fd-col--5[dir=rtl]:last-child,
   [dir=rtl] .fd-col--5:last-child {
     margin-left: 0
   }
   .fd-col--6 {
     float: left;
     margin-right: 8px;
     margin-right: var(--fd-width-gutter);
     width: calc((((100% - 88px)/ 12) * 6) + 40px);
     width: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 6) + (var(--fd-width-gutter) * (6 - 1)))
   }
   .fd-col--6:last-child {
     margin-right: 0
   }
   .fd-col--6[dir=rtl],
   [dir=rtl] .fd-col--6 {
     float: right;
     margin-right: 0;
     margin-left: 8px;
     margin-left: var(--fd-width-gutter)
   }
   .fd-col--6[dir=rtl]:last-child,
   [dir=rtl] .fd-col--6:last-child {
     margin-left: 0
   }
   .fd-col--7 {
     float: left;
     margin-right: 8px;
     margin-right: var(--fd-width-gutter);
     width: calc((((100% - 88px)/ 12) * 7) + 48px);
     width: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 7) + (var(--fd-width-gutter) * (7 - 1)))
   }
   .fd-col--7:last-child {
     margin-right: 0
   }
   .fd-col--7[dir=rtl],
   [dir=rtl] .fd-col--7 {
     float: right;
     margin-right: 0;
     margin-left: 8px;
     margin-left: var(--fd-width-gutter)
   }
   .fd-col--7[dir=rtl]:last-child,
   [dir=rtl] .fd-col--7:last-child {
     margin-left: 0
   }
   .fd-col--8 {
     float: left;
     margin-right: 8px;
     margin-right: var(--fd-width-gutter);
     width: calc((((100% - 88px)/ 12) * 8) + 56px);
     width: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 8) + (var(--fd-width-gutter) * (8 - 1)))
   }
   .fd-col--8:last-child {
     margin-right: 0
   }
   .fd-col--8[dir=rtl],
   [dir=rtl] .fd-col--8 {
     float: right;
     margin-right: 0;
     margin-left: 8px;
     margin-left: var(--fd-width-gutter)
   }
   .fd-col--8[dir=rtl]:last-child,
   [dir=rtl] .fd-col--8:last-child {
     margin-left: 0
   }
   .fd-col--9 {
     float: left;
     margin-right: 8px;
     margin-right: var(--fd-width-gutter);
     width: calc((((100% - 88px)/ 12) * 9) + 64px);
     width: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 9) + (var(--fd-width-gutter) * (9 - 1)))
   }
   .fd-col--9:last-child {
     margin-right: 0
   }
   .fd-col--9[dir=rtl],
   [dir=rtl] .fd-col--9 {
     float: right;
     margin-right: 0;
     margin-left: 8px;
     margin-left: var(--fd-width-gutter)
   }
   .fd-col--9[dir=rtl]:last-child,
   [dir=rtl] .fd-col--9:last-child {
     margin-left: 0
   }
   .fd-col--10 {
     float: left;
     margin-right: 8px;
     margin-right: var(--fd-width-gutter);
     width: calc((((100% - 88px)/ 12) * 10) + 72px);
     width: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 10) + (var(--fd-width-gutter) * (10 - 1)))
   }
   .fd-col--10:last-child {
     margin-right: 0
   }
   .fd-col--10[dir=rtl],
   [dir=rtl] .fd-col--10 {
     float: right;
     margin-right: 0;
     margin-left: 8px;
     margin-left: var(--fd-width-gutter)
   }
   .fd-col--10[dir=rtl]:last-child,
   [dir=rtl] .fd-col--10:last-child {
     margin-left: 0
   }
   .fd-col--11 {
     float: left;
     margin-right: 8px;
     margin-right: var(--fd-width-gutter);
     width: calc((((100% - 88px)/ 12) * 11) + 80px);
     width: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 11) + (var(--fd-width-gutter) * (11 - 1)))
   }
   .fd-col--11:last-child {
     margin-right: 0
   }
   .fd-col--11[dir=rtl],
   [dir=rtl] .fd-col--11 {
     float: right;
     margin-right: 0;
     margin-left: 8px;
     margin-left: var(--fd-width-gutter)
   }
   .fd-col--11[dir=rtl]:last-child,
   [dir=rtl] .fd-col--11:last-child {
     margin-left: 0
   }
   .fd-col--12 {
     float: left;
     margin-right: 8px;
     margin-right: var(--fd-width-gutter);
     width: calc((((100% - 88px)/ 12) * 12) + 88px);
     width: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 12) + (var(--fd-width-gutter) * (12 - 1)))
   }
   .fd-col--12:last-child {
     margin-right: 0
   }
   .fd-col--12[dir=rtl],
   [dir=rtl] .fd-col--12 {
     float: right;
     margin-right: 0;
     margin-left: 8px;
     margin-left: var(--fd-width-gutter)
   }
   .fd-col--12[dir=rtl]:last-child,
   [dir=rtl] .fd-col--12:last-child {
     margin-left: 0
   }
   .fd-col--shift-1 {
     margin-left: calc((((100% - 88px)/ 12) * 1) + 8px);
     margin-left: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 1) + (var(--fd-width-gutter) * (1)))
   }
   .fd-col--shift-1[dir=rtl],
   [dir=rtl] .fd-col--shift-1 {
     margin-left: 0;
     margin-right: calc((((100% - 88px)/ 12) * 1) + 8px);
     margin-right: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 1) + (var(--fd-width-gutter) * (1)))
   }
   .fd-col--shift-2 {
     margin-left: calc((((100% - 88px)/ 12) * 2) + 16px);
     margin-left: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 2) + (var(--fd-width-gutter) * (2)))
   }
   .fd-col--shift-2[dir=rtl],
   [dir=rtl] .fd-col--shift-2 {
     margin-left: 0;
     margin-right: calc((((100% - 88px)/ 12) * 2) + 16px);
     margin-right: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 2) + (var(--fd-width-gutter) * (2)))
   }
   .fd-col--shift-3 {
     margin-left: calc((((100% - 88px)/ 12) * 3) + 24px);
     margin-left: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 3) + (var(--fd-width-gutter) * (3)))
   }
   .fd-col--shift-3[dir=rtl],
   [dir=rtl] .fd-col--shift-3 {
     margin-left: 0;
     margin-right: calc((((100% - 88px)/ 12) * 3) + 24px);
     margin-right: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 3) + (var(--fd-width-gutter) * (3)))
   }
   .fd-col--shift-4 {
     margin-left: calc((((100% - 88px)/ 12) * 4) + 32px);
     margin-left: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 4) + (var(--fd-width-gutter) * (4)))
   }
   .fd-col--shift-4[dir=rtl],
   [dir=rtl] .fd-col--shift-4 {
     margin-left: 0;
     margin-right: calc((((100% - 88px)/ 12) * 4) + 32px);
     margin-right: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 4) + (var(--fd-width-gutter) * (4)))
   }
   .fd-col--shift-5 {
     margin-left: calc((((100% - 88px)/ 12) * 5) + 40px);
     margin-left: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 5) + (var(--fd-width-gutter) * (5)))
   }
   .fd-col--shift-5[dir=rtl],
   [dir=rtl] .fd-col--shift-5 {
     margin-left: 0;
     margin-right: calc((((100% - 88px)/ 12) * 5) + 40px);
     margin-right: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 5) + (var(--fd-width-gutter) * (5)))
   }
   .fd-col--shift-6 {
     margin-left: calc((((100% - 88px)/ 12) * 6) + 48px);
     margin-left: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 6) + (var(--fd-width-gutter) * (6)))
   }
   .fd-col--shift-6[dir=rtl],
   [dir=rtl] .fd-col--shift-6 {
     margin-left: 0;
     margin-right: calc((((100% - 88px)/ 12) * 6) + 48px);
     margin-right: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 6) + (var(--fd-width-gutter) * (6)))
   }
   .fd-col--shift-7 {
     margin-left: calc((((100% - 88px)/ 12) * 7) + 56px);
     margin-left: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 7) + (var(--fd-width-gutter) * (7)))
   }
   .fd-col--shift-7[dir=rtl],
   [dir=rtl] .fd-col--shift-7 {
     margin-left: 0;
     margin-right: calc((((100% - 88px)/ 12) * 7) + 56px);
     margin-right: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 7) + (var(--fd-width-gutter) * (7)))
   }
   .fd-col--shift-8 {
     margin-left: calc((((100% - 88px)/ 12) * 8) + 64px);
     margin-left: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 8) + (var(--fd-width-gutter) * (8)))
   }
   .fd-col--shift-8[dir=rtl],
   [dir=rtl] .fd-col--shift-8 {
     margin-left: 0;
     margin-right: calc((((100% - 88px)/ 12) * 8) + 64px);
     margin-right: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 8) + (var(--fd-width-gutter) * (8)))
   }
   .fd-col--shift-9 {
     margin-left: calc((((100% - 88px)/ 12) * 9) + 72px);
     margin-left: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 9) + (var(--fd-width-gutter) * (9)))
   }
   .fd-col--shift-9[dir=rtl],
   [dir=rtl] .fd-col--shift-9 {
     margin-left: 0;
     margin-right: calc((((100% - 88px)/ 12) * 9) + 72px);
     margin-right: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 9) + (var(--fd-width-gutter) * (9)))
   }
   .fd-col--shift-10 {
     margin-left: calc((((100% - 88px)/ 12) * 10) + 80px);
     margin-left: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 10) + (var(--fd-width-gutter) * (10)))
   }
   .fd-col--shift-10[dir=rtl],
   [dir=rtl] .fd-col--shift-10 {
     margin-left: 0;
     margin-right: calc((((100% - 88px)/ 12) * 10) + 80px);
     margin-right: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 10) + (var(--fd-width-gutter) * (10)))
   }
   .fd-col--shift-11 {
     margin-left: calc((((100% - 88px)/ 12) * 11) + 88px);
     margin-left: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 11) + (var(--fd-width-gutter) * (11)))
   }
   .fd-col--shift-11[dir=rtl],
   [dir=rtl] .fd-col--shift-11 {
     margin-left: 0;
     margin-right: calc((((100% - 88px)/ 12) * 11) + 88px);
     margin-right: calc((((100% - (11 * var(--fd-width-gutter)))/ 12) * 11) + (var(--fd-width-gutter) * (11)))
   }
 }
 [class^=fd-col] {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   margin-bottom: 12px
 }
 [class^=fd-col]:last-child {
   margin-bottom: 0
 }
 @media (min-width:320px) {
   [class^=fd-col] {
     margin-bottom: 0
   }
 }
 /*!
 .fd-ui+(--fixed)
     .fd-ui__header+(--fixed)
     .fd-ui__app
     .fd-ui__footer+(--fixed)
     .fd-ui__overlay
 */
 .fd-ui {
   position: absolute;
   min-height: 100vh;
   width: 100vw;
   max-width: 100%;
   background: 0 0;
   background-size: cover;
   background-attachment: fixed
 }
 .fd-ui--fixed {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   max-height: 100vh
 }
 .fd-ui--fixed .fd-ui__header {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 50px;
   flex: 0 0 50px;
   position: static
 }
 .fd-ui--fixed .fd-ui__footer {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 40px;
   flex: 0 0 40px;
   position: static
 }
 .fd-ui--fixed .fd-ui__app {
   overflow: scroll;
   margin-top: 0;
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   min-height: auto
 }
 .fd-ui__header {
   position: absolute;
   z-index: 1;
   background: #fff;
   width: 100%;
   min-height: 50px;
   height: 50px;
   border-bottom: solid 1px #d9d9d9
 }
 .fd-ui__header--fixed {
   position: fixed
 }
 .fd-ui__footer {
   background: #fff;
   width: 100%;
   min-height: 40px;
   height: 40px;
   border-top: solid 1px #d9d9d9
 }
 .fd-ui__footer--fixed {
   position: fixed;
   bottom: 0
 }
 .fd-ui__app {
   margin-top: 50px;
   min-height: calc(100vh - 40px - 50px);
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: relative
 }
 .fd-ui__overlay {
   position: absolute
 }
 /*!
 .fd-shell+(--fixed)
     .fd-shell__header+(--fixed)
     .fd-shell__app
     .fd-shell__footer+(--fixed)
     .fd-shell__overlay
 */
 .fd-shell {
   overflow: hidden;
   position: absolute;
   min-height: 100vh;
   height: 100vh;
   width: 100vw;
   max-width: 100%;
   background-size: cover;
   background-attachment: fixed
 }
 .fd-shell--fixed {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   max-height: 100vh
 }
 .fd-shell--fixed .fd-shell__header {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 48px;
   flex: 0 0 48px;
   position: static
 }
 .fd-shell--fixed .fd-shell__footer {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 40px;
   flex: 0 0 40px;
   position: static
 }
 .fd-shell--fixed .fd-shell__app {
   overflow: hidden;
   margin-top: 0;
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   min-height: auto
 }
 .fd-shell__header {
   background-color: var(--fd-color-shell-1);
   position: absolute;
   z-index: 3;
   width: 100%;
   height: 48px
 }
 .fd-shell__header--fixed {
   position: fixed
 }
 .fd-shell__footer {
   width: 100%;
   min-height: 40px
 }
 .fd-shell__app {
   margin-top: 48px;
   min-height: calc(100vh - 40px - 48px);
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: relative
 }
 .fd-shell__overlay {
   position: absolute
 }
 /*!
 .fd-app
   .fd-app__navigation+(--horizontal|--vertical)
   .fd-app__sidebar
   .fd-app__main
 */
 .fd-app {
   position: relative;
   width: 100%
 }
 @media (min-width:600px) {
   .fd-app {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-flow: row wrap;
     flex-flow: row wrap;
     -ms-flex-line-pack: start;
     align-content: flex-start
   }
 }
 .fd-app__navigation {
   --fd-background-color: var(--fd-color-background-2);
   background-color: var(--fd-background-color);
   height: 52px;
   max-height: 52px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
 }
 .fd-app__navigation--horizontal {
   -webkit-box-flex: 1;
   -ms-flex: 1 100%;
   flex: 1 100%;
   padding: 0 32px;
   padding: 0 var(--fd-padding-ui)
 }
 .fd-app__navigation--vertical {
   overflow-y: auto;
   -webkit-box-flex: 0;
   -ms-flex: 0;
   flex: 0
 }
 @media (min-width:600px) {
   .fd-app__navigation--vertical {
     max-width: 250px;
     position: relative;
     height: 100%;
     max-height: inherit
   }
 }
 .fd-app__main {
   -webkit-box-flex: 1;
   -ms-flex: 1 1;
   flex: 1 1;
   overflow-y: auto;
   height: 100%
 }
 .fd-page {
   --fd-page-background-color: transparent;
   --fd-page-header-padding-x: var(--fd-padding-ui);
   --fd-page-header-border-color: var(--fd-color-neutral-3);
   --fd-page-header-background-color: transparent;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   min-height: 100%;
   width: 100%;
   background-color: var(--fd-page-background-color)
 }
 .fd-page__header {
   border-style: solid;
   border-width: 0;
   border-color: var(--fd-page-header-border-color);
   background-color: var(--fd-page-header-background-color);
   min-height: auto;
   padding: 0 32px;
   padding: 0 var(--fd-page-header-padding-x)
 }
 .fd-page__content {
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   margin-bottom: 32px
 }
 .fd-section__actions {
   margin-left: auto
 }
 .fd-panel {
   --fd-panel-background-color: var(--fd-color-background-2);
   --fd-panel-border-color: var(--fd-color-neutral-2);
   --fd-panel-box-shadow-color: var(--fd-color-neutral-2);
   --fd-panel-divider-color: var(--fd-panel-border-color);
   --fd-panel-border-width: 0;
   --fd-panel-title-color: var(--fd-color-text-1);
   background-color: var(--fd-panel-background-color);
   border-radius: 4px;
   border-style: solid;
   border-width: var(--fd-panel-border-width);
   border-color: var(--fd-panel-border-color);
   -webkit-box-shadow: 0 5px 20px 0 var(--fd-panel-box-shadow-color);
   box-shadow: 0 5px 20px 0 var(--fd-panel-box-shadow-color)
 }
 .fd-panel::after {
   content: "";
   display: table;
   clear: both
 }
 .fd-panel__header {
   min-height: 40px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-bottom-color: var(--fd-panel-divider-color);
   padding: 16px 24px;
   font-size: .85714rem;
   line-height: 1.33333;
   font-weight: 400;
   color: var(--fd-color-text-3)
 }
 .fd-panel__title {
   font-size: 1.14286rem;
   line-height: 1.25;
   font-weight: 400;
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   margin-bottom: 0;
   color: var(--fd-panel-title-color)
 }
 .fd-panel__description {
   margin-top: 4px
 }
 .fd-panel__actions {
   margin-left: auto;
   margin-top: -4px;
   margin-bottom: -4px
 }
 .fd-panel__actions[dir=rtl],
 [dir=rtl] .fd-panel__actions {
   margin-right: auto;
   margin-left: 0
 }
 .fd-panel__filters {
   padding: 12px 24px;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-bottom-color: var(--fd-panel-divider-color);
   -webkit-transition: all .15s ease-in;
   transition: all .15s ease-in
 }
 .fd-panel__filters.is-hidden,
 .fd-panel__filters[aria-hidden=true] {
   padding-top: 0;
   padding-bottom: 0;
   max-height: 0;
   overflow: hidden
 }
 .fd-panel__body {
   padding: 16px 24px
 }
 .fd-panel__body--bleed,
 .fd-panel__body--full-bleed {
   padding: 0
 }
 .fd-panel__footer {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   padding: 16px 24px;
   border-top-style: solid;
   border-top-width: 1px;
   border-top-color: var(--fd-panel-divider-color)
 }
 /*!
 .fd-tile-grid+(--2col | --4col | --5col | --6col)
 */
 .fd-panel-grid {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   position: relative
 }
 @media (min-width:320px) {
   .fd-panel-grid {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     display: grid;
     grid-template-columns: repeat(3,1fr);
     grid-gap: var(--fd-width-gutter)
   }
   .fd-panel-grid--1col {
     grid-template-columns: repeat(1,1fr)
   }
   .fd-panel-grid--2col {
     grid-template-columns: repeat(2,1fr)
   }
   .fd-panel-grid--3col {
     grid-template-columns: repeat(3,1fr)
   }
   .fd-panel-grid--4col {
     grid-template-columns: repeat(4,1fr)
   }
   .fd-panel-grid--5col {
     grid-template-columns: repeat(5,1fr)
   }
   .fd-panel-grid--6col {
     grid-template-columns: repeat(6,1fr)
   }
   .fd-panel-grid--nogap,
   .fd-panel-grid--nogutter {
     grid-gap: 1px
   }
   .fd-panel-grid--nogap > *,
   .fd-panel-grid--nogutter > * {
     -webkit-box-shadow: none;
     box-shadow: none
   }
 }
 /*!
 .fd-overlay
 */
 .fd-overlay {
   --fd-overlay-background-color: rgba(74, 80, 92, 0.3);
   position: fixed;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   top: 0;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   z-index: 1000
 }
 .fd-overlay[aria-hidden=true] {
   display: none
 }
 .fd-overlay--modal {
   background-color: var(--fd-overlay-background-color);
   height: 100vh;
   width: 100vw
 }
 .fd-overlay--alert {
   position: fixed;
   left: 50%;
   -webkit-transform: translate(-50%,0);
   transform: translate(-50%,0);
   margin-top: 28px
 }