/*************************************************************************************************************** Dear Dev Pros, Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered into any file that includes this one (spoiler alert: most files include this file) */
.system-item { position: relative; }

.component-details { margin-bottom: 8rem; }

.component-item-details { font-size: 1.6rem; }

.component-item-details table { display: block; max-width: 100%; margin-bottom: 2rem; overflow-x: auto; }

.component-item-details td { width: auto; min-width: 3em; padding: 0.5rem 1.5rem; border-top: 2px solid #003087 !important; border-bottom: 2px solid #003087 !important; border-left: 2px solid #003087 !important; text-align: left; vertical-align: middle; }

.component-item-details td:last-child { border-right: 2px solid #003087 !important; }

.component-item-details td:not(:last-child) { border-right: none; }

.component-item-details td p { min-height: 1.4em; }

.component-item-details tr:first-of-type [style*="background: #deeaf6;"], .component-item-details tr:first-of-type [style*="background-color: #deeaf6;"] { background-color: #003087 !important; color: #fff; font-weight: normal; }

.component-item-details tr:first-of-type [style*="background: #deeaf6;"] + [style*="background: #deeaf6;"], .component-item-details tr:first-of-type [style*="background: #deeaf6;"] + [style*="background-color: #deeaf6;"], .component-item-details tr:first-of-type [style*="background-color: #deeaf6;"] + [style*="background: #deeaf6;"], .component-item-details tr:first-of-type [style*="background-color: #deeaf6;"] + [style*="background-color: #deeaf6;"] { border-left: 2px solid #fff !important; }

.component-item-details tr:first-of-type [style*="background: #deeaf6;"]:first-child, .component-item-details tr:first-of-type [style*="background-color: #deeaf6;"]:first-child { border-left: 2px solid #003087 !important; }

.component-item-details tr:first-of-type [style*="background: #deeaf6;"]:last-child, .component-item-details tr:first-of-type [style*="background-color: #deeaf6;"]:last-child { border-right: 2px solid #003087 !important; }

.component-item-details p { font-size: inherit; font-weight: normal; }

.component-item-details p:last-child { margin-bottom: 0; }

.componentfilter-type { height: 40vw; padding: 0.75rem; }

.componentfilter-type .componentfilter-type-wrapper { background-color: #f5f5f5; color: #003087; }

.componentfilter-type .componentfilter-type-wrapper .active { display: none; }

.componentfilter-type.active .componentfilter-type-wrapper, .componentfilter-type:hover .componentfilter-type-wrapper, .componentfilter-type:focus-within .componentfilter-type-wrapper { background-color: #003087; color: #fff; }

.componentfilter-type.active .active, .componentfilter-type:hover .active, .componentfilter-type:focus-within .active { display: block; }

.componentfilter-type.active .inactive, .componentfilter-type:hover .inactive, .componentfilter-type:focus-within .inactive { display: none; }

.componentfilter-type-image { margin: auto 0; padding: 0 10%; }

.component-select { padding: 0.5rem; }

.component-select label { font-family: 'Libre Franklin', sans-serif; font-weight: 500; background-color: #f5f5f5; }

.component-select label.checked, .component-select label:hover { font-family: 'Libre Franklin', sans-serif; font-weight: 600; background-color: #f0f5fd; color: #003087; }

@media (max-width: 767.98px) { .system-item + .system-item::before { position: absolute; top: 0; left: 20%; width: 60%; border-top: 1px dashed #6f90d4; content: ' '; } }

@media (min-width: 576px) { .componentfilter-type { height: 35vw; } }

@media (min-width: 768px) { .system-item:not(:nth-child(3n + 1))::before { position: absolute; top: 3rem; left: 0; height: 60%; border-left: 1px dashed #6f90d4; content: ' '; }
  .componentfilter-types { border-bottom: 25px solid #003087; }
  .componentfilter-type { height: 20vw; padding: 0 0.5rem; }
  .componentfilter-type:first-child { padding-left: 0; }
  .componentfilter-type:last-child { padding-right: 0; }
  .componentfilter-type .componentfilter-type-wrapper { margin-bottom: 1rem; }
  .componentfilter-type.active .componentfilter-type-wrapper, .componentfilter-type:hover .componentfilter-type-wrapper, .componentfilter-type:focus .componentfilter-type-wrapper { margin-bottom: 0; border-bottom: 1rem solid #003087; }
  .componentfilter-type :checked + .componentfilter-type-wrapper { margin-bottom: 0; border-bottom: 1rem solid #003087; } }
/*# sourceMappingURL=systems.css.map */