ol, ul, li, hr { margin: 0; padding: 0; } 
small {font-size: var(--text-sm, 0.833em);  }
strong { font-weight: bold; }
s { text-decoration: line-through; }
u { text-decoration: underline; }
textarea { resize: vertical; overflow: auto; vertical-align: top;  }
input::-ms-clear { display: none; }
table { border-collapse: collapse; border-spacing: 0; }
img, video, svg { max-width: 100%; }

.container { width: calc(100% - 2*var(--component-padding)); margin-left: auto;
 margin-right: auto;   }

.block radius-lg {	width:100%;	}

.zindex-1, .z-index-1 { z-index: 1; }
.zindex-2, .z-index-2 { z-index: 2; }
.zindex-3, .z-index-3 { z-index: 3; }

.overflow-hidden { overflow: hidden; }
.overflow-auto { overflow: auto; }

.momentum-scrolling { -webkit-overflow-scrolling: touch; }

.overscroll-contain { -ms-scroll-chaining:none; }

.media-wrapper { position: relative; height: 0; padding-bottom: 56.25%; margin:0;  }
.media-wrapper > * {  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  -o-object-fit: cover; object-fit: cover; margin:0 }

.media-wrapper--4\:3 { padding-bottom: calc((3 / 4) * 100%); margin:0; }

.media-wrapper--1\:1 { padding-bottom: calc((1 / 1) * 100%); margin:0; }

.float-left { float: left; }

.float-right { float: right; }

.clearfix::after { content: ""; display: table; clear: both; }

.radius-50\% { border-radius: 50%; }

.radius-full { border-radius: 50em; }

.radius-0 { border-radius: 0; }

.radius-top-left-0 { border-top-left-radius: 0; }

.radius-top-right-0 { border-top-right-radius: 0; }

.radius-bottom-right-0 { border-bottom-right-radius: 0; }

.radius-bottom-left-0 { border-bottom-left-radius: 0; }

.shadow-none { box-shadow: none; }

.isolate { isolation: isolate; }

.object-contain {
 -o-object-fit: contain;
   object-fit: contain; }

.object-cover {
 -o-object-fit: cover;
   object-fit: cover; }

 .text-component blockquote {  padding-left: 1em;  border-left: 4px solid var(--color-contrast-low); }
 .text-component hr {  background: var(--color-contrast-low);  height: 1px; }
 .text-component figcaption {  font-size: var(--text-sm);  color: var(--color-contrast-medium); }
 

:root {
	--mega-nav-height: 50px;
	--mega-nav-content-max-width: var(--max-width-lg); }

@media (min-width: 64rem) {
	:root {	--mega-nav-height: 70px; } }




.mega-nav {
 height: var(--mega-nav-height);
 width: 100%;  font-size: var(--text-base-size, 1em);
 z-index: var(--zindex-header); display:none; }
	
*, *::after, *::before {
 box-sizing: inherit; }

* { font: inherit; }


article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main, form legend {
 display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

button, input, textarea, select { margin: 0; }

.btn, .form-control, .link, .reset { background-color: transparent; padding: 0; border: 0; border-radius: 0; color: inherit;
 line-height: inherit; -webkit-appearance: none;   -moz-appearance: none;     appearance: none; }

select.form-control::-ms-expand { display: none; }

textarea { resize: vertical; overflow: auto; vertical-align: top; }

input::-ms-clear { display: none; }

table { border-collapse: collapse; border-spacing: 0; }

img, video, svg { max-width: 100%; }


:root {--space-unit: 1em;}
:root, * {
 --space-xxxxs: calc(0.125 * var(--space-unit));
 --space-xxxs: calc(0.25 * var(--space-unit));
 --space-xxs:  calc(0.375 * var(--space-unit));
 --space-xs:  calc(0.5 * var(--space-unit));
 --space-sm:  calc(0.75 * var(--space-unit));
 --space-md:  calc(1.25 * var(--space-unit));
 --space-lg:  calc(2 * var(--space-unit));
 --space-xl:  calc(3.25 * var(--space-unit));
 --space-xxl:  calc(5.25 * var(--space-unit));
 --space-xxxl: calc(8.5 * var(--space-unit));
 --space-xxxxl: calc(13.75 * var(--space-unit));
 --component-padding: var(--space-md); }

.container { width: calc(100% - 2*var(--component-padding)); margin-left: auto; margin-right: auto; }


:root {
 --radius-sm: calc(var(--radius, 0.25em)/2);
 --radius-md: var(--radius, 0.25em);
 --radius-lg: calc(var(--radius, 0.25em)*2);
 --shadow-xs: 0 0.1px 0.3px rgba(0, 0, 0, 0.06),
         0 1px 2px rgba(0, 0, 0, 0.12);
 --shadow-sm: 0 0.3px 0.4px rgba(0, 0, 0, 0.025),
         0 0.9px 1.5px rgba(0, 0, 0, 0.05), 
         0 3.5px 6px rgba(0, 0, 0, 0.1);
 --shadow-md: 0 0.9px 1.5px rgba(0, 0, 0, 0.03), 
         0 3.1px 5.5px rgba(0, 0, 0, 0.08), 
         0 14px 25px rgba(0, 0, 0, 0.12);
 --shadow-lg: 0 1.2px 1.9px -1px rgba(0, 0, 0, 0.014), 
         0 3.3px 5.3px -1px rgba(0, 0, 0, 0.038), 
         0 8.5px 12.7px -1px rgba(0, 0, 0, 0.085), 
         0 30px 42px -1px rgba(0, 0, 0, 0.15);
 --shadow-xl: 0 1.5px 2.1px -6px rgba(0, 0, 0, 0.012), 
         0 3.6px 5.2px -6px rgba(0, 0, 0, 0.035), 
         0 7.3px 10.6px -6px rgba(0, 0, 0, 0.07), 
         0 16.2px 21.9px -6px rgba(0, 0, 0, 0.117), 
         0 46px 60px -6px rgba(0, 0, 0, 0.2);
 --bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);
 --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
 --ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
 --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1); }

/*
:root {
 --heading-line-height: 1.2;
 --body-line-height: 1.4; }

*/

:root {
 --icon-xxxs: 8px;
 --icon-xxs: 12px;
 --icon-xs:  16px;
 --icon-sm:  24px;
 --icon-md:  32px;
 --icon-lg:  48px;
 --icon-xl:  64px;
 --icon-xxl: 96px;
 --icon-xxxl: 128px; }

.icon {
 display: inline-block;
 color: inherit;
 fill: currentColor;
 height: 1em;
 width: 1em;
 line-height: 1;
 flex-shrink: 0;
 max-width: initial; }

.icon--xxxs {
 width: var(--icon-xxxs);
 height: var(--icon-xxxs); }

.icon--xxs {
 width: var(--icon-xxs);
 height: var(--icon-xxs); }

.icon--xs {
 width: var(--icon-xs);
 height: var(--icon-xs); }

.icon--sm {
 width: var(--icon-sm);
 height: var(--icon-sm); }

.icon--md {
 width: var(--icon-md);
 height: var(--icon-md); }

.icon--lg {
 width: var(--icon-lg);
 height: var(--icon-lg); }

.icon--xl {
 width: var(--icon-xl);
 height: var(--icon-xl); }

.icon--xxl {
 width: var(--icon-xxl);
 height: var(--icon-xxl); }

.icon--xxxl {
 width: var(--icon-xxxl);
 height: var(--icon-xxxl); }

.icon--is-spinning {
 -webkit-animation: icon-spin 1s infinite linear;
     animation: icon-spin 1s infinite linear; }

@-webkit-keyframes icon-spin {
 0% {
  transform: rotate(0deg); }
 100% {
  transform: rotate(360deg); } }

@keyframes icon-spin {
 0% {
  transform: rotate(0deg); }
 100% {
  transform: rotate(360deg); } }

.icon use {
 color: inherit;
 fill: currentColor; }

.btn {
 position: relative;
 display: inline-flex;
 justify-content: center;
 align-items: center;
 white-space: nowrap;
 text-decoration: none;
 line-height: 1;
 font-size: var(--btn-font-size, 1em);
 padding-top: var(--btn-padding-y, 0.5em);
 padding-bottom: var(--btn-padding-y, 0.5em);
 padding-left: var(--btn-padding-x, 0.75em);
 padding-right: var(--btn-padding-x, 0.75em);
 border-radius: var(--btn-radius, 0.25em); }


.btn--sm {
 font-size: var(--btn-font-size-sm, 0.8em); }

.btn--md {
 font-size: var(--btn-font-size-md, 1.2em); }

.btn--lg {
 font-size: var(--btn-font-size-lg, 1.4em); }

.btn--icon {
 padding: var(--btn-padding-y, 0.5em); }


.form-control {
 font-size: var(--form-control-font-size, 1em);
 padding-top: var(--form-control-padding-y, 0.5em);
 padding-bottom: var(--form-control-padding-y, 0.5em);
 padding-left: var(--form-control-padding-x, 0.75em);
 padding-right: var(--form-control-padding-x, 0.75em);
 border-radius: var(--form-control-radius, 0.25em); }

.form-legend {
 color: var(--color-contrast-higher, #1c1c21);
 line-height: var(--heading-line-height, 1.2);
 font-size: var(--text-md, 1.2em);
 margin-bottom: var(--space-xxs); }

.form-label {
 display: inline-block; }

.form__msg-error, .form-error-msg {
 color: var(--color-error, #e02447);
 font-size: var(--text-sm, 0.833em);
 margin-top: var(--space-xxs);
 position: absolute;
 clip: rect(1px, 1px, 1px, 1px); }

.form__msg-error--is-visible, .form-error-msg--is-visible {
 position: relative;
 clip: auto; }

.radio-list > *, .checkbox-list > * {
 position: relative;
 display: flex;
 align-items: baseline; }

.radio-list label, .checkbox-list label {
 line-height: var(--body-line-height); }

.radio-list input, .checkbox-list input {
 margin-right: var(--space-xxxs);
 flex-shrink: 0; }




:root {
 --zindex-header: 3;
 --zindex-popover: 5;
 --zindex-fixed-element: 10;
 --zindex-overlay: 15; }

:root {
 --display: block; }

.is-visible {
 display: var(--display) !important; }

.is-hidden {
 display: none !important; }

html:not(.js) .no-js\:is-hidden {
 display: none !important; }
	 
	 
@media print {
 .print\:is-hidden {
  display: none !important; } }

.sr-only {
 position: absolute;
 clip: rect(1px, 1px, 1px, 1px);
 -webkit-clip-path: inset(50%);
     clip-path: inset(50%);
 width: 1px;
 height: 1px;
 overflow: hidden;
 padding: 0;
 border: 0;
 white-space: nowrap; }

.flex {
 display: flex; }

.inline-flex {
 display: inline-flex; }

.flex-wrap {
 flex-wrap: wrap; }

.flex-column {
 flex-direction: column; }

.flex-column-reverse {
 flex-direction: column-reverse; }

.flex-row {
 flex-direction: row; }

.flex-row-reverse {
 flex-direction: row-reverse; }

.flex-center {
 justify-content: center;
 align-items: center; }

.flex-grow {
 flex-grow: 1; }

.flex-grow-0 {
 flex-grow: 0; }

.flex-shrink {
 flex-shrink: 1; }

.flex-shrink-0 {
 flex-shrink: 0; }

.flex-basis-0 {
 flex-basis: 0; }

.justify-start {
 justify-content: flex-start; }

.justify-end {
 justify-content: flex-end; }

.justify-center {
 justify-content: center; }

.justify-between {
 justify-content: space-between; }

.items-center {
 align-items: center; }

.items-start {
 align-items: flex-start; }

.items-end {
 align-items: flex-end; }

.items-baseline {
 align-items: baseline; }

.order-1 {
 order: 1; }

.order-2 {
 order: 2; }

.order-3 {
 order: 3; }

.block {
 display: block; }

.inline-block {
 display: inline-block; }

.inline {
 display: inline; }

.space-unit-rem {
 --space-unit: 1rem; }

.space-unit-em {
 --space-unit: 1em; }

.space-unit-px {
 --space-unit: 16px; }


.margin-y-auto {
 margin-top: auto;
 margin-bottom: auto; }

.margin-y-0 {
 margin-top: 0;
 margin-bottom: 0; }

.padding-0 {
 padding: 0; }


.padding-top-0 {
 padding-top: 0; }


.padding-bottom-0 {
 padding-bottom: 0; }

.padding-left-0 {
 padding-left: 0; }


.padding-x-0 {
 padding-left: 0;
 padding-right: 0; }


.padding-y-0 {
 padding-top: 0;
 padding-bottom: 0; }


.align-baseline {
 vertical-align: baseline; }

.align-top {
 vertical-align: top; }

.align-middle {
 vertical-align: middle; }

.align-bottom {
 vertical-align: bottom; }

.truncate, .text-truncate {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap; }

.text-replace {
 overflow: hidden;
 text-indent: 100%;
 white-space: nowrap; }

.break-word {
 overflow-wrap: break-word;
 min-width: 0; }


.text-unit-rem {
 --text-unit: 1rem; }

.text-unit-em {
 --text-unit: 1em; }

.text-unit-px {
 --text-unit: 16px; }

.text-uppercase {
 text-transform: uppercase; }

.text-capitalize {
 text-transform: capitalize; }

.letter-spacing-sm {
 letter-spacing: -0.05em; }

.letter-spacing-md {
 letter-spacing: 0.05em; }

.letter-spacing-lg {
 letter-spacing: 0.1em; }

.font-light {
 font-weight: 300; }

.font-normal {
 font-weight: 400; }

.font-medium {
 font-weight: 500; }

.font-semibold {
 font-weight: 600; }

.font-bold, .text-bold {
 font-weight: 700; }

.font-italic {
 font-style: italic; }

.font-smooth {
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale; }

.font-primary {
 font-family: var(--font-primary); }

.text-center {
 text-align: center; }

.text-left {
 text-align: left; }

.text-right {
 text-align: right; }

.text-justify {
 text-align: justify; }

.text-line-through {
 text-decoration: line-through; }

.text-underline {
 text-decoration: underline; }

.text-decoration-none {
 text-decoration: none; }

.text-shadow-xs {
 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }

.text-shadow-sm {
 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }

.text-shadow-md {
 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2); }

.text-shadow-lg {
 text-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.15), 0 4px 16px rgba(0, 0, 0, 0.2); }

.text-shadow-xl {
 text-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.15), 0 4px 16px rgba(0, 0, 0, 0.2), 0 6px 24px rgba(0, 0, 0, 0.25); }

.text-shadow-none {
 text-shadow: none; }

.ws-nowrap, .text-nowrap {
 white-space: nowrap; }

.cursor-pointer {
 cursor: pointer; }

.cursor-default {
 cursor: default; }

.pointer-events-auto {
 pointer-events: auto; }

.pointer-events-none {
 pointer-events: none; }

.user-select-none {
 -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
     user-select: none; }

.user-select-all {
 -webkit-user-select: all;
   -moz-user-select: all;
   -ms-user-select: all;
     user-select: all; }

[class*="color-"] {
 --color-o: 1; }

.width-xxxxs {
 width: var(--size-xxxxs, 0.25rem); }

.width-xxxs {
 width: var(--size-xxxs, 0.5rem); }

.width-xxs {
 width: var(--size-xxs, 0.75rem); }

.width-xs {
 width: var(--size-xs, 1rem); }

.width-sm {
 width: var(--size-sm, 1.5rem); }

.width-md {
 width: var(--size-md, 2rem); }

.width-lg {
 width: var(--size-lg, 3rem); }

.width-xl {
 width: var(--size-xl, 4rem); }

.width-xxl {
 width: var(--size-xxl, 6rem); }

.width-xxxl {
 width: var(--size-xxxl, 8rem); }

.width-xxxxl {
 width: var(--size-xxxxl, 16rem); }

.width-0 {
 width: 0; }

.width-10\% {
 width: 10%; }

.width-20\% {
 width: 20%; }

.width-25\% {
 width: 25%; }

.width-30\% {
 width: 30%; }

.width-33\% {
 width: calc(100% / 3); }

.width-40\% {
 width: 40%; }

.width-50\% {
 width: 50%; }

.width-60\% {
 width: 60%; }

.width-66\% {
 width: calc(100% / 1.5); }

.width-70\% {
 width: 70%; }

.width-75\% {
 width: 75%; }

.width-80\% {
 width: 80%; }

.width-90\% {
 width: 90%; }

.width-100\% {
 width: 100%; }

.width-100vw {
 width: 100vw; }

.width-auto {
 width: auto; }

.height-xxxxs {
 height: var(--size-xxxxs, 0.25rem); }

.height-xxxs {
 height: var(--size-xxxs, 0.5rem); }

.height-xxs {
 height: var(--size-xxs, 0.75rem); }

.height-xs {
 height: var(--size-xs, 1rem); }

.height-sm {
 height: var(--size-sm, 1.5rem); }

.height-md {
 height: var(--size-md, 2rem); }

.height-lg {
 height: var(--size-lg, 3rem); }

.height-xl {
 height: var(--size-xl, 4rem); }

.height-xxl {
 height: var(--size-xxl, 6rem); }

.height-xxxl {
 height: var(--size-xxxl, 8rem); }

.height-xxxxl {
 height: var(--size-xxxxl, 16rem); }

.height-0 {
 height: 0; }

.height-10\% {
 height: 10%; }

.height-20\% {
 height: 20%; }

.height-25\% {
 height: 25%; }

.height-30\% {
 height: 30%; }

.height-33\% {
 height: calc(100% / 3); }

.height-40\% {
 height: 40%; }

.height-50\% {
 height: 50%; }

.height-60\% {
 height: 60%; }

.height-66\% {
 height: calc(100% / 1.5); }

.height-70\% {
 height: 70%; }

.height-75\% {
 height: 75%; }

.height-80\% {
 height: 80%; }

.height-90\% {
 height: 90%; }

.height-100\% {
 height: 100%; }

.height-100vh {
 height: 100vh; }

.height-auto {
 height: auto; }

.min-width-0 {
 min-width: 0; }

.min-width-25\% {
 min-width: 25%; }

.min-width-33\% {
 min-width: calc(100% / 3); }

.min-width-50\% {
 min-width: 50%; }

.min-width-66\% {
 min-width: calc(100% / 1.5); }

.min-width-75\% {
 min-width: 75%; }

.min-width-100\% {
 min-width: 100%; }

.min-width-100vw {
 min-width: 100vw; }

.min-height-100\% {
 min-height: 100%; }

.min-height-100vh {
 min-height: 100vh; }

:root {
 --max-width-xxxxs: 20rem;
 --max-width-xxxs: 26rem;
 --max-width-xxs:  32rem;
 --max-width-xs:  38rem;
 --max-width-sm:  48rem;
 --max-width-md:  64rem;
 --max-width-lg:  80rem;
 --max-width-xl:  90rem;
 --max-width-xxl:  100rem;
 --max-width-xxxl: 120rem;
 --max-width-xxxxl: 150rem; }

.max-width-xxxxs {
 max-width: var(--max-width-xxxxs); }

.max-width-xxxs {
 max-width: var(--max-width-xxxs); }

.max-width-xxs {
 max-width: var(--max-width-xxs); }

.max-width-xs {
 max-width: var(--max-width-xs); }

.max-width-sm {
 max-width: var(--max-width-sm); }

.max-width-md {
 max-width: var(--max-width-md); }

.max-width-lg {
 max-width: var(--max-width-lg); }

.max-width-xl {
 max-width: var(--max-width-xl); }

.max-width-xxl {
 max-width: var(--max-width-xxl); }

.max-width-xxxl {
 max-width: var(--max-width-xxxl); }

.max-width-xxxxl {
 max-width: var(--max-width-xxxxl); }

.max-width-100\% {
 max-width: 100%; }

[class*="max-width-adaptive"] {
 max-width: 32rem; }

	@media (min-width: 48rem) {
	 .max-width-adaptive-sm, .max-width-adaptive-md, .max-width-adaptive-lg, .max-width-adaptive-xl, .max-width-adaptive {
	  max-width: 48rem; } }

	@media (min-width: 64rem) {
	 .max-width-adaptive-md, .max-width-adaptive-lg, .max-width-adaptive-xl, .max-width-adaptive {
	  max-width: 64rem; } }

	@media (min-width: 80rem) {
	 .max-width-adaptive-lg, .max-width-adaptive-xl, .max-width-adaptive {
	  max-width: 80rem; } }

	@media (min-width: 90rem) {
	 .max-width-adaptive-xl {
	  max-width: 90rem; } }

.max-height-100\% {
 max-height: 100%; }

.max-height-100vh {
 max-height: 100vh; }

.position-relative {
 position: relative; }

.position-absolute {
 position: absolute; }

.position-fixed {
 position: fixed; }

.position-sticky {
 position: -webkit-sticky;
 position: sticky; }

.top-0 {
 top: 0; }

.bottom-0 {
 bottom: 0; }

.left-0 {
 left: 0; }

.right-0 {
 right: 0; }

.z-index-header {
 z-index: var(--zindex-header); }

.z-index-popover {
 z-index: var(--zindex-popover); }

.z-index-fixed-element {
 z-index: var(--zindex-fixed-element); }

.z-index-overlay {
 z-index: var(--zindex-overlay); }

.zindex-1, .z-index-1 {
 z-index: 1; }

.zindex-2, .z-index-2 {
 z-index: 2; }

.zindex-3, .z-index-3 {
 z-index: 3; }

.overflow-hidden {
 overflow: hidden; }

.overflow-auto {
 overflow: auto; }

.momentum-scrolling {
 -webkit-overflow-scrolling: touch; }

.overscroll-contain {
 -ms-scroll-chaining: none; }

.media-wrapper {
 position: relative;
 height: 0;
 padding-bottom: 56.25%; }
 .media-wrapper > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
    object-fit: cover; }

.media-wrapper--4\:3 {
 padding-bottom: calc((3 / 4) * 100%); }

.media-wrapper--1\:1 {
 padding-bottom: calc((1 / 1) * 100%); }

.float-left {
 float: left; }

.float-right {
 float: right; }

.clearfix::after {
 content: "";
 display: table;
 clear: both; }

[class*="border-"] {
 --border-o: 1; }

.radius-sm {
 border-radius: var(--radius-sm); }

.radius-md {
 border-radius: var(--radius-md); }

.radius-lg {
 border-radius: var(--radius-lg); }

.radius-50\% {
 border-radius: 50%; }

.radius-full {
 border-radius: 50em; }

.radius-0 {
 border-radius: 0; }

.radius-top-left-0 {
 border-top-left-radius: 0; }

.radius-top-right-0 {
 border-top-right-radius: 0; }

.radius-bottom-right-0 {
 border-bottom-right-radius: 0; }

.radius-bottom-left-0 {
 border-bottom-left-radius: 0; }

.isolate {
 isolation: isolate; }

.object-contain {
 -o-object-fit: contain;
   object-fit: contain; }

.object-cover {
 -o-object-fit: cover;
   object-fit: cover; }

.flip {
 transform: scale(-1); }

.flip-x {
 transform: scaleX(-1); }

.flip-y {
 transform: scaleY(-1); }

:root { 
 --text-base-size: 1em;
 --text-scale-ratio: 1.2;
 --text-unit: 1em;
 --body-line-height: 1.4;
 --heading-line-height: 1.2;
 --font-primary-capital-letter: 1;
 --font-secondary-capital-letter: 1; }

:root, * {
 --text-xs: calc((var(--text-unit) / var(--text-scale-ratio)) / var(--text-scale-ratio));
 --text-sm: calc(var(--text-xs) * var(--text-scale-ratio));
 --text-md: calc(var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio));
 --text-lg: calc(var(--text-md) * var(--text-scale-ratio));
 --text-xl: calc(var(--text-lg) * var(--text-scale-ratio));
 --text-xxl: calc(var(--text-xl) * var(--text-scale-ratio));
 --text-xxxl: calc(var(--text-xxl) * var(--text-scale-ratio));
 --text-xxxxl: calc(var(--text-xxxl) * var(--text-scale-ratio)); }

	@supports (--css: variables) {
	@media (min-width: 64rem) {
	  :root {
	   --text-base-size: 1.25em;
	   --text-scale-ratio: 1.25; } } }

.btn--primary { color:cornflowerblue; border:1px solid cornflowerblue }
.btn--primary:hover {color:#FFF; border:1px solid #FFF } 

.btn--blue {
 background-color: #000;
 color: var(--color-contrast-higher); background:#000;
 border: 1px solid #FFF; }
 .btn--blue:hover {
  border-color: white;
  box-shadow: inset 0 0 0 1px currentColor; }

.btn--accent {
 background-color: var(--color-accent);
 color: var(--color-white); }
 .btn--accent:hover {
  background-color: var(--color-accent-dark);
  }
 .btn--accent:focus { }

.btn--disabled {
 opacity: 0.6;
 cursor: not-allowed; }

.btn--sm {
 font-size: 0.8em; }

.btn--md {
 font-size: 1.2em; }

.btn--lg {
 font-size: 1.4em; }

.media-wrapper--4\:5 {
 padding-bottom: 125%; }

.padding-top-header {
 padding-top: var(--mega-nav-height); }


/* -------------------------------- 
 
Site Navigation

-------------------------------- */
 
.mega-nav { 
 height: var(--mega-nav-height);
 width: 100%;
 z-index: var(--zindex-header); 
	color:whitesmoke; }

.mega-nav--border-bottom { 
 box-shadow: inset 0px -1px 0px  }

.mega-nav--expanded {   }

.mega-nav__container { 
 width: calc(100% - 2*var(--component-padding));
 height: 100%;
 max-width: var(--mega-nav-content-max-width);
 margin-left: auto;
 margin-right: auto;
 display: flex;
 align-items: center;
 justify-content: space-between;   }

.mega-nav__logo {
 display: block;
 width: 104px;
 height: 30px; }
 .mega-nav__logo > * {
  width: inherit;
  height: inherit;  }

.mega-nav__icon-btns {
 display: flex;  align-items: center; padding:0px; }

.mega-nav__icon-btn {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 50px;
 height: 50px;
 font-size: 34px; 
color:whitesmoke;
 cursor: pointer; 
 transition: .2s; }
 .mega-nav__icon-btn .icon {
  display: block; }
 .mega-nav__icon-btn .icon__group {
  stroke-width: 1px; }
  .mega-nav__icon-btn .icon__group > * {
   transition: transform 0.3s var(--ease-in-out), stroke-dashoffset 0.3s, opacity 0.3s; }
 .mega-nav__icon-btn .counter {
  position: absolute;
  top: -2px;
  right: -2px;
  font-size: 0.7rem;  }

.mega-nav__icon-btn--menu .icon__group > * {
 stroke-dasharray: 24; }

.mega-nav__icon-btn--menu .icon__group > *:nth-child(1n+0) {
 transform-origin: 12px 6px; }

.mega-nav__icon-btn--menu .icon__group > *:nth-child(2n+0) {
 stroke-dashoffset: 0; }

.mega-nav__icon-btn--menu .icon__group > *:nth-child(3n+0) {
 transform-origin: 12px 18px; }

.mega-nav__icon-btn--menu.mega-nav__icon-btn--state-b .icon__group > *:nth-child(1n+0) {
 transform: translateY(6px) rotate(-45deg); }

.mega-nav__icon-btn--menu.mega-nav__icon-btn--state-b .icon__group > *:nth-child(2n+0) {
 stroke-dashoffset: 24; }

.mega-nav__icon-btn--menu.mega-nav__icon-btn--state-b .icon__group > *:nth-child(3n+0) {
 transform: translateY(-6px) rotate(45deg); }

.mega-nav__icon-btn--search .icon__group {
 transform-origin: 12px 12px;
 transform: rotate(0deg);
 transition: transform 0.3s var(--ease-out); }
 .mega-nav__icon-btn--search .icon__group > *:nth-child(1n+0) {
  stroke-dashoffset: 34;
  stroke-dasharray: 24; }
 .mega-nav__icon-btn--search .icon__group > *:nth-child(2n+0) {
  stroke-dashoffset: 24;
  stroke-dasharray: 24; }
 .mega-nav__icon-btn--search .icon__group > *:nth-child(3n+0) {
  transform-origin: 9.5px 9.5px;
  transform: rotate(45deg);
  stroke-dashoffset: 84;
  stroke-dasharray: 42;
  opacity: 1; }

 .mega-nav__icon-btn--search.mega-nav__icon-btn--state-b .icon__group {
 transform: rotate(-90deg); }
 .mega-nav__icon-btn--search.mega-nav__icon-btn--state-b .icon__group > *:nth-child(1n+0) {
  stroke-dashoffset: 48; }
 .mega-nav__icon-btn--search.mega-nav__icon-btn--state-b .icon__group > *:nth-child(2n+0) {
  stroke-dashoffset: 48; }
 .mega-nav__icon-btn--search.mega-nav__icon-btn--state-b .icon__group > *:nth-child(3n+0) {
  stroke-dashoffset: 42;
  opacity: 0; }

.mega-nav__arrow-icon { 
 font-size: 16px; 
color:whitesmoke;
 transition: color .2s; }
 .mega-nav__arrow-icon .icon {
  display: block;  }
 .mega-nav__arrow-icon .icon__group {
  stroke-width: 1px;
  will-change: transform;
  transform-origin: 8px 8px;
  transition: transform 0.3s var(--ease-out); }
 .mega-nav__arrow-icon .icon__group > * {
   stroke-dasharray: 17;
   transform-origin: 8px 8px;
   transform: translateY(3px);
   transition: transform .3s, stroke-dashoffset .3s;
   transition-timing-function: var(--ease-out); }
 .mega-nav__arrow-icon .icon__group > *:first-child {
   stroke-dashoffset: 8.5; color:whitesmoke; }
 .mega-nav__arrow-icon .icon__group > *:last-child {
   stroke-dashoffset: 8.5; color:whitesmoke;  }

.mega-nav__label {
  text-transform: uppercase;
 letter-spacing: 0.1em;
 font-size: var(--text-xs); color:cornflowerblue; padding-top:10px; line-height:10px;  }

.mega-nav__card img {
 transition: opacity .3s; border-bottom:2px solid #333333 }
 .mega-nav__card img:hover {
  opacity: 0.85; border-bottom:2px solid cornflowerblue}

.mega-nav__card-title {
 color: var(--color-contrast-higher);
 text-decoration: none;  }
 .mega-nav__card-title:hover {
  text-decoration: underline;   }

.mega-nav--mobile .mega-nav__icon-btns--desktop {
 display: none;   }

.mega-nav--mobile .mega-nav__nav, .mega-nav--mobile .mega-nav__search {
 display: none;
 position: absolute;
 top: var(--mega-nav-height);
 left: 0;
 width: 100%;
 height: calc(100vh - var(--mega-nav-height) - var(--mega-nav-offset-y, 0px));
 overflow: auto;
 -webkit-overflow-scrolling: touch;
  
 box-shadow: var(--shadow-lg); }

.mega-nav--mobile .mega-nav__nav--is-visible, .mega-nav--mobile .mega-nav__search--is-visible {
 display: block; background-color:#222; margin-top:20px } /* note : nav spacing issue */
	 
	 
 .mega-nav--mobile .mega-nav__nav--is-visible > *, .mega-nav--mobile .mega-nav__search--is-visible > * {
  -webkit-animation: mega-nav-entry-animation 0.5s var(--ease-out);
      animation: mega-nav-entry-animation 0.5s var(--ease-out); background-color:#222;   }

.mega-nav--mobile .mega-nav__nav-inner, .mega-nav--mobile .mega-nav__search-inner {
 padding: var(--space-md) 0;
 width: calc(100% - 2*var(--component-padding));
 max-width: var(--mega-nav-content-max-width);
 margin-left: auto;
 margin-right: auto; background-color:transparent }

.mega-nav--mobile .mega-nav__label {
 margin: var(--space-lg) 0 var(--space-xs); padding-left:40px; padding-top:0   }

.mega-nav--mobile .mega-nav__item {
 border-bottom: 1px solid var(--color-contrast-lower);   }

.mega-nav--mobile .mega-nav__control {
 display: flex;
 align-items: center;
 width: 100%;
 font-size: var(--text-md);
 text-align: left;
 padding: var(--space-sm) 0;
 color: var(--color-contrast-higher);
 text-decoration: none;
 cursor: pointer; padding:10px 20px 10px 40px;  }

.mega-nav--mobile .mega-nav__control:hover {
	background-color:#000  }

.mega-nav--mobile a[aria-current="page"] {
 color: var(--color-primary);   }

.mega-nav--mobile .mega-nav__arrow-icon {
 margin-left: auto;
 margin-right: 12px;   }

.mega-nav--mobile .mega-nav__btn {
 width: 100%;
 margin: var(--space-sm) 0;
 font-size: var(--text-md);   }

.mega-nav--mobile .mega-nav__sub-nav-wrapper {
 display: none;
 padding: 0 var(--space-md) var(--space-lg);
 overflow: hidden; }

.mega-nav--mobile .mega-nav__sub-items:not(:last-child) {
 margin-bottom: 12px  }

.mega-nav--mobile .mega-nav__sub-item {
  border-bottom: 1px solid var(--color-contrast-lower); margin-left:50px ; line-height:22px; }

.mega-nav--mobile .mega-nav__sub-item:hover{
     text-decoration: underline;    }

.mega-nav--mobile .mega-nav__sub-link {
  display: block;   
  color: var(--color-contrast-higher);
  text-decoration: none;    padding-bottom:1px; font-weight:400;
  }
 


.mega-nav--mobile .mega-nav__quick-link {
 display: block;
 color: var(--color-contrast-higher);
 text-decoration: none;
 padding: var(--space-xs) 0;  }

.mega-nav--mobile .mega-nav__quick-link :hover{
 text-decoration: underline;  }



.mega-nav--mobile .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group > *:first-child {
 transform: translateY(-3px) rotate(-90deg);  }

.mega-nav--mobile .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group > *:last-child {
 transform: translateY(-3px) rotate(90deg);  }

.mega-nav--mobile .mega-nav__item--expanded .mega-nav__sub-nav-wrapper {
 display: block;  }
 .mega-nav--mobile .mega-nav__item--expanded .mega-nav__sub-nav-wrapper > * {
  -webkit-animation: mega-nav-entry-animation 0.5s var(--ease-out);
      animation: mega-nav-entry-animation 0.5s var(--ease-out);   }

.mega-nav--desktop .mega-nav__icon-btns--mobile, .mega-nav--desktop .mega-nav__sub-nav-wrapper, .mega-nav--desktop .mega-nav__search, .mega-nav--desktop .mega-nav__label {
 display: none; color:cornflowerblue; margin-top:10px }

.mega-nav--desktop .mega-nav__logo {
 flex-shrink: 0;
 margin-right: var(--space-sm);  }

.mega-nav--desktop .mega-nav__nav {
 flex-grow: 1;
 height: 100%;  }

.mega-nav--desktop .mega-nav__nav-inner {
 height: 100%;
 display: flex;
 justify-content: space-between; }

.mega-nav--desktop .mega-nav__items {
 display: flex;
 height: 100%; }

.mega-nav--desktop .mega-nav__item {
 display: flex;
 align-items: center; }

.mega-nav--desktop .mega-nav__control {
 position: relative;
 display: flex;
 align-items: center;
 padding: 20px var(--space-sm); /* ??? */
 height: 100%;
 font-size: 13px;
 color:#FFF;
 text-decoration: none;
 transition: .2s; }

 .mega-nav--desktop .mega-nav__control::after {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color:cornflowerblue;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s; margin-bottom:15px}
 .mega-nav--desktop .mega-nav__control .mega-nav__arrow-icon {
  color:whitesmoke;
  margin-left: var(--space-xxs);  
  background-color:transparent; }
 .mega-nav--desktop .mega-nav__control:hover {
  cursor: pointer; 	color:cornflowerblue;}

 @media (min-width: 80rem) {
  .mega-nav--desktop .mega-nav__control {
   padding: 20px var(--space-md);  } } 

.mega-nav--desktop .mega-nav__sub-nav-wrapper, .mega-nav--desktop .mega-nav__search { 
	color:whitesmoke;
 position: absolute;
 top: var(--mega-nav-height);
right: 0; 
 width: 575px;	 	
 background-color: transparent;
 box-shadow: var(--shadow-lg);
 max-height: calc(100vh - var(--mega-nav-height) - var(--mega-nav-offset-y, 0px));
 overflow: auto;  }

.mega-nav--desktop .mega-nav__sub-nav, .mega-nav--desktop .mega-nav__search-inner {
 width: calc(100% - 2*var(--component-padding));
 margin: 0 auto;
 padding: var(--space-xl) 0;  }
 .mega-nav--desktop .mega-nav__sub-nav .mega-nav__label, .mega-nav--desktop .mega-nav__search-inner .mega-nav__label {
  display: block;   }

.mega-nav--desktop .mega-nav__sub-nav {
 max-width: var(--mega-nav-content-max-width);   }

.mega-nav--desktop .mega-nav__search-inner {
 max-width: var(--max-width-xs);  }

.mega-nav--desktop .mega-nav__label {
 margin-bottom: var(--space-md);   }

.mega-nav--desktop .mega-nav__sub-item:not(:last-child) {
font-size:13px; line-height:28px }

.mega-nav--desktop .mega-nav__sub-link {

 color: var(--color-contrast-higher);
 text-decoration: none; padding:0; margin:0px; font-size:13px; line-height:18px; font-weight:400;  }
 .mega-nav--desktop .mega-nav__sub-link:hover {
  text-decoration: underline;     }

.mega-nav--desktop .mega-nav__quick-link {
 display: inline-block;
 margin-bottom: var(--space-xxs);
font-size:13px; 
 color: var(--color-contrast-higher);
 text-decoration: none; }

 .mega-nav--desktop .mega-nav__quick-link:hover {
  text-decoration: underline;   }

.mega-nav--desktop .mega-nav__btn {
font-size:13px; 
 margin-left: var(--space-sm);   }



.mega-nav--desktop .mega-nav__sub-nav--layout-2 {
  margin-left:40px; }

 



.mega-nav--desktop .mega-nav__tabs-controls > *:not(:last-child) {
 border-bottom: 1px solid var(--color-contrast-lower); }

.mega-nav--desktop .mega-nav__tabs-control {
 display: block;
 width: 100%;
 padding: var(--space-xs);
 overflow: hidden;
 color: var(--color-contrast-higher);
 text-decoration: none;
 cursor: pointer;
	transition: .2s; border-bottom: 1px solid #000;  } 

.mega-nav--desktop .mega-nav__tabs-control:hover {background-color:#000 }
 
 .mega-nav--desktop .mega-nav__tabs-control .icon {
  opacity: 0;
  transform: translateX(-10px);
  transition: transform 0.5s var(--ease-out), opacity 0.5s;   }

 .mega-nav--desktop .mega-nav__tabs-control:hover, .mega-nav--desktop .mega-nav__tabs-control[aria-selected="true"] { color: var(--color-primary); }
 .mega-nav--desktop .mega-nav__tabs-control[aria-selected="true"] .icon {
  opacity: 1;
  transform: translateX(0px);   }

.mega-nav--desktop .mega-nav__tabs-img {
 display: block;
 overflow: hidden;
 border-radius: 0.1em;
 transition: opacity .3s; }
 .mega-nav--desktop .mega-nav__tabs-img:hover {
  opacity: 0.85; }

.mega-nav--desktop .mega-nav__item--expanded .mega-nav__control {
 background-color: transparent; }

.mega-nav--desktop .mega-nav__item--expanded .mega-nav__control::after {
  opacity: 1;   }

.mega-nav--desktop .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group {
 transform: rotate(-90deg);  }
 .mega-nav--desktop .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group > *:first-child, .mega-nav--desktop .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group *:last-child {
  stroke-dashoffset: 0;
  transform: translateY(0px);  }

.mega-nav--desktop .mega-nav__item--expanded .mega-nav__sub-nav-wrapper {
 display: block; background-color:#222; margin-top:0px }  /* note : nav spacing main good */

.mega-nav--desktop .mega-nav__item--expanded .mega-nav__sub-nav {
 -webkit-animation: mega-nav-entry-animation 0.5s var(--ease-out);
     animation: mega-nav-entry-animation 0.5s var(--ease-out); background-color:#222; margin-top:0px } 

.mega-nav--desktop .mega-nav__icon-btn {
 border-radius: 50%; 
 margin-left: var(--space-xxxxs); color:whitesmoke; height:40px; width:40px; margin:8px}

.mega-nav--desktop .mega-nav__icon-btn:hover,
.mega-nav--desktop .mega-nav__icon-btn--state-b {
 color:whitesmoke; background-color:cornflowerblue; }

.mega-nav--desktop .mega-nav__search--is-visible {
 display: block; background-color:#222; margin-top:0px } /* note : nav spacing search dropdown */
	 
 .mega-nav--desktop .mega-nav__search--is-visible .mega-nav__search-inner {
  -webkit-animation: mega-nav-entry-animation 0.5s var(--ease-out);
      animation: mega-nav-entry-animation 0.5s var(--ease-out); }

		@-webkit-keyframes mega-nav-entry-animation {
		 from {
		  opacity: 0;
		  transform: translateY(-10px); }
		 to {
		  opacity: 1;
		  transform: translateY(0px); } }

		@keyframes mega-nav-entry-animation {
		 from {
		  opacity: 0;
		  transform: translateY(-10px); }
		 to {
		  opacity: 1;
		  transform: translateY(0px); } }

[class*="mega-nav--desktop"]::before {
 display: none;
 content: 'mobile';  }

		@media (min-width: 32rem) {
		 .mega-nav--desktop\@xs::before {
		  content: 'desktop'; } }

		@media (min-width: 48rem) {
		 .mega-nav--desktop\@sm::before {
		  content: 'desktop'; } }

		@media (min-width: 64rem) {
		 .mega-nav--desktop\@md::before {
		  content: 'desktop'; } }

		@media (min-width: 80rem) {
		 .mega-nav--desktop\@lg::before {
		  content: 'desktop'; } }

		@media (min-width: 90rem) {
		 .mega-nav--desktop\@xl::before {
		  content: 'desktop'; } }

 
.FullWidthBannerResp{ box-sizing:border-box; height:auto; padding:5px 20px 20px 20px;text-align:left;display:block;vertical-align:middle;  background-position:bottom;  height:60px; }
	 
.FullWidthBannerResp .SkipLinks A{position:absolute;top:-100px;background:#000;color:#fff;padding:20px 20px;margin:0;border:1px #999 solid;border-radius:3px;transition:top .5s ease-out, background 1s linear; }
.FullWidthBannerResp .SkipLinks A:focus, .FullWidthBannerResp .SkipLinks A:active{transition:top .5s ease-in, background 1s linear;top:-7px}

.Brand{display:inline-block;vertical-align:middle;float:left}
.Brand img { width:70px; float:left; padding:5px 10px 10px 10px }

.FullWidthBannerResp .Headings,.FullWidthBannerResp .Headings .View1,.FullWidthBannerResp .Headings .View2{display:inline-block;text-align:center;padding-top:6px    }
.FullWidthBannerResp .Headings .View2{display:none}
.FullWidthBannerResp .Headings H1{color:#ccc;text-transform:uppercase;font-family:Muli,Arial,sans-serif;font-weight:900;font-size:20px;line-height:100%;   border:0; margin:5px 0 0 5px; padding:0px 8px 0 5px}
.FullWidthBannerResp .Headings H2{color:#999;text-transform:uppercase;text-align:justify;font-family:Muli,Arial,sans-serif; font-weight:400; line-height:60%; padding:5px 0px 0px 5px;   font-size:13px; color:#777; float:left; margin-left:5px; font-kerning: normal }
.FullWidthBannerResp .Headings A{text-decoration:none}
.FullWidthBannerResp .Headings H1 A{color:#ddd; }
.FullWidthBannerResp .Headings H2 A{color:#777}
.FullWidthBannerResp .Headings H1 A:hover{color:#fff;border-bottom:0px solid cornflowerblue;text-decoration:none}
.FullWidthBannerResp .Headings H2 A:hover{color:#999;border-bottom:0px solid cornflowerblue;text-decoration:none}
.FloatingTopBtn:hover{opacity:100%}

@media (max-width: 1200px){
	
  
.FullWidthBannerResp .Headings H1{font-size:16px;}
.FullWidthBannerResp .Headings H2{font-size:12px;  }
.FullWidthBannerResp .Nav{padding-top:5px}
.FullWidthBannerResp .Nav .SearchToggle,.FullWidthBannerResp .Nav .MenuToggle,.FullWidthBannerResp .Nav 
.ShareToggle{background-size:30px;width:30px;height:30px;padding-top:2px}}

@media (max-width: 630px){
.FullWidthBannerResp{padding:6px 5px 0 5px}
	
.FullWidthBannerResp .Brand img { width:50px; float:left; }
.FullWidthBannerResp .Headings{padding-top:3px; width:160px; }
.FullWidthBannerResp .Headings .View1{display:none}
.FullWidthBannerResp .Headings .View2{display:block}
.FullWidthBannerResp .Headings .View2 H1{font-size:20px;line-height:13px;letter-spacing:.15em}
.FullWidthBannerResp .Headings .View2 H1 span{font-size:10px;font-weight:400;letter-spacing:.05em;padding-left:4px; }#NasaMenu,#Menu,#Share{width:100%}}

@media (max-width: 280px){
.FullWidthBannerResp .Headings{display:none}}

/* social buttons in nav  */

	.social {width:50px; padding:4px; float:left; border-bottom:solid 2px transparent }
	.social:hover {border-bottom:solid 2px cornflowerblue;}

.extranavimage img{width:100%; }
@media (max-width: 1000px){
	.extranavimage{display:none}}











/* -------------------------------- 

tree nodes

-------------------------------- */
 
:root {
  --tree-item-padding-x: var(--space-xxxs);
  --tree-item-padding-y: var(--space-xxxs);
  --tree-arrow-icon-size: 16px;
  --tree-arrow-icon-margin-right: 2px;
  --tree-label-icon-size: 16px;
  --tree-label-icon-margin-right: 6px;
  --tree-arrow-btn-size: 16px;
  --tree-arrow-btn-margin-right: 4px; 
}

.tree {  position: relative;  z-index: 1;  }
.tree__nodes .tree__nodes {  display: none; }


.tree__nodes .tree__nodes .tree__item {
  padding-top:5px; color:white; padding-left:40px;  }

.tree__nodes .tree__nodes .tree__nodes .tree__item {
  padding-left: calc(var(--tree-item-padding-x) + (var(--tree-arrow-icon-size) + var(--tree-arrow-icon-margin-right) + var(--tree-label-icon-size) + var(--tree-label-icon-margin-right)) * 2);
}
	

.tree__nodes .tree__nodes .tree__nodes .tree__nodes .tree__item {
  padding-left: calc(var(--tree-item-padding-x) + (var(--tree-arrow-icon-size) + var(--tree-arrow-icon-margin-right) + var(--tree-label-icon-size) + var(--tree-label-icon-margin-right)) * 3);
}

.tree__node--expanded > .tree__nodes {
  display: block; 
}

	

.tree__item {
  display: flex;
  align-items: center;
  width: 100%; font-size:13px; line-height:20px;   margin-left:-20px;  
  text-align: left;
  color: inherit;
  text-decoration: none;
  transition: 0.2s; 
} 

.tree__item:hover { text-decoration:underline; }
	
	
.tree__item--selected {
  background-color: var(--color-primary);
  color: var(--color-white); 
}
.tree__item--selected .icon {
  color: var(--color-white);
}

 

.tree__arrow-icon, .tree__arrow-icon-spacer {
  width: var(--tree-arrow-icon-size);
  height: var(--tree-arrow-icon-size);
  margin-right: var(--tree-arrow-icon-margin-right);
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.tree__node--expanded > .tree__item .tree__arrow-icon {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
	
	

.tree__label-icon {
  width: var(--tree-label-icon-size);
  height: var(--tree-label-icon-size);
  margin-right: var(--tree-label-icon-margin-right);
}

.tree__arrow-btn {
  display: inline-flex;
  width: var(--tree-arrow-btn-size);
  height: var(--tree-arrow-btn-size);
  margin-right: var(--tree-arrow-btn-margin-right);
  border-radius: 50%;
  transition: 0.2s;
}
.tree__arrow-btn .tree__arrow-icon {
  margin: auto !important;
}
.tree__arrow-btn:hover {
  background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.15); 
}

.tree__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;  
 
  height: 100%;
  padding: calc(var(--tree-item-padding-y)/2) 0; 
}
 
.forscientists {border:0; border-radius:10px;  margin:5px 8px 10px 10px;    background-color:#00276b; color: white; transition-duration: 0.4s;  text-decoration:none; line-height:12px }
.forscientists:hover {  background-color: #00276b;  font-color: white; text-decoration:none; border-bottom:0; color:white}