/****************************************************************************
 ** @license
 ** This demo file is part of yFiles for HTML 3.1+EAP1.
 ** Copyright (c) 2026 by yWorks GmbH, Vor dem Kreuzberg 28,
 ** 72070 Tuebingen, Germany. All rights reserved.
 **
 ** yFiles demo files exhibit yFiles for HTML functionalities. Any redistribution
 ** of demo files in source code or binary form, with or without
 ** modification, is not permitted.
 **
 ** Owners of a valid software license for a yFiles for HTML version that this
 ** demo is shipped with are allowed to use the demo source code as basis
 ** for their own yFiles for HTML powered applications. Use of such programs is
 ** governed by the rights and conditions as set out in the yFiles for HTML
 ** license agreement.
 **
 ** THIS SOFTWARE IS PROVIDED ''AS IS'' AND ANY EXPRESS OR IMPLIED
 ** WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 ** MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN
 ** NO EVENT SHALL yWorks BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
 ** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED
 ** TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
 ** PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
 ** LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 ** NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 ** SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 **
 ***************************************************************************/
@import url('./../../CDN/7f623df887ee4158e920c6d85c4bf800d2c4df73a78bd782353320c0dfde94b7.css');
:root[data-theme='light'] {
  --file-bullet-icon: url('./radio_button_checked_light_mode.svg');
  --hex-warning-url: url('./hex-warning.svg');
  --yworks-logo-url: url('./rectangular-yworks-logo.svg');
  --forward-url: url('./forward-light.svg');
  --contact-support-prominent-url: url('./contact-support-white.svg');
  --highlight-color-blue: #00adcc;
  --highlight-color-orange: #ff6c00;
  --color-text: #f3f4f6;
}
:root[data-theme='dark'] {
  --file-bullet-icon: url('./radio_button_checked_dark_mode.svg');
  --hex-warning-url: url('./hex-warning-dark.svg');
  --yworks-logo-url: url('./yworks-logo-dark.svg');
  --forward-url: url('./forward-dark.svg');
  --contact-support-prominent-url: url('./contact-support-black.svg');
  --highlight-color-blue: #00d8ff;
  --highlight-color-orange: #ff6c00;
  --color-text: #2a3e50;
}
.icon-small {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  align-self: baseline;
}
.icon-home {
  -webkit-mask: url('./home.svg') no-repeat center / contain;
  mask: url('./home.svg') no-repeat center / contain;
  background-color: var(--highlight-color-orange);
}
.icon-rocket {
  -webkit-mask: url('./icon-rocket.svg') no-repeat center / contain;
  mask: url('./icon-rocket.svg') no-repeat center / contain;
  background-color: var(--highlight-color-blue);
}
.icon-timer {
  -webkit-mask: url('./clock-orange.svg') no-repeat center / contain;
  mask: url('./clock-orange.svg') no-repeat center / contain;
  background-color: var(--highlight-color-orange);
}
.icon-school {
  -webkit-mask: url('./learnyfiles-school.svg') no-repeat center / contain;
  mask: url('./learnyfiles-school.svg') no-repeat center / contain;
  background-color: var(--highlight-color-blue);
}
.icon-devices {
  -webkit-mask: url('./devices.svg') no-repeat center / contain;
  mask: url('./devices.svg') no-repeat center / contain;
  background-color: var(--highlight-color-blue);
}
.icon-demos {
  -webkit-mask: url('./demos.svg') no-repeat center / contain;
  mask: url('./demos.svg') no-repeat center / contain;
  background-color: var(--highlight-color-blue);
}
.icon-documentation {
  -webkit-mask: url('./documentation.svg') no-repeat center / contain;
  mask: url('./documentation.svg') no-repeat center / contain;
  background-color: var(--highlight-color-blue);
}
.icon-videos {
  -webkit-mask: url('./videos.svg') no-repeat center / contain;
  mask: url('./videos.svg') no-repeat center / contain;
  background-color: var(--highlight-color-blue);
}
.icon-support {
  -webkit-mask: url('./support.svg') no-repeat center / contain;
  mask: url('./support.svg') no-repeat center / contain;
  background-color: var(--highlight-color-blue);
}
.icon-support-orange {
  -webkit-mask: url('./support.svg') no-repeat center / contain;
  mask: url('./support.svg') no-repeat center / contain;
  background-color: var(--highlight-color-orange);
}
.icon-release-notes {
  -webkit-mask: url('./release-notes.svg') no-repeat center / contain;
  mask: url('./release-notes.svg') no-repeat center / contain;
  background-color: var(--highlight-color-blue);
}
.icon-migration-guide {
  -webkit-mask: url('./migration-guide.svg') no-repeat center / contain;
  mask: url('./migration-guide.svg') no-repeat center / contain;
  background-color: var(--highlight-color-blue);
}
.icon-pricing {
  -webkit-mask: url('./pricing-2.svg') no-repeat center / contain;
  mask: url('./pricing-2.svg') no-repeat center / contain;
  background-color: var(--highlight-color-blue);
}
.icon-license {
  -webkit-mask: url('./licence.svg') no-repeat center / contain;
  mask: url('./licence.svg') no-repeat center / contain;
  background-color: var(--highlight-color-blue);
}
.icon-first {
  -webkit-mask: url('./01-first.svg') no-repeat center / contain;
  mask: url('./01-first.svg') no-repeat center / contain;
  background-color: var(--highlight-color-blue);
}
.icon-second {
  -webkit-mask: url('./02-second.svg') no-repeat center / contain;
  mask: url('./02-second.svg') no-repeat center / contain;
  background-color: var(--highlight-color-blue);
}
.icon-third {
  -webkit-mask: url('./03-third.svg') no-repeat center / contain;
  mask: url('./03-third.svg') no-repeat center / contain;
  background-color: var(--highlight-color-blue);
}
.icon-learning-beginners {
  -webkit-mask: url('./learning-beginners.svg') no-repeat center / contain;
  mask: url('./learning-beginners.svg') no-repeat center / contain;
  background-color: var(--highlight-color-blue);
}
.icon-written-tutorial {
  -webkit-mask: url('./written_tutorial-2.svg') no-repeat center / contain;
  mask: url('./written_tutorial-2.svg') no-repeat center / contain;
  background-color: var(--highlight-color-blue);
}
.icon-experiment {
  -webkit-mask: url('./experimentwithdemos.svg') no-repeat center / contain;
  mask: url('./experimentwithdemos.svg') no-repeat center / contain;
  background-color: var(--highlight-color-blue);
}
.icon-learning-advanced {
  -webkit-mask: url('./learning-advanced.svg') no-repeat center / contain;
  mask: url('./learning-advanced.svg') no-repeat center / contain;
  background-color: var(--highlight-color-blue);
}
.icon-further-reading {
  -webkit-mask: url('./further-reading.svg') no-repeat center / contain;
  mask: url('./further-reading.svg') no-repeat center / contain;
  background-color: var(--highlight-color-blue);
}
.icon-new {
  -webkit-mask: url('./new.svg') no-repeat center / contain;
  mask: url('./new.svg') no-repeat center / contain;
  background-color: var(--highlight-color-blue);
}
.icon-manual-setup {
  -webkit-mask: url('./manual-setup.svg') no-repeat center / contain;
  mask: url('./manual-setup.svg') no-repeat center / contain;
  background-color: var(--highlight-color-blue);
}
.icon-app-generator {
  -webkit-mask: url('./icon-appgenerator.svg') no-repeat center / contain;
  mask: url('./icon-appgenerator.svg') no-repeat center / contain;
  background-color: var(--highlight-color-blue);
}
.icon-templates {
  -webkit-mask: url('./templates.svg') no-repeat center / contain;
  mask: url('./templates.svg') no-repeat center / contain;
  background-color: var(--highlight-color-blue);
}
.icon-integration {
  -webkit-mask: url('./integrateyfiles.svg') no-repeat center / contain;
  mask: url('./integrateyfiles.svg') no-repeat center / contain;
  background-color: var(--highlight-color-blue);
}
.icon-videos-getting-started {
  -webkit-mask: url('./getting-started-videos.svg') no-repeat center / contain;
  mask: url('./getting-started-videos.svg') no-repeat center / contain;
  background-color: var(--highlight-color-blue);
}
.icon-videos-helpful {
  -webkit-mask: url('./helpful-videos.svg') no-repeat center / contain;
  mask: url('./helpful-videos.svg') no-repeat center / contain;
  background-color: var(--highlight-color-blue);
}
.icon-lightbulb {
  -webkit-mask: url('./lightbulb.svg') no-repeat center / contain;
  mask: url('./lightbulb.svg') no-repeat center / contain;
  background-color: var(--highlight-color-blue);
}
.icon-robot {
  -webkit-mask: url('./robot.svg') no-repeat center / contain;
  mask: url('./robot.svg') no-repeat center / contain;
  background-color: var(--highlight-color-blue);
}
.icon-support-request {
  -webkit-mask: url('./support-request-instruction.svg') no-repeat center / contain;
  mask: url('./support-request-instruction.svg') no-repeat center / contain;
  background-color: var(--highlight-color-blue);
}
.icon-yworks-logo {
  background: var(--yworks-logo-url) no-repeat;
  background-size: contain;
}
.icon-forward {
  background: var(--forward-url) no-repeat;
  background-size: contain;
}
.icon-forward-blue {
  background: url('./forward-blue.svg') no-repeat;
  background-size: contain;
}
.icon-chevron-right {
  -webkit-mask: url('./chevron-right-orange.svg') no-repeat center / contain;
  mask: url('./chevron-right-orange.svg') no-repeat center / contain;
  background-color: var(--highlight-color-orange);
}
.icon-collapse-banner {
  background: url('./collapse-banner.svg') no-repeat;
  background-size: contain;
}
.icon-open-in-new {
  -webkit-mask: url('./open-in-new.svg') no-repeat center / contain;
  mask: url('./open-in-new.svg') no-repeat center / contain;
  background-color: var(--color-text);
}
.icon-contact-support {
  -webkit-mask: url('./contact-support-grey.svg') no-repeat center / contain;
  mask: url('./contact-support-grey.svg') no-repeat center / contain;
  background-color: var(--color-text);
}
.icon-contact-support-prominent {
  background: var(--contact-support-prominent-url) no-repeat;
  background-size: contain;
}
.icon-distribution {
  -webkit-mask: url('./distribution-6.svg') no-repeat center / contain;
  mask: url('./distribution-6.svg') no-repeat center / contain;
  background-color: var(--highlight-color-blue);
}
* {
  box-sizing: border-box;
}
:root {
  color-scheme: light dark;
  --color-casper-blue-white: #f2f5f8;
  --color-casper-blue-light: #d7e1ea;
  --color-casper-blue: #aec3d5;
  --color-casper-blue-dark: #2a3e50;
  --color-casper-blue-black: #1c2a35;
  --color-dark-gray: #29323c;
  --color-gold-dark: #00adcc;
  --color-bluish-white: #f3f4f6;
  --background: radial-gradient(circle at top left, #ffffff -10%, var(--color-casper-blue-light) 7%, var(--color-casper-blue-white) 100%);
}
:root[data-theme='light'] {
  color-scheme: light;
  --color-sidebar: #fafafa;
  --color-sidebar-border: #cacccd;
  --color-background: var(--color-casper-blue-white);
  --color-text: var(--color-casper-blue-dark);
  --color-inverse-text: var(--color-bluish-white);
  --color-header-gradient-light: #38434f;
  --color-header-gradient-dark: #29323c;
  --color-header-footer-border: none;
  --color-cards: #ffffff;
  --color-code: #f1f1f1;
  --color-info-box: #fbfbfb;
  --color-footer: #29323c;
  --color-footer-card: #38434f;
  --color-yfiles-ui-banner: #fafafa;
  --color-yfiles-ui-banner-text: #343f4a;
  --color-tag-background: #85ebff;
  --color-changes-code: #2f4f9f;
  --color-link: #00adcc;
  --color-link-menu: #089faf;
  --contact-support-hover-url: url('./contact-support-dark-blue.svg');
  --background: radial-gradient(circle at top left, #ffffff -10%, var(--color-casper-blue-light) 7%, var(--color-casper-blue-white) 100%);
}
:root[data-theme='dark'] {
  color-scheme: dark;
  --color-sidebar: #1e1e1e;
  --color-sidebar-border: #363636;
  --color-background: var(--color-dark-gray);
  --color-text: var(--color-bluish-white);
  --color-inverse-text: var(--color-casper-blue-dark);
  --color-header-gradient-light: #2d2d2d;
  --color-header-gradient-dark: #1e1e1e;
  --color-header-footer-border: #363636;
  --color-cards: #1e1e1e;
  --color-code: #3e3a3a;
  --color-info-box: #1e1e1e;
  --color-footer: #1e1e1e;
  --color-footer-card: #121212;
  --color-yfiles-ui-banner: #474646;
  --color-yfiles-ui-banner-text: #ffffff;
  --color-scrollbars: #929292;
  --color-scrollbars-background: #131313;
  --color-tag-background: #b5b5b5;
  --color-changes-code: #00d8ff;
  --color-link: #00d8ff;
  --color-link-menu: #00d8ff;
  --contact-support-hover-url: url('./contact-support-light-blue.svg');
  --background: radial-gradient(circle at top left, var(--color-casper-blue) -120%, var(--color-casper-blue-black) 40%, var(--color-casper-blue-black) 70%, #000000 130%);
}
html,
body {
  margin: 0;
  min-height: 100%;
  background: var(--background);
}
body {
  font-family: Montserrat, 'Source Sans Pro', 'Helvetica Neue Light', 'HelveticaNeue-Light', 'Helvetica Neue', Calibri, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 21px;
  max-width: 100%;
  overflow-x: hidden;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
header {
  position: relative;
  flex: 0 0 70px;
  opacity: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
  color: var(--color-text);
  z-index: 10;
}
header .left {
  display: flex;
  gap: 12px;
  flex: 1;
  align-items: center;
}
header .center {
  display: flex;
  justify-content: center;
}
header .right {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}
header #toggle-sidebar-button {
  cursor: pointer;
  padding: 5px;
  min-width: 30px;
  min-height: 24px;
  margin-inline-end: 10px;
  transition: background-color 0.2s ease;
}
header #toggle-sidebar-button:hover {
  background-color: #ffffff10;
  transition: background-color 0.2s ease;
}
header .logo {
  height: 70px;
  background-color: var(--color-text);
  mask: url("data:image/svg+xml,%3Csvg id='Ebene_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 104.21 42.42'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23242265;%7D%3C/style%3E%3C/defs%3E%3Cg id='b'%3E%3Cg id='c'%3E%3Cg id='d'%3E%3Cpath class='cls-1' d='M58.87,17.09v.07l-6.29,15.85h-2.77v-.05l2.37-5.48-4.57-10.33v-.07h2.82l2.27,5.45c.28.68.52,1.37.72,2.08.22-.79.43-1.43.65-2.08l2.08-5.45h2.73,0Z'/%3E%3Cpath class='cls-1' d='M61.07,11.5h10.16v2.61h-7.34v4.69h6.58v2.53h-6.58v6.43h-2.82V11.5Z'/%3E%3Cpath class='cls-1' d='M73.26,13.32c-.04-.9.65-1.66,1.55-1.7.9-.04,1.66.65,1.7,1.55.04.9-.65,1.66-1.55,1.7-.02,0-.05,0-.07,0-.84.06-1.57-.58-1.62-1.42,0-.04,0-.09,0-.13ZM73.58,17.09h2.61v10.66h-2.61v-10.66Z'/%3E%3Cpath class='cls-1' d='M79.24,10.54h2.61l.02,17.21h-2.63s0-17.21,0-17.21Z'/%3E%3Cpath class='cls-1' d='M94.62,22.04c-.01.42-.04.83-.1,1.24h-7.65c.33,1.72,1.67,2.63,3.39,2.63,1.03.04,2.05-.32,2.82-1l1.1,1.67c-1.16.98-2.64,1.51-4.16,1.48-3.42,0-5.76-2.32-5.76-5.67,0-3.13,2.27-5.6,5.5-5.6,3.01,0,4.85,2.03,4.85,5.24ZM86.89,21.52h5.26c-.07-1.7-1.08-2.58-2.44-2.58s-2.53.93-2.82,2.58h0Z'/%3E%3Cpath class='cls-1' d='M96.12,26.83l1.03-1.84c.87.57,1.88.87,2.92.88.96,0,1.58-.43,1.58-1.1,0-.79-1-1.17-2.06-1.58-1.7-.65-3.01-1.53-3.01-3.28,0-1.96,1.75-2.99,3.78-2.99,1.23,0,2.44.32,3.49.96l-.91,1.75c-.73-.39-1.54-.6-2.37-.62-.81,0-1.51.24-1.51.91s.79,1.1,1.94,1.51c1.86.69,3.2,1.58,3.2,3.35,0,1.98-1.6,3.23-3.95,3.23-1.46.03-2.9-.38-4.14-1.17h0Z'/%3E%3Cpath class='cls-1' d='M40.07,16.71c-.03-4.45-2.42-8.54-6.29-10.74l-7.61-4.34c-3.87-2.2-8.61-2.17-12.45.07l-7.56,4.42C2.32,8.38-.02,12.5,0,16.95l.05,8.76c.03,4.45,2.42,8.54,6.29,10.75l7.61,4.33c3.86,2.2,8.61,2.17,12.45-.07l7.56-4.42c3.84-2.25,6.19-6.37,6.16-10.82,0,0-.05-8.76-.05-8.76ZM33.21,15.42c-.13.79-.63,1.47-1.35,1.84-.7.33-1.46.51-2.23.52-.79.04-1.58.22-2.31.53-.25.12-.5.26-.74.41-.52.32-1.01.67-1.49,1.05-.65.45-1.2,1.03-1.62,1.69-.28.46-.46.96-.59,1.48.21.16.41.34.63.49.62.43,1.31.73,2.05.9.39.09.77.13,1.1.19.56.05,1.12.17,1.65.37.97.36,1.63,1.25,1.7,2.28.08,1.29-.85,2.42-2.13,2.58-.87.1-1.74-.24-2.3-.91-.4-.47-.69-1.02-.88-1.6-.19-.54-.41-1.07-.66-1.58-.33-.59-.77-1.12-1.29-1.56,0,.37,0,.74.05,1.1.06.55.11,1.1.2,1.65.13.74.41,1.45.81,2.08.19.34.44.64.62.92.36.43.67.91.9,1.42.43.94.27,2.04-.41,2.82-.85.97-2.31,1.11-3.33.32-.69-.54-1.06-1.4-.98-2.27.06-.61.23-1.21.51-1.76.25-.52.46-1.05.65-1.59.19-.67.25-1.37.19-2.06-.04-.7-.12-1.41-.24-2.1-.1-.67-.34-1.31-.68-1.89-.81-.61-1.79-.96-2.8-1.02-.96-.02-1.9.18-2.77.57-.39.16-.79.3-1.18.47-.9.38-1.68.98-2.29,1.75-.39.48-.76.99-1.19,1.43-.5.54-1.18.87-1.91.93-1.21.08-2.3-.71-2.59-1.89-.31-1.36.55-2.71,1.91-3.02.02,0,.03,0,.05-.01.47-.11.95-.12,1.42-.05.42.07.84.13,1.26.19.7.11,1.41.1,2.11-.02.49-.11.98-.26,1.44-.45.46-.17.91-.35,1.37-.55.58-.24,1.1-.58,1.55-1.01-.16-.07-.32-.14-.48-.21-.91-.36-1.89-.5-2.85-.39-.62.06-1.23.16-1.85.17-.73.03-1.45-.22-2.01-.7-.91-.79-1.12-2.13-.49-3.16.75-1.18,2.31-1.53,3.48-.78.01,0,.03.02.04.03.41.25.76.59,1.04.98.25.34.5.69.76,1.03.42.57.92,1.07,1.51,1.48.42.27.87.51,1.34.7.06.03.12.05.18.07.36-.51.64-1.07.8-1.68.15-.62.24-1.26.34-1.89.12-.67.14-1.35.06-2.02-.08-.52-.22-1.02-.41-1.51-.29-.64-.51-1.31-.67-1.99-.13-.7.01-1.43.41-2.03.75-1.13,2.28-1.44,3.41-.68.25.17.47.38.64.62.47.65.6,1.49.35,2.25-.26.73-.67,1.39-1.21,1.94-.54.59-.96,1.27-1.26,2-.09.27-.17.54-.23.81-.14.59-.24,1.19-.31,1.8-.14.78-.12,1.57.05,2.34.07.28.17.55.28.82.47.08.94.1,1.41.05.74-.08,1.45-.32,2.09-.69.55-.33,1.06-.72,1.57-1.1.56-.39,1.05-.86,1.47-1.39.3-.42.56-.88.77-1.36.25-.66.56-1.29.94-1.88.4-.59,1.02-1,1.72-1.14,1.33-.27,2.63.59,2.9,1.92.06.3.06.6.01.9h0Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
  width: 6rem;
  margin-left: 15px;
}
@media (min-width: 64rem) {
  header .logo {
    mask: url("data:image/svg+xml,%3Csvg id='Ebene_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 209.15 42.42'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23242265;%7D%3C/style%3E%3C/defs%3E%3Cg id='b'%3E%3Cg id='c'%3E%3Cg id='d'%3E%3Cpath class='cls-1' d='M58.87,17.09v.07l-6.29,15.85h-2.77v-.05l2.37-5.48-4.57-10.33v-.07h2.82l2.27,5.45c.28.68.52,1.37.72,2.08.22-.79.43-1.43.65-2.08l2.08-5.45h2.73,0Z'/%3E%3Cpath class='cls-1' d='M61.07,11.5h10.16v2.61h-7.34v4.69h6.58v2.53h-6.58v6.43h-2.82V11.5Z'/%3E%3Cpath class='cls-1' d='M73.26,13.32c-.04-.9.65-1.66,1.55-1.7.9-.04,1.66.65,1.7,1.55.04.9-.65,1.66-1.55,1.7-.02,0-.05,0-.07,0-.84.06-1.57-.58-1.62-1.42,0-.04,0-.09,0-.13ZM73.58,17.09h2.61v10.66h-2.61v-10.66Z'/%3E%3Cpath class='cls-1' d='M79.24,10.54h2.61l.02,17.21h-2.63s0-17.21,0-17.21Z'/%3E%3Cpath class='cls-1' d='M94.62,22.04c-.01.42-.04.83-.1,1.24h-7.65c.33,1.72,1.67,2.63,3.39,2.63,1.03.04,2.05-.32,2.82-1l1.1,1.67c-1.16.98-2.64,1.51-4.16,1.48-3.42,0-5.76-2.32-5.76-5.67,0-3.13,2.27-5.6,5.5-5.6,3.01,0,4.85,2.03,4.85,5.24ZM86.89,21.52h5.26c-.07-1.7-1.08-2.58-2.44-2.58s-2.53.93-2.82,2.58h0Z'/%3E%3Cpath class='cls-1' d='M96.12,26.83l1.03-1.84c.87.57,1.88.87,2.92.88.96,0,1.58-.43,1.58-1.1,0-.79-1-1.17-2.06-1.58-1.7-.65-3.01-1.53-3.01-3.28,0-1.96,1.75-2.99,3.78-2.99,1.23,0,2.44.32,3.49.96l-.91,1.75c-.73-.39-1.54-.6-2.37-.62-.81,0-1.51.24-1.51.91s.79,1.1,1.94,1.51c1.86.69,3.2,1.58,3.2,3.35,0,1.98-1.6,3.23-3.95,3.23-1.46.03-2.9-.38-4.14-1.17h0Z'/%3E%3Cpath class='cls-1' d='M40.07,16.71c-.03-4.45-2.42-8.54-6.29-10.74l-7.61-4.34c-3.87-2.2-8.61-2.17-12.45.07l-7.56,4.42C2.32,8.38-.02,12.5,0,16.95l.05,8.76c.03,4.45,2.42,8.54,6.29,10.75l7.61,4.33c3.86,2.2,8.61,2.17,12.45-.07l7.56-4.42c3.84-2.25,6.19-6.37,6.16-10.82,0,0-.05-8.76-.05-8.76ZM33.21,15.42c-.13.79-.63,1.47-1.35,1.84-.7.33-1.46.51-2.23.52-.79.04-1.58.22-2.31.53-.25.12-.5.26-.74.41-.52.32-1.01.67-1.49,1.05-.65.45-1.2,1.03-1.62,1.69-.28.46-.46.96-.59,1.48.21.16.41.34.63.49.62.43,1.31.73,2.05.9.39.09.77.13,1.1.19.56.05,1.12.17,1.65.37.97.36,1.63,1.25,1.7,2.28.08,1.29-.85,2.42-2.13,2.58-.87.1-1.74-.24-2.3-.91-.4-.47-.69-1.02-.88-1.6-.19-.54-.41-1.07-.66-1.58-.33-.59-.77-1.12-1.29-1.56,0,.37,0,.74.05,1.1.06.55.11,1.1.2,1.65.13.74.41,1.45.81,2.08.19.34.44.64.62.92.36.43.67.91.9,1.42.43.94.27,2.04-.41,2.82-.85.97-2.31,1.11-3.33.32-.69-.54-1.06-1.4-.98-2.27.06-.61.23-1.21.51-1.76.25-.52.46-1.05.65-1.59.19-.67.25-1.37.19-2.06-.04-.7-.12-1.41-.24-2.1-.1-.67-.34-1.31-.68-1.89-.81-.61-1.79-.96-2.8-1.02-.96-.02-1.9.18-2.77.57-.39.16-.79.3-1.18.47-.9.38-1.68.98-2.29,1.75-.39.48-.76.99-1.19,1.43-.5.54-1.18.87-1.91.93-1.21.08-2.3-.71-2.59-1.89-.31-1.36.55-2.71,1.91-3.02.02,0,.03,0,.05-.01.47-.11.95-.12,1.42-.05.42.07.84.13,1.26.19.7.11,1.41.1,2.11-.02.49-.11.98-.26,1.44-.45.46-.17.91-.35,1.37-.55.58-.24,1.1-.58,1.55-1.01-.16-.07-.32-.14-.48-.21-.91-.36-1.89-.5-2.85-.39-.62.06-1.23.16-1.85.17-.73.03-1.45-.22-2.01-.7-.91-.79-1.12-2.13-.49-3.16.75-1.18,2.31-1.53,3.48-.78.01,0,.03.02.04.03.41.25.76.59,1.04.98.25.34.5.69.76,1.03.42.57.92,1.07,1.51,1.48.42.27.87.51,1.34.7.06.03.12.05.18.07.36-.51.64-1.07.8-1.68.15-.62.24-1.26.34-1.89.12-.67.14-1.35.06-2.02-.08-.52-.22-1.02-.41-1.51-.29-.64-.51-1.31-.67-1.99-.13-.7.01-1.43.41-2.03.75-1.13,2.28-1.44,3.41-.68.25.17.47.38.64.62.47.65.6,1.49.35,2.25-.26.73-.67,1.39-1.21,1.94-.54.59-.96,1.27-1.26,2-.09.27-.17.54-.23.81-.14.59-.24,1.19-.31,1.8-.14.78-.12,1.57.05,2.34.07.28.17.55.28.82.47.08.94.1,1.41.05.74-.08,1.45-.32,2.09-.69.55-.33,1.06-.72,1.57-1.1.56-.39,1.05-.86,1.47-1.39.3-.42.56-.88.77-1.36.25-.66.56-1.29.94-1.88.4-.59,1.02-1,1.72-1.14,1.33-.27,2.63.59,2.9,1.92.06.3.06.6.01.9h0Z'/%3E%3Cpath class='cls-1' d='M111.69,19.27h-2.01v-2.26h2.01v-2.86c0-2.45,1.38-4.13,3.84-4.13,1.21,0,2.11.34,3.04.95l-.95,1.89c-.51-.29-.92-.46-1.58-.46-1.02,0-1.72.66-1.72,1.89v2.72h2.99v2.26h-2.96v8.57h-2.65s0-8.57,0-8.57Z'/%3E%3Cpath class='cls-1' d='M118.46,22.42c0-3.35,2.4-5.71,5.8-5.71s5.83,2.36,5.83,5.71-2.43,5.73-5.83,5.73-5.8-2.38-5.8-5.73ZM127.4,22.42c0-1.99-1.26-3.37-3.13-3.37s-3.13,1.38-3.13,3.37,1.29,3.38,3.13,3.38,3.13-1.38,3.13-3.38Z'/%3E%3Cpath class='cls-1' d='M139.83,17.23l-.68,2.23c-.41-.15-.85-.24-1.41-.24-1.53,0-2.57,1-2.57,2.72v5.9h-2.65v-10.83h1.8l.51,1.6c.63-1.21,1.72-1.84,3.13-1.84.75,0,1.36.17,1.87.46Z'/%3E%3Cpath class='cls-1' d='M147.45,11.33h2.86v6.87h8.04v-6.87h2.86v16.51h-2.86v-6.99h-8.04v6.99h-2.86V11.33Z'/%3E%3Cpath class='cls-1' d='M175.9,13.98h-4.66v13.86h-2.87v-13.86h-4.68v-2.65h12.21v2.65Z'/%3E%3Cpath class='cls-1' d='M196.1,27.84h-2.82l-1.31-8.93c-.07-.58-.15-1.12-.19-1.68-.29.53-.63,1.04-.97,1.55l-3.76,5.73h-.58l-3.74-5.73c-.36-.51-.7-1.04-1.02-1.6-.02.63-.12,1.17-.19,1.75l-1.26,8.91h-2.82l2.43-16.63h.85l4.98,7.62c.36.56.73,1.14,1.07,1.72.34-.58.7-1.16,1.07-1.72l5-7.62h.85l2.43,16.63h0Z'/%3E%3Cpath class='cls-1' d='M199.13,11.33h2.86v13.86h7.16v2.65h-10.03V11.33Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
    width: 12rem;
  }
}
header .header-title {
  color: #00adcc;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.5rem;
  font-size: 1.125rem;
  font-weight: 600;
}
header .title {
  position: absolute;
  left: 92px;
  display: flex;
  font-size: 24px;
  align-self: center;
  align-items: center;
  justify-content: start;
  gap: 12px;
}
header .title .material-symbols-outlined {
  font-size: 24px;
}
header .title a {
  margin-right: 5px;
}
header .status-bar-version {
  text-align: right;
  padding-right: 40px;
}
header .header-group-right {
  display: flex;
  align-items: center;
}
header .header-group-right #toggle-dark-mode-button {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin: 5px;
}
header .header-group-right #get-support-button {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
}
header .header-version {
  margin-right: 60px;
}
header a {
  color: var(--color-text);
  text-decoration: none;
}
header.simple-header {
  justify-content: center;
}
header.simple-header .title {
  width: 800px;
}
footer {
  flex: 0 0 auto;
  color: var(--color-text);
  font-size: 14px;
  padding: 15px 30px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
}
footer .footer-content {
  max-width: 800px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
footer a {
  color: var(--color-text);
  font-weight: bold;
  text-decoration: none;
}
footer .cards {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
footer .cards .card {
  position: relative;
  width: 317px;
  height: 160px;
  margin: 15px 25px;
  padding: 15px;
  background-color: var(--color-footer-card);
  box-shadow: 0 3px 6px #00000029;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  clip-path: inset(0 0 0 0);
  display: flex;
  flex-direction: column;
  color: #ffffff;
}
footer .cards .card a {
  color: #ff6c00;
  text-decoration: underline;
  font-weight: 400;
}
footer .cards .card .card-description {
  margin-top: 20px;
}
footer .cards .card .banner {
  position: absolute;
  top: 10px;
  right: -20px;
  color: #ffffff;
  background-color: #ff6c00;
  width: 100px;
  height: 20px;
  transform: matrix(0.82, 0.57, -0.57, 0.82, 0, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  clip-path: inset(0, 0, 0, 0);
}
footer .cards .small {
  width: 210px;
  height: 128px;
}
footer :not(.footer-detailed) .logo {
  height: 65px;
  width: 168px;
  padding: 10px;
  background-color: var(--color-text);
  mask: url("data:image/svg+xml,%3Csvg id='Ebene_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 104.21 42.42'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23242265;%7D%3C/style%3E%3C/defs%3E%3Cg id='b'%3E%3Cg id='c'%3E%3Cg id='d'%3E%3Cpath class='cls-1' d='M58.87,17.09v.07l-6.29,15.85h-2.77v-.05l2.37-5.48-4.57-10.33v-.07h2.82l2.27,5.45c.28.68.52,1.37.72,2.08.22-.79.43-1.43.65-2.08l2.08-5.45h2.73,0Z'/%3E%3Cpath class='cls-1' d='M61.07,11.5h10.16v2.61h-7.34v4.69h6.58v2.53h-6.58v6.43h-2.82V11.5Z'/%3E%3Cpath class='cls-1' d='M73.26,13.32c-.04-.9.65-1.66,1.55-1.7.9-.04,1.66.65,1.7,1.55.04.9-.65,1.66-1.55,1.7-.02,0-.05,0-.07,0-.84.06-1.57-.58-1.62-1.42,0-.04,0-.09,0-.13ZM73.58,17.09h2.61v10.66h-2.61v-10.66Z'/%3E%3Cpath class='cls-1' d='M79.24,10.54h2.61l.02,17.21h-2.63s0-17.21,0-17.21Z'/%3E%3Cpath class='cls-1' d='M94.62,22.04c-.01.42-.04.83-.1,1.24h-7.65c.33,1.72,1.67,2.63,3.39,2.63,1.03.04,2.05-.32,2.82-1l1.1,1.67c-1.16.98-2.64,1.51-4.16,1.48-3.42,0-5.76-2.32-5.76-5.67,0-3.13,2.27-5.6,5.5-5.6,3.01,0,4.85,2.03,4.85,5.24ZM86.89,21.52h5.26c-.07-1.7-1.08-2.58-2.44-2.58s-2.53.93-2.82,2.58h0Z'/%3E%3Cpath class='cls-1' d='M96.12,26.83l1.03-1.84c.87.57,1.88.87,2.92.88.96,0,1.58-.43,1.58-1.1,0-.79-1-1.17-2.06-1.58-1.7-.65-3.01-1.53-3.01-3.28,0-1.96,1.75-2.99,3.78-2.99,1.23,0,2.44.32,3.49.96l-.91,1.75c-.73-.39-1.54-.6-2.37-.62-.81,0-1.51.24-1.51.91s.79,1.1,1.94,1.51c1.86.69,3.2,1.58,3.2,3.35,0,1.98-1.6,3.23-3.95,3.23-1.46.03-2.9-.38-4.14-1.17h0Z'/%3E%3Cpath class='cls-1' d='M40.07,16.71c-.03-4.45-2.42-8.54-6.29-10.74l-7.61-4.34c-3.87-2.2-8.61-2.17-12.45.07l-7.56,4.42C2.32,8.38-.02,12.5,0,16.95l.05,8.76c.03,4.45,2.42,8.54,6.29,10.75l7.61,4.33c3.86,2.2,8.61,2.17,12.45-.07l7.56-4.42c3.84-2.25,6.19-6.37,6.16-10.82,0,0-.05-8.76-.05-8.76ZM33.21,15.42c-.13.79-.63,1.47-1.35,1.84-.7.33-1.46.51-2.23.52-.79.04-1.58.22-2.31.53-.25.12-.5.26-.74.41-.52.32-1.01.67-1.49,1.05-.65.45-1.2,1.03-1.62,1.69-.28.46-.46.96-.59,1.48.21.16.41.34.63.49.62.43,1.31.73,2.05.9.39.09.77.13,1.1.19.56.05,1.12.17,1.65.37.97.36,1.63,1.25,1.7,2.28.08,1.29-.85,2.42-2.13,2.58-.87.1-1.74-.24-2.3-.91-.4-.47-.69-1.02-.88-1.6-.19-.54-.41-1.07-.66-1.58-.33-.59-.77-1.12-1.29-1.56,0,.37,0,.74.05,1.1.06.55.11,1.1.2,1.65.13.74.41,1.45.81,2.08.19.34.44.64.62.92.36.43.67.91.9,1.42.43.94.27,2.04-.41,2.82-.85.97-2.31,1.11-3.33.32-.69-.54-1.06-1.4-.98-2.27.06-.61.23-1.21.51-1.76.25-.52.46-1.05.65-1.59.19-.67.25-1.37.19-2.06-.04-.7-.12-1.41-.24-2.1-.1-.67-.34-1.31-.68-1.89-.81-.61-1.79-.96-2.8-1.02-.96-.02-1.9.18-2.77.57-.39.16-.79.3-1.18.47-.9.38-1.68.98-2.29,1.75-.39.48-.76.99-1.19,1.43-.5.54-1.18.87-1.91.93-1.21.08-2.3-.71-2.59-1.89-.31-1.36.55-2.71,1.91-3.02.02,0,.03,0,.05-.01.47-.11.95-.12,1.42-.05.42.07.84.13,1.26.19.7.11,1.41.1,2.11-.02.49-.11.98-.26,1.44-.45.46-.17.91-.35,1.37-.55.58-.24,1.1-.58,1.55-1.01-.16-.07-.32-.14-.48-.21-.91-.36-1.89-.5-2.85-.39-.62.06-1.23.16-1.85.17-.73.03-1.45-.22-2.01-.7-.91-.79-1.12-2.13-.49-3.16.75-1.18,2.31-1.53,3.48-.78.01,0,.03.02.04.03.41.25.76.59,1.04.98.25.34.5.69.76,1.03.42.57.92,1.07,1.51,1.48.42.27.87.51,1.34.7.06.03.12.05.18.07.36-.51.64-1.07.8-1.68.15-.62.24-1.26.34-1.89.12-.67.14-1.35.06-2.02-.08-.52-.22-1.02-.41-1.51-.29-.64-.51-1.31-.67-1.99-.13-.7.01-1.43.41-2.03.75-1.13,2.28-1.44,3.41-.68.25.17.47.38.64.62.47.65.6,1.49.35,2.25-.26.73-.67,1.39-1.21,1.94-.54.59-.96,1.27-1.26,2-.09.27-.17.54-.23.81-.14.59-.24,1.19-.31,1.8-.14.78-.12,1.57.05,2.34.07.28.17.55.28.82.47.08.94.1,1.41.05.74-.08,1.45-.32,2.09-.69.55-.33,1.06-.72,1.57-1.1.56-.39,1.05-.86,1.47-1.39.3-.42.56-.88.77-1.36.25-.66.56-1.29.94-1.88.4-.59,1.02-1,1.72-1.14,1.33-.27,2.63.59,2.9,1.92.06.3.06.6.01.9h0Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
}
footer .visit-yworks {
  display: flex;
  justify-content: center;
  align-items: center;
}
footer .visit-yworks .text {
  max-width: 700px;
}
footer.footer-detailed {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}
footer.footer-detailed .footer-content {
  max-width: 1000px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
footer.footer-detailed a:hover {
  color: #00adcc;
  transition: 0.3s ease-in-out;
}
footer.footer-detailed h4 {
  color: #00adcc;
  text-transform: uppercase;
}
footer.footer-detailed .footer-block {
  vertical-align: top;
  text-align: left;
  padding: 5px 20px;
}
footer.footer-detailed .logo {
  height: 170px;
  width: 160px;
  max-height: 200px;
  max-width: 200px;
  margin: 10px;
  color: darkgray;
  box-sizing: border-box;
}
footer.footer-detailed .social a {
  margin-right: 5px;
}
footer.footer-detailed .copyright {
  display: inline-block;
}
main {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}
.sidebar {
  position: absolute;
  width: 260px;
  height: 100%;
  margin-left: 0;
  z-index: 15;
  transition: margin-left 0.2s ease;
  padding: 15px;
  font-size: 16px;
  line-height: 21px;
}
.sidebar.collapsed {
  margin-left: -260px;
}
.sidebar .home {
  display: flex;
  align-items: center;
  color: var(--color-text);
}
.sidebar .home .current {
  color: #ff6c00;
}
.sidebar .home .home-icon {
  margin-right: 7px;
  width: 21px;
  height: 21px;
  text-decoration: none !important;
}
.sidebar ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.sidebar .section {
  padding-left: 30px;
  margin-top: 20px;
  color: var(--color-text);
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}
.sidebar .section li {
  padding-left: 25px;
  margin-top: 15px;
}
.sidebar a[href=''] {
  color: var(--color-link-menu);
  font-weight: 600;
}
.sidebar a {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  text-decoration: none;
  color: var(--color-text);
}
.sidebar a:hover {
  text-decoration: underline;
}
.sidebar .changelog-toc li,
.sidebar .changelog-toc > li > div {
  color: var(--color-text);
  margin-bottom: 0.5ex;
}
.sidebar .changelog-toc > li {
  margin-bottom: 1ex;
}
.changelog-sidebar ul {
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 20px;
}
.wrapped-sections {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.wrapped-sections .section {
  width: 385px;
  font-size: 16px;
  line-height: 21px;
}
.wrapped-sections .section .blue-icon {
  width: 20px;
  height: 25px;
}
.single-h1.content h2 {
  font-weight: 700;
  font-size: 28px;
  line-height: 37px;
}
.single-h1.content h2 {
  font-weight: 700;
  font-size: 28px;
  line-height: 37px;
  font-size: 26px;
  font-weight: 500;
}
.single-h1.content h3 {
  display: flex;
  align-items: center;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: 400;
}
.single-h1.content h3 .h2-icon {
  margin-right: 10px;
  width: 24px;
  height: 24px;
}
.single-h1.content h3.extra-top-margin {
  margin-top: 50px;
}
.single-h1.content h4,
.single-h1.content .header-like dt {
  font-size: 18px;
  font-weight: 400;
}
.content-centered {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
}
.simple.content-centered {
  background-color: var(--color-background);
  border-radius: 16px 16px 0 0;
  margin: 0 15px;
}
.content {
  align-self: center;
  padding: 30px 0;
  max-width: 800px;
  flex: 1;
  display: flex;
  flex-direction: column;
  color: var(--color-text);
}
@media screen and (max-width: 870px) {
  .content {
    max-width: 600px;
    margin: 0 30px;
  }
}
.content h1 {
  font-weight: 700;
  font-size: 28px;
  line-height: 37px;
}
.content h2 {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 15px;
}
.content h2 .h2-icon {
  margin-right: 10px;
  width: 24px;
  height: 24px;
}
.content h2.extra-top-margin {
  margin-top: 50px;
}
.content .header-like dt {
  font-weight: 700;
  font-size: 18px;
}
.content a {
  color: var(--color-link);
  text-decoration: none;
  font-weight: 500;
}
.content a:hover {
  text-decoration: underline;
}
.content .link {
  display: flex;
  align-items: center;
  margin-bottom: 13px;
}
.content .link a {
  color: var(--color-text);
  font-size: 14px;
  line-height: 22px;
  text-decoration: none;
  margin-left: 9px;
}
.content .link-button {
  border: 1px solid var(--color-link);
  border-radius: 12px;
  padding: 7px;
  align-self: flex-end;
  font-size: 16px;
  line-height: 21px;
}
.content .link-button:hover {
  color: var(--color-inverse-text);
  background-color: var(--color-link);
  border-color: var(--color-link);
  text-decoration: none;
}
.content .link-button-prominent {
  border-radius: 5px;
  padding: 7px 15px;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  color: var(--color-inverse-text);
  background-color: var(--color-link);
  text-decoration: none;
}
.content .link-button-prominent:hover {
  border: 1px solid var(--color-link);
  color: var(--color-link);
  background-color: transparent;
  border-color: var(--color-link);
  text-decoration: none;
}
.content .link-button-prominent:hover .icon-contact-support-prominent {
  background-image: var(--contact-support-hover-url);
}
.content ul {
  list-style: none;
  padding-left: 20px;
}
.content ul li {
  background: var(--file-bullet-icon) no-repeat left;
  background-size: 0.7em;
  background-position-y: 0.3em;
  padding-left: 1.1em;
}
.content ul li.extra-margin {
  margin-bottom: 50px;
}
.content .section {
  margin-bottom: 55px;
}
.content .section-header {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
}
.content .section-header .section-icon {
  width: 60px;
  height: 60px;
}
.content .paragraph p {
  margin-left: 35px;
}
.content .paragraph ul {
  margin-left: 15px;
}
.content .paragraph .indented {
  margin-left: 35px;
}
.content .paragraph .limited-width {
  margin-left: 70px;
  padding-right: 20px;
  width: 470px;
}
.content .paragraph .limited-width .arrow-list {
  margin-left: 0;
  padding: 0;
}
.content .paragraph .smaller-h2 {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  margin: 30px 0 20px 35px;
}
.content .paragraph .centered-buttons {
  display: flex;
  justify-content: center;
}
.content .double-column {
  display: flex;
  justify-content: space-between;
  align-content: flex-start;
}
@media screen and (max-width: 870px) {
  .content .double-column {
    flex-direction: column;
  }
}
.content .double-column p {
  margin-bottom: 10px;
}
.content .double-column .centered {
  display: flex;
  align-items: center;
}
.content .double-column .indented {
  margin-left: 35px;
}
.content .double-column.optional {
  display: none !important;
}
.content .double-column.extra-bottom-margin {
  margin-bottom: 40px;
}
.content ul.arrow-list {
  list-style: none;
}
.content ul.arrow-list li {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20enable-background%3D%22new%200%200%2024%2024%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23FF6C00%22%20d%3D%22M15%2C5l-1.41%2C1.41L18.17%2C11H2V13h16.17l-4.59%2C4.59L15%2C19l7-7L15%2C5z%22%2F%3E%3C%2Fsvg%3E') no-repeat left;
  background-size: 0.7em;
  background-position-y: 0.3em;
  padding-left: 1em;
}
.content ul {
  margin-top: 20px;
}
.content ul .header {
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  color: var(--color-text);
  margin-bottom: 10px;
  margin-top: 20px;
}
.content ul .header.show {
  display: block;
}
.content ul .header.hide {
  display: none;
}
.content li {
  margin-bottom: 15px;
  margin-top: 15px;
}
.content .link-button-container {
  margin: 15px 0 5px 0;
  padding-right: 20px;
  text-align: right;
}
.content .cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.content .cards .card {
  margin: 15px 0;
}
.content .cards .large-card {
  padding: 15px;
  width: 385px;
  height: 195px;
  font-size: 16px;
  line-height: 21px;
  flex-direction: column;
  color: var(--color-text);
}
@media screen and (max-width: 870px) {
  .content .cards .large-card {
    width: 495px;
  }
}
.content .cards .large-card .icon-top-right {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.content .cards .large-card .icon-link-arrow {
  background-position: center;
  margin: 3px;
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: 5px;
  right: 5px;
}
.content .cards .large-card:hover {
  text-decoration: none;
}
.content .cards .small-card {
  width: 250px;
  height: 150px;
  color: var(--color-text);
}
.content .cards .small-card .icon {
  min-width: 30px;
  min-height: 25px;
  margin-right: 10px;
}
.content .cards .small-card h2 {
  font-size: 18px;
  line-height: 24px;
  color: var(--color-text);
  margin-block: 5px;
}
.content .cards .small-card ul {
  list-style-position: inside;
  color: var(--color-text);
  font-size: 14px;
  line-height: 22px;
  margin: 0;
  padding: 0;
}
.content .cards .small-card li {
  margin: 0;
}
.content .cards .small-card .icon-link-arrow {
  margin: 3px;
  width: 12px;
  height: 12px;
  background-position: center;
  position: absolute;
  bottom: 5px;
  right: 5px;
}
.content .cards .small-card:hover {
  text-decoration: none;
}
.content .info-box {
  background-color: var(--color-info-box);
  border-left: 5px solid rgba(0, 216, 255, 0.25);
  padding: 15px;
  margin: 25px 0;
  position: relative;
}
.content .info-box.warning {
  padding-left: 20px;
}
.content .info-box.warning:before {
  content: '';
  background: var(--hex-warning-url) no-repeat;
  background-size: 20px 22px;
  width: 20px;
  height: 22px;
  position: absolute;
  left: -13px;
  top: calc(50% - 10px);
}
.content .info-box.indented {
  margin-left: 35px;
}
.content .visit-customer-center {
  display: flex;
  justify-content: center;
}
.content .visit-customer-center .card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 40px;
  padding: 15px;
  text-decoration: none;
  color: var(--color-text);
}
.content .visit-customer-center .logo {
  height: 80px;
  width: 100%;
  margin-bottom: 15px;
  background-position: center;
  background-size: 80px;
}
.content .troubleshooting {
  flex-direction: column;
  font-size: 14px;
  line-height: 22px;
  width: 375px;
  margin: 20px 0 0 30px;
}
.content .troubleshooting h2 {
  font-size: 18px;
  line-height: 24px;
}
.content .troubleshooting code {
  font-size: 14px;
  color: var(--color-changes-code);
}
.content .troubleshooting:hover {
  transform: none;
}
.content .troubleshooting .link-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}
.content .troubleshooting .link-container,
.content .troubleshooting .link-container a {
  color: #ff6c00;
}
.content .troubleshooting .link-container .icon {
  width: 16px;
  height: 16px;
  margin-right: 3px;
}
.content .collapsible-list {
  padding: 0;
  margin: 0;
}
.content .collapsible-list li {
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20enable-background%3D%22new%200%200%2024%2024%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23FF6C00%22%20d%3D%22M15%2C5l-1.41%2C1.41L18.17%2C11H2V13h16.17l-4.59%2C4.59L15%2C19l7-7L15%2C5z%22%2F%3E%3C%2Fsvg%3E') no-repeat left;
  background-size: 0.7em;
  background-position-y: 0.3em;
  padding-left: 1em;
  margin-top: 0;
}
.content .collapsible-list li .collapsed {
  transform: rotate(90);
}
.content .collapsible-list .collapsed {
  display: none;
}
.manage-demos {
  margin-left: 250px;
}
@media screen and (max-width: 1350px) {
  .manage-demos {
    margin: 0 30px;
  }
}
.breadcrumbs {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 30px;
  font-size: 14px;
}
.breadcrumbs span.angle-right {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='none' stroke='%23ff6c00' stroke-width='10' d='M20 20l30 30-30 30'/%3E%3C/svg%3E") no-repeat center;
  margin-left: 8px;
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 1350px) {
  .overlay:not(.collapsed) {
    background: #000000be;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
.note {
  font-size: 14px;
  line-height: 22px;
  margin-top: 15px;
  display: flex;
  align-items: center;
  align-content: center;
}
.note,
.note a {
  color: #ff6c00;
}
code {
  background: var(--color-code);
  font-size: 15px;
  padding: 2px 5px;
}
pre {
  background: var(--color-code);
  border-left: 5px solid rgba(0, 216, 255, 0.25);
  padding: 15px;
  line-height: 1.5em;
  overflow: auto;
}
.link-external {
  min-width: 15px;
  min-height: 15px;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
}
.link-support {
  min-width: 20px;
  min-height: 20px;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
}
.button-support {
  min-width: 25px;
  min-height: 25px;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
}
.logo-app-generator {
  height: 43px;
  width: 197px;
  background: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MjguMjggOTQuMDMiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMDBkOGZmO30uY2xzLTJ7ZmlsbDojMUUxRTFFfTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJ5RmlsZXNfaHRtbF9uZXUiIGRhdGEtbmFtZT0ieUZpbGVzIGh0bWwgbmV1Ij48ZyBpZD0ieUZpbGVzX2Zvcl9qYXZhZngiIGRhdGEtbmFtZT0ieUZpbGVzIGZvciBqYXZhZngiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTAsMzcuNTcuMTEsNTdBMjcuNjUsMjcuNjUsMCwwLDAsMTQuMDUsODAuODFsMTYuODYsOS42YTI3LjU4LDI3LjU4LDAsMCwwLDI3LjYtLjE2bDE2Ljc2LTkuOGEyNy42LDI3LjYsMCwwLDAsMTMuNjUtMjRsLS4xMS0xOS40MUEyNy42LDI3LjYsMCwwLDAsNzQuODcsMTMuMjNMNTgsMy42MmEyNy41OCwyNy41OCwwLDAsMC0yNy42LjE2bC0xNi43NSw5LjhBMjcuNjIsMjcuNjIsMCwwLDAsMCwzNy41NyIvPjwvZz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMjcuNjIsNDYuMjZWNjEuNTJoLTMuODdMMTIyLjY5LDU4YTkuNzYsOS43NiwwLDAsMS04LjQzLDRjLTQuMzQsMC03LjQxLTIuNDQtNy40MS02LjYyLDAtNS40MSw0Ljc3LTguMzgsMTItOC4zOCwxLjIyLDAsMi4xMi4wNiwzLC4xMVY0Ni4wNWMwLTIuNDQtMS44LTMuNjYtNC44Mi0zLjY2YTE3LjY3LDE3LjY3LDAsMCwwLTcuMzcsMS45MUwxMDgsMzkuOWEyMy44OCwyMy44OCwwLDAsMSw5LjkxLTIuNDRDMTIzLjkxLDM3LjQ2LDEyNy42Miw0MC41NCwxMjcuNjIsNDYuMjZaTTEyMiw1MC44N2EyNC4xMywyNC4xMywwLDAsMC0yLjc2LS4xNmMtNC4xOCwwLTYuNjIsMS40OS02LjYyLDQuMDgsMCwxLjg2LDEuMjcsMi44NywzLjM5LDIuODdDMTE5LjM1LDU3LjY2LDEyMS44NCw1NS4xNiwxMjIsNTAuODdaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTU5LDQ5LjZjMCw3LjM3LTQuNzEsMTIuNTEtMTEuMjgsMTIuNTFhMTAuNzIsMTAuNzIsMCwwLDEtOC0zLjI5Yy4xLDEuNjQuMSwzLjU1LjEsNS42MnY4Ljc0aC01Ljc3VjM3Ljg5SDEzOGwxLjExLDMuNmExMC40NywxMC40NywwLDAsMSw4LjU5LTQuMThDMTU0LjIyLDM3LjMxLDE1OSw0Mi41LDE1OSw0OS42Wm0tNS44OC4xNmMwLTQuNC0yLjY1LTcuMzctNi42Mi03LjM3cy02Ljg0LDIuOTItNi44NCw3LjI2LDIuODEsNy40Miw2Ljg0LDcuNDJTMTUzLjExLDU0LjA1LDE1My4xMSw0OS43NloiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xODkuMzEsNDkuNmMwLDcuMzctNC43MiwxMi41MS0xMS4yOSwxMi41MWExMC43NSwxMC43NSwwLDAsMS04LTMuMjljLjExLDEuNjQuMTEsMy41NS4xMSw1LjYydjguNzRIMTY0LjRWMzcuODloMy45MmwxLjEyLDMuNkExMC40NiwxMC40NiwwLDAsMSwxNzgsMzcuMzFDMTg0LjU0LDM3LjMxLDE4OS4zMSw0Mi41LDE4OS4zMSw0OS42Wm0tNS44OC4xNmMwLTQuNC0yLjY1LTcuMzctNi42My03LjM3UzE3MCw0NS4zMSwxNzAsNDkuNjVzMi44MSw3LjQyLDYuODMsNy40MlMxODMuNDMsNTQuMDUsMTgzLjQzLDQ5Ljc2WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIzMC4xNywzNy44OVY2Mi40OGMwLDcuNTgtNS4xNCwxMS4zNC0xMi40LDExLjM0YTE2LjExLDE2LjExLDAsMCwxLTEwLjctMy42MWwyLjIyLTQuMzRhMTIuMzEsMTIuMzEsMCwwLDAsOCwyLjc2YzQuMywwLDcuMDUtMiw3LjA1LTYsMC0xLjIyLjA2LTIuNTQuMTEtMy44N0ExMC42MywxMC42MywwLDAsMSwyMTYuNjEsNjJjLTYuNzMsMC0xMS4zNS01LjA5LTExLjM1LTEyLjNzNC42Mi0xMi4zNCwxMS4yNC0xMi4zNGExMC40NCwxMC40NCwwLDAsMSw4LjY5LDRsMS4xNy0zLjQ0Wm0tNS41NiwxMS43NmMwLTQuMTgtMi4zOS03LjMxLTYuNzktNy4zMS00LjE4LDAtNi42NywzLTYuNjcsNy4zMVMyMTMuNjksNTcsMjE3Ljc3LDU3QzIyMi4yMiw1NywyMjQuNjEsNTMuODQsMjI0LjYxLDQ5LjY1WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTI1OC40Miw0OC44NmEyNy41MywyNy41MywwLDAsMS0uMjEsMi43NWgtMTdjLjc0LDMuODIsMy43MSw1LjgzLDcuNTMsNS44M0E4LjkxLDguOTEsMCwwLDAsMjU1LDU1LjIybDIuNDQsMy43MWExNCwxNCwwLDAsMS05LjIyLDMuMjhjLTcuNTgsMC0xMi43OC01LjE0LTEyLjc4LTEyLjU2LDAtNi45NCw1LTEyLjQsMTIuMTktMTIuNEMyNTQuMzQsMzcuMjUsMjU4LjQyLDQxLjc2LDI1OC40Miw0OC44NlpNMjQxLjMsNDcuNjlIMjUzYy0uMTYtMy43Ni0yLjM4LTUuNzItNS40LTUuNzJTMjQxLjk0LDQ0LDI0MS4zLDQ3LjY5WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTI4NC45Miw0Ni43NFY2MS41MmgtNS43OFY0Ny4yN2MwLTMtMS4xNi00LjgyLTQtNC44Mi0zLjYxLDAtNS43OCwyLjU5LTUuNzgsNi4wOXYxM2gtNS43OFYzNy44OWgzLjkzbDEuMTYsMy43MWE5LjA4LDkuMDgsMCwwLDEsOC00LjM1QzI4MiwzNy4yNSwyODQuOTIsNDAuNywyODQuOTIsNDYuNzRaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzEyLjksNDguODZhMjQuODQsMjQuODQsMCwwLDEtLjIxLDIuNzVoLTE3Yy43NSwzLjgyLDMuNzEsNS44Myw3LjUzLDUuODNhOC45MSw4LjkxLDAsMCwwLDYuMjUtMi4yMkwzMTIsNTguOTNhMTMuOTMsMTMuOTMsMCwwLDEtOS4yMiwzLjI4Yy03LjU4LDAtMTIuNzctNS4xNC0xMi43Ny0xMi41NiwwLTYuOTQsNS0xMi40LDEyLjE5LTEyLjRDMzA4LjgyLDM3LjI1LDMxMi45LDQxLjc2LDMxMi45LDQ4Ljg2Wm0tMTcuMTEtMS4xN2gxMS42NkMzMDcuMjksNDMuOTMsMzA1LjA2LDQyLDMwMiw0MlMyOTYuNDIsNDQsMjk1Ljc5LDQ3LjY5WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTMzNCwzOC4zN2wtMS40OSw0Ljg3YTguNzgsOC43OCwwLDAsMC0zLjA3LS41M2MtMy4zNCwwLTUuNjIsMi4xNy01LjYyLDUuOTRWNjEuNTJoLTUuNzdWMzcuODlIMzIybDEuMTEsMy41YTcuMjcsNy4yNywwLDAsMSw2Ljg0LTRBOCw4LDAsMCwxLDMzNCwzOC4zN1oiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zNTYuODksNDYuMjZWNjEuNTJIMzUzTDM1Miw1OGE5LjczLDkuNzMsMCwwLDEtOC40Miw0Yy00LjM1LDAtNy40Mi0yLjQ0LTcuNDItNi42MiwwLTUuNDEsNC43Ny04LjM4LDEyLTguMzgsMS4yMiwwLDIuMTIuMDYsMywuMTFWNDYuMDVjMC0yLjQ0LTEuOC0zLjY2LTQuODItMy42NmExNy41OSwxNy41OSwwLDAsMC03LjM2LDEuOTFsLTEuNjUtNC40YTIzLjg4LDIzLjg4LDAsMCwxLDkuOTEtMi40NEMzNTMuMTgsMzcuNDYsMzU2Ljg5LDQwLjU0LDM1Ni44OSw0Ni4yNlptLTUuNjcsNC42MWEyMy44MSwyMy44MSwwLDAsMC0yLjc1LS4xNmMtNC4xOSwwLTYuNjMsMS40OS02LjYzLDQuMDgsMCwxLjg2LDEuMjgsMi44NywzLjQsMi44N0MzNDguNjMsNTcuNjYsMzUxLjEyLDU1LjE2LDM1MS4yMiw1MC44N1oiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zNjUuMTEsNTQuMzJWNDIuODJsLTQuMTktLjMyVjM3Ljg5aDQuMTlsLjE2LTcuNThoNS42MnY3LjU4aDcuMzF2NC45M2gtNy4zMVY1My43M2MwLDIuMzQsMS4wNiwzLDIuNTksM2E3LjE5LDcuMTksMCwwLDAsNC0xLjIxbDEuODUsNC4zNGExMi45LDEyLjksMCwwLDEtNy4xNSwyLjE3QzM2Ny45Miw2Mi4wNSwzNjUuMTEsNTkuNjIsMzY1LjExLDU0LjMyWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTM4MS42NSw0OS43MWMwLTcuMzIsNS4yNC0xMi40NiwxMi42Ni0xMi40NlM0MDcsNDIuMzksNDA3LDQ5Ljcxcy01LjMsMTIuNS0xMi43MiwxMi41UzM4MS42NSw1NywzODEuNjUsNDkuNzFabTE5LjUsMGMwLTQuMzUtMi43Ni03LjM3LTYuODQtNy4zN3MtNi44MywzLTYuODMsNy4zNywyLjgsNy4zNiw2LjgzLDcuMzZTNDAxLjE1LDU0LjA1LDQwMS4xNSw0OS43MVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik00MjguMjgsMzguMzdsLTEuNDgsNC44N2E4LjgzLDguODMsMCwwLDAtMy4wNy0uNTNjLTMuMzQsMC01LjYyLDIuMTctNS42Miw1Ljk0VjYxLjUyaC01Ljc4VjM3Ljg5aDMuOTJsMS4xMiwzLjVhNy4yNSw3LjI1LDAsMCwxLDYuODMtNEE4LDgsMCwwLDEsNDI4LjI4LDM4LjM3WiIvPjwvZz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0zOC4xOCw0N2E0LjY2LDQuNjYsMCwxLDAtNC42Niw0LjY1QTQuNjYsNC42NiwwLDAsMCwzOC4xOCw0NyIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTQ5LjExLDQ3YTQuNjUsNC42NSwwLDEsMC00LjY1LDQuNjVBNC42NSw0LjY1LDAsMCwwLDQ5LjExLDQ3Ii8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNjAuMDUsNDdhNC42NSw0LjY1LDAsMSwwLTQuNjUsNC42NUE0LjY1LDQuNjUsMCwwLDAsNjAuMDUsNDciLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik04MS43NSw0OC40N2EyLjEsMi4xLDAsMCwwLC4wNi0uMjRBNiw2LDAsMCwwLDgyLDQ3LjVjMC0uMTMsMC0uMjcsMC0uNHMwLS40MiwwLS42M2wwLS4zM2E1LjE5LDUuMTksMCwwLDAtLjEyLS43OWwwLS4xM0E1LDUsMCwwLDAsODEuNCw0NGE2LjUxLDYuNTEsMCwwLDAtMy42Mi0zYy0xLjI5LS40Ny0yLjYzLS43Mi00LTEuMDZhMTQuMjQsMTQuMjQsMCwwLDEtMi41OC0xYy0uMTktLjEtLjM5LS4xOC0uNTctLjI5cy0uNTItLjMtLjc3LS40NmExNC4wNywxNC4wNywwLDAsMS0xLjM5LTFjLS44LS43MS0xLjU5LTEuNDYtMi4zNi0yLjIyYTIwLDIwLDAsMCwxLTIuMS0yLjMxbC0uMTYtLjIxQTE0LjIzLDE0LjIzLDAsMCwxLDYyLDI4LjMxYy0uMjYtLjg5LS41Mi0xLjc5LS43Ny0yLjY5YTguMDksOC4wOSwwLDAsMC0xLjQxLTIuODEsNS41NCw1LjU0LDAsMCwwLTcuODQtMS4xMSw1LjQ3LDUuNDcsMCwwLDAtMS4zOCw2LjksNi40Nyw2LjQ3LDAsMCwwLDMuNjIsM2MxLjI5LjQ3LDIuNjMuNzIsMy45NSwxLjA2YTEzLjUzLDEzLjUzLDAsMCwxLDIuNTgsMSw2LjEsNi4xLDAsMCwxLC41Ny4yOWMuMjYuMTQuNTEuMy43Ni40NmExMy4xLDEzLjEsMCwwLDEsMS40LDEuMDVjLjguNzEsMS41OCwxLjQ2LDIuMzUsMi4yMWEyMC4wOSwyMC4wOSwwLDAsMSwyLjExLDIuMzJsLjE2LjIxYTE0LjIzLDE0LjIzLDAsMCwxLDIsNC4xM0ExMi4zOCwxMi4zOCwwLDAsMSw3MC40NSw0Nyw3LjU3LDcuNTcsMCwwLDEsNzAsNDkuNDhhMTQuOTIsMTQuOTIsMCwwLDEtMSwyLjU3Yy0uMS4xOS0uMTguMzktLjI5LjU4cy0uMy41MS0uNDYuNzZhMTQuNDYsMTQuNDYsMCwwLDEtMS4wNSwxLjM5Yy0uNzIuODEtMS40NiwxLjU5LTIuMjIsMi4zNmExOC41NiwxOC41NiwwLDAsMS0yLjMyLDIuMTFsLS4yLjE2YTE0LjA3LDE0LjA3LDAsMCwxLTQuMTMsMS45NGwtMi42OS43OGE4LjA5LDguMDksMCwwLDAtMi44MSwxLjQxLDUuNTUsNS41NSwwLDAsMC0xLjEyLDcuODQsNS40OCw1LjQ4LDAsMCwwLDYuOTEsMS4zOCw2LjQ5LDYuNDksMCwwLDAsMy0zLjYyYy40Ny0xLjI5LjczLTIuNjMsMS4wNy00YTEzLjk0LDEzLjk0LDAsMCwxLDEtMi41OGMuMS0uMTkuMTktLjM5LjI5LS41OHMuMzEtLjUxLjQ3LS43NmExNCwxNCwwLDAsMSwxLTEuMzljLjcyLS44MSwxLjQ3LTEuNTksMi4yMi0yLjM2QTIwLjI1LDIwLjI1LDAsMCwxLDcwLDU1LjQxbC4yLS4xNWExNC40OCwxNC40OCwwLDAsMSw0LjEzLTEuOTVsMi43LS43OGE4LjE5LDguMTksMCwwLDAsMi44LTEuNCw2LjEsNi4xLDAsMCwwLDEuNTItMS43NCw1Ljk0LDUuOTQsMCwwLDAsLjQzLS45MiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTguMjksNDguNDdjMC0uMDgsMC0uMTYtLjA3LS4yNEE2LDYsMCwwLDEsOCw0Ny41YzAtLjEzLDAtLjI3LDAtLjRhNC40Miw0LjQyLDAsMCwxLDAtLjYzYzAtLjExLDAtLjIyLDAtLjMzYTUuMTksNS4xOSwwLDAsMSwuMTItLjc5bDAtLjEzQTUsNSwwLDAsMSw4LjYzLDQ0YTYuNTEsNi41MSwwLDAsMSwzLjYyLTNjMS4yOS0uNDcsMi42My0uNzIsMy45NS0xLjA2YTE0LDE0LDAsMCwwLDIuNTgtMWMuMTktLjEuMzktLjE4LjU4LS4yOXMuNTEtLjMuNzYtLjQ2YTE0LjA3LDE0LjA3LDAsMCwwLDEuMzktMWMuOC0uNzEsMS41OS0xLjQ2LDIuMzYtMi4yMkEyMSwyMSwwLDAsMCwyNiwzMi42NWwuMTUtLjIxYTE0LjIzLDE0LjIzLDAsMCwwLDEuOTUtNC4xM2MuMjYtLjg5LjUyLTEuNzkuNzctMi42OWE4LjI2LDguMjYsMCwwLDEsMS40MS0yLjgxQTUuNTQsNS41NCwwLDAsMSwzOC4xLDIxLjdhNS40Nyw1LjQ3LDAsMCwxLDEuMzgsNi45LDYuNDQsNi40NCwwLDAsMS0zLjYyLDNjLTEuMjguNDctMi42My43Mi0zLjk1LDEuMDZhMTMuMTksMTMuMTksMCwwLDAtMi41NywxLDYuMjcsNi4yNywwLDAsMC0uNTguMjljLS4yNi4xNC0uNTEuMy0uNzYuNDZhMTIuMDUsMTIuMDUsMCwwLDAtMS4zOSwxLjA1Yy0uODEuNzEtMS41OSwxLjQ2LTIuMzYsMi4yMWEyMC4wOSwyMC4wOSwwLDAsMC0yLjExLDIuMzJsLS4xNi4yMUExNCwxNCwwLDAsMCwyMCw0NC4yNSwxMi4zOSwxMi4zOSwwLDAsMCwxOS41OCw0Nyw3LjMzLDcuMzMsMCwwLDAsMjAsNDkuNDgsMTQuMTEsMTQuMTEsMCwwLDAsMjEsNTIuMDVsLjI5LjU4Yy4xNS4yNi4zMS41MS40Ny43NmExMi44OSwxMi44OSwwLDAsMCwxLDEuMzljLjcyLjgxLDEuNDYsMS41OSwyLjIyLDIuMzZhMTguNTYsMTguNTYsMCwwLDAsMi4zMiwyLjExbC4yLjE2YTE0LjE5LDE0LjE5LDAsMCwwLDQuMTMsMS45NGwyLjcuNzhhOCw4LDAsMCwxLDIuOCwxLjQxLDUuNTQsNS41NCwwLDAsMSwxLjEyLDcuODQsNS40Nyw1LjQ3LDAsMCwxLTYuOSwxLjM4LDYuNTEsNi41MSwwLDAsMS0zLTMuNjJjLS40Ny0xLjI5LS43Mi0yLjYzLTEuMDctNGExMy45NCwxMy45NCwwLDAsMC0xLTIuNThjLS4xLS4xOS0uMTktLjM5LS4yOS0uNThzLS4zLS41MS0uNDYtLjc2YTE1LjgyLDE1LjgyLDAsMCwwLTEtMS4zOWMtLjcyLS44MS0xLjQ2LTEuNTktMi4yMi0yLjM2YTIxLDIxLDAsMCwwLTIuMzEtMi4xMWwtLjIxLS4xNWExNC40OCwxNC40OCwwLDAsMC00LjEzLTEuOTVMMTMsNTIuNTNhOC4xNSw4LjE1LDAsMCwxLTIuODEtMS40LDUuOTEsNS45MSwwLDAsMS0xLjUxLTEuNzQsNC41Myw0LjUzLDAsMCwxLS40My0uOTIiLz48L3N2Zz4=') no-repeat center;
}
.logo-vsdx-export {
  height: 50px;
  width: 150px;
  background: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNjkuNyAxMDkuMjYiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMDBkOGZmO30uY2xzLTJ7ZmlsbDojMUUxRTFFfTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJ5dnNkeC1leHBvcnQiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTAsMzcuNTIuMDksNTYuOTNBMjcuNTksMjcuNTksMCwwLDAsMTQsODAuNzdMMzAuODYsOTAuNGEyNy42MywyNy42MywwLDAsMCwyNy42LS4xMmwxNi43Ny05Ljc5YTI3LjU5LDI3LjU5LDAsMCwwLDEzLjY5LTI0TDg4LjgzLDM3LjFBMjcuNTksMjcuNTksMCwwLDAsNzQuOTIsMTMuMjZMNTguMDYsMy42M2EyNy42LDI3LjYsMCwwLDAtMjcuNi4xM0wxMy42OSwxMy41NUEyNy41OCwyNy41OCwwLDAsMCwwLDM3LjUyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNzUuNzYsNDQuM0E3LjY2LDcuNjYsMCwwLDAsNzEuMTUsNDBjLTEuMjctLjU1LTIuNjItLjg2LTMuOTMtMS4zYTE0LjM0LDE0LjM0LDAsMCwxLTMtMS40NiwyNS41OCwyNS41OCwwLDAsMS0zLjYzLTNDNTguNzQsMzIuNTMsNTcsMzAuNzQsNTUuMTcsMjlhMTUuNTksMTUuNTksMCwwLDEtNC02LDI0LjU5LDI0LjU5LDAsMCwwLTEuNzQtNCw2LjY3LDYuNjcsMCwwLDAtNC4wNi0zLjQsNiw2LDAsMCwwLTEuMTEtLjI2Yy0yLjYtLjE3LTQuNDEsMS4xMS01LjgxLDMuMTYtMS4xLDEuNjMtMS40MiwzLjU2LTIuMTIsNS4zNGEyMC4zOCwyMC4zOCwwLDAsMS0xLjIzLDIuNzksMTguNzMsMTguNzMsMCwwLDEtMi4zNiwzLjExQzMxLjg3LDMwLjczLDMxLDMxLjc4LDMwLDMyLjhjLTEuMjksMS40LTIuNjQsMi43NS00LDQuMDhhMTQsMTQsMCwwLDEtNC40NywzLDQyLjUxLDQyLjUxLDAsMCwwLTUuMjQsMi4yNyw3LjMyLDcuMzIsMCwwLDAtMi43NSwyLjY2Yy0xLjc1LDMuMTUtLjQxLDYuNTMsMi41Myw4LjM0YTI1LjI3LDI1LjI3LDAsMCwwLDUuNjcsMi4yMSwxNy4zOCwxNy4zOCwwLDAsMSw2LjEsNGMuNjYuNTgsMS4yMywxLjI0LDEuOSwxLjgsMS4xNywxLDIuMTcsMi4xMywzLjMsMy4xNmExNi4yNiwxNi4yNiwwLDAsMSwyLjU0LDIuODEsMTguMTUsMTguMTUsMCwwLDEsMS42NywyLjg1LDQzLjIyLDQzLjIyLDAsMCwwLDIuNDYsNS41Nyw2LjQ1LDYuNDUsMCwwLDAsNC4yMSwzLjEzLDUuNzUsNS43NSwwLDAsMCw1LjgyLTIuMTVBMTIuMjQsMTIuMjQsMCwwLDAsNTIsNzEuODZhMTYuOTQsMTYuOTQsMCwwLDEsMy4xNC02LjQ1QzU2LjM4LDY0LDU3LjcyLDYyLjY0LDU5LDYxLjIzYy45LTEsMS45Mi0xLjg5LDIuODEtMi44OGExNi40OCwxNi40OCwwLDAsMSw2LjkxLTQuNjZBMTQuNTIsMTQuNTIsMCwwLDAsNzQsNTAuODYsNS44NSw1Ljg1LDAsMCwwLDc1Ljc2LDQ0LjNaTTYxLjcsNTMuNDNjLS40OC42My0uOTIsMS4zMS0xLjQ1LDEuOS0xLjY4LDEuODEtMy4zNSwzLjYzLTUuMSw1LjM2LS43NC43My0xLjQyLDEuNTEtMi4xNiwyLjIyYTExLjYxLDExLjYxLDAsMCwxLTguMTUsMy4zMiwxMy44OSwxMy44OSwwLDAsMS01Ljc5LTEuMzEsNy43LDcuNywwLDAsMS0xLjg0LTEuMjYsNTYuNDYsNTYuNDYsMCwwLDEtNC41OC00LjE3QzMxLjQ2LDU4LjI1LDMwLjIsNTcuMSwyOSw1NS45MmExMS44LDExLjgsMCwwLDEtMy41OS0xMC40NSwxMS40NiwxMS40NiwwLDAsMSwzLjE0LTYuNTZjMS43Ny0xLjg5LDMuNTgtMy43NSw1LjMxLTUuNjguNzUtLjgyLDEuNTQtMS41OSwyLjM2LTIuMzRhMTEuNTcsMTEuNTcsMCwwLDEsNS4yMS0yLjgsMTEuMjIsMTEuMjIsMCwwLDEsNi40NS4yNCwxMC41MywxMC41MywwLDAsMSw1LDNjMS4wOCwxLjA5LDIuMjcsMi4wOCwzLjM4LDMuMTVBNTIuMjgsNTIuMjgsMCwwLDEsNjEsMzkuMTVhMTEuODYsMTEuODYsMCwwLDEsMi41Nyw5QTEwLjE1LDEwLjE1LDAsMCwxLDYxLjcsNTMuNDNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTA4LjkzLDg4LjhoLTMuMTFWODdoMy4xMVY4Mi43MWMwLTIuOTMsMS41My01LjM4LDQuODUtNS4zOGE2LjA5LDYuMDksMCwwLDEsMy44NywxLjMxbC0xLDEuNDhhNC40Miw0LjQyLDAsMCwwLTIuNjgtLjg4Yy0xLjgzLDAtMywxLjE4LTMsMy40N1Y4N2g0LjkyVjg4LjhIMTExdjEzaC0yLjA3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTExNy4yNCw5NC40MmE3Ljc3LDcuNzcsMCwxLDEsNy43Myw3LjhBNy40Nyw3LjQ3LDAsMCwxLDExNy4yNCw5NC40MlptMTMuNDMsMGE1LjY3LDUuNjcsMCwxLDAtMTEuMzMsMGMwLDMuNDYsMi4zMSw1Ljg5LDUuNjMsNS44OUE1LjU1LDUuNTUsMCwwLDAsMTMwLjY3LDk0LjQyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE0NS43NSw4Ny4xOCwxNDUuMTQsODlhNS42Miw1LjYyLDAsMCwwLTItLjM3Yy0yLjQ0LDAtNC4xLDEuNzItNC4xLDQuNjF2OC42MUgxMzdWODdoMS41NmwuNDEsMi4xOWE0LjY0LDQuNjQsMCwwLDEsNC4zNy0yLjQ5QTYsNiwwLDAsMSwxNDUuNzUsODcuMThaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTY4LjEzLDg3di4wN2wtOS4yMywyMi4yMWgtMi4xN3YtLjA3bDMuMzMtNy43MS02LjU1LTE0LjQzVjg3aDIuMTdMMTYwLDk2LjVjLjM3Ljg4Ljc0LDEuNzIsMS4wOCwyLjc2LjM0LTEsLjY4LTEuOTIsMS0yLjc2TDE2Niw4N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNzIsNzloMTMuODd2MkgxNzQuMjN2OC43MmgxMC40NHYySDE3NC4yM3YxMC4xMkgxNzJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTg4LjYsODEuNmExLjU2LDEuNTYsMCwwLDEsMy4xMiwwLDEuNTYsMS41NiwwLDAsMS0zLjEyLDBabS41MSw1LjM4aDIuMDd2MTQuODdoLTIuMDdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTk2LjQ3LDc3LjczaDIuMDZsMCwyNC4xMkgxOTYuNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yMTcsOTMuODFhMTIuMzQsMTIuMzQsMCwwLDEtLjEsMS40NWgtMTJhNS40OCw1LjQ4LDAsMCwwLDUuNiw1QTUuODIsNS44MiwwLDAsMCwyMTUsOTguNDlsMS4xOSwxLjQ4YTcuOTEsNy45MSwwLDAsMS01LjczLDIuMjUsNy44MSw3LjgxLDAsMCwxLS4xNy0xNS42MUMyMTQuNSw4Ni42MSwyMTcsODkuNDcsMjE3LDkzLjgxWm0tMTItLjM3aDEwYy0uMDYtMy4xNi0xLjktNC45MS00LjY0LTQuOTFBNS4zNiw1LjM2LDAsMCwwLDIwNC45NCw5My40NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yMTkuNzksMTAwLjQ3bDEuMDUtMS42MWE3LjI4LDcuMjgsMCwwLDAsNC40MSwxLjM0YzEuODMsMCwzLS45LDMtMi4yNXMtMS42Ni0yLjE5LTMuNDUtMi44OWMtMi40NC0xLTQuNDgtMi4wOS00LjQ4LTQuNDhzMi4zMS0zLjc3LDQuODUtMy43N2E4LjI3LDguMjcsMCwwLDEsNC41NCwxLjM1bC0uOTEsMS40OGE3LjI2LDcuMjYsMCwwLDAtMy41My0uOTRjLTEuNTIsMC0yLjg4LjUtMi44OCwxLjg4czEuMzksMiwzLjE1LDIuNjljMi43MSwxLDQuNzgsMi4xOSw0Ljc4LDQuNjhzLTIuMTMsNC4xNy01LjA4LDQuMTdBOS4zNyw5LjM3LDAsMCwxLDIxOS43OSwxMDAuNDdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjQzLjIxLDg4LjhoLTMuMTJWODdoMy4xMlY4Mi43MWMwLTIuOTMsMS41My01LjM4LDQuODUtNS4zOGE2LjExLDYuMTEsMCwwLDEsMy44NywxLjMxbC0xLDEuNDhhNC40NCw0LjQ0LDAsMCwwLTIuNjgtLjg4Yy0xLjgzLDAtMywxLjE4LTMsMy40N1Y4N2g0LjkyVjg4LjhoLTQuOTJ2MTNoLTIuMDdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjUxLjUyLDk0LjQyYTcuNzcsNy43NywwLDEsMSw3LjczLDcuOEE3LjQ3LDcuNDcsMCwwLDEsMjUxLjUyLDk0LjQyWm0xMy40MywwYTUuNjcsNS42NywwLDEsMC0xMS4zMywwYzAsMy40NiwyLjMxLDUuODksNS42Myw1Ljg5QTUuNTUsNS41NSwwLDAsMCwyNjUsOTQuNDJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjgwLDg3LjE4LDI3OS40Miw4OWE1LjYyLDUuNjIsMCwwLDAtMi0uMzdjLTIuNDQsMC00LjEsMS43Mi00LjEsNC42MXY4LjYxaC0yLjA3Vjg3aDEuNTZsLjQxLDIuMTlhNC42NCw0LjY0LDAsMCwxLDQuMzctMi40OUE2LDYsMCwwLDEsMjgwLDg3LjE4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTMwMyw5Mi43N3Y5LjA4aC0yLjA3VjkyLjdjMC0yLjQ5LTEtNC4xLTMuNTMtNC4xLTMuMTgsMC01LDIuNjktNSw1LjkydjcuMzNoLTIuMDZWNzcuNzNoMi4wNnY5LjYyYzAsLjc0LDAsMS40NSwwLDIuMzJhNS41NSw1LjU1LDAsMCwxLDUuMTktM0MzMDEuMjIsODYuNjgsMzAzLDg5LDMwMyw5Mi43N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zMDguNzgsOTcuNjVWODguOGwtMi45Mi0uMTRWODdoMi45MlY4MmgyLjA3Vjg3aDUuMzVWODguOGgtNS4zNXY4Ljg1YzAsMS44OC43OCwyLjUyLDIuMSwyLjUyYTUsNSwwLDAsMCwyLjk1LTFsLjkxLDEuNTVhNi43Nyw2Ljc3LDAsMCwxLTQuMDcsMS40MUMzMTAuMywxMDIuMTIsMzA4Ljc4LDEwMC43MSwzMDguNzgsOTcuNjVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzQxLjkzLDkyLjUzdjkuMzJoLTIuMDZWOTIuNDNjMC0yLjM5LTEuMjItMy44My0zLjMzLTMuODMtMywwLTQuNTcsMi43Mi00LjU3LDUuNTF2Ny43NEgzMjkuOVY5Mi40YzAtMi4wNS0xLTMuOC0zLjMyLTMuOC0zLjA2LDAtNC42MSwyLjcyLTQuNjEsNS41MXY3Ljc0SDMxOS45Vjg3aDEuNTZsLjQ3LDIuNTZhNS4zMiw1LjMyLDAsMCwxLDQuODgtMi44Niw0LjY0LDQuNjQsMCwwLDEsNC42NSwzLDUuNiw1LjYsMCwwLDEsNS4yMi0zQzM0MC4xLDg2LjY4LDM0MS45Myw4OC45MywzNDEuOTMsOTIuNTNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzQ3LDc3LjczaDIuMDdsMCwyNC4xMmgtMi4wN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMzAuNzMsMzUuODl2LjE2TDExOS40OSw1OS43NEgxMTdMMTA1LjgyLDM2LjA1di0uMTZoNi4zNmw0LjYxLDEwLjZhMjYuMTksMjYuMTksMCwwLDEsMS40OSw0LjQ1LDMwLjM3LDMwLjM3LDAsMCwxLDEuNDgtNC40NWw0LjYxLTEwLjZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTMyLjY5LDU3LjQ2LDEzNSw1My4zOGExMi4xNSwxMi4xNSwwLDAsMCw2LjQ3LDJjMi4xMiwwLDMuNDktMSwzLjQ5LTIuNDQsMC0xLjc1LTIuMjItMi42LTQuNTUtMy41QzEzNi42MSw0OCwxMzMuNyw0NiwxMzMuNyw0Mi4xNGMwLTQuMzQsMy44Ny02LjYyLDguMzctNi42MmExNC44MSwxNC44MSwwLDAsMSw3Ljc0LDIuMTJsLTIsMy44N2ExMS44MywxMS44MywwLDAsMC01LjI1LTEuMzhjLTEuOCwwLTMuMzQuNTMtMy4zNCwyczEuNzUsMi40NCw0LjI5LDMuMzRjNC4xNCwxLjU0LDcuMSwzLjUsNy4xLDcuNDIsMCw0LjQtMy41NSw3LjE1LTguNzQsNy4xNUExNi40LDE2LjQsMCwwLDEsMTMyLjY5LDU3LjQ2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE3OS4xMiwyMS4zN1Y1OS41MmgtNGwtMS0zLjU1YTEwLjE1LDEwLjE1LDAsMCwxLTguNTMsNC4xNGMtNi43OCwwLTExLjM5LTUuMDktMTEuMzktMTIuNTYsMC03LjEsNC43Ny0xMi4yNCwxMS4zOS0xMi4yNGExMC40MywxMC40MywwLDAsMSw3LjksMy4zOWMtLjExLTIuMTgtLjE2LTQuMTktLjE2LTYuNzlWMjEuMzdabS01LjU3LDI2LjM0YzAtNC4zNS0yLjctNy4zMi02Ljc4LTcuMzJzLTYuNzMsMy02LjczLDcuMzIsMi43LDcuMzYsNi43Myw3LjM2UzE3My41NSw1Mi4xLDE3My41NSw0Ny43MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xODMuNDEsNTkuNDJsOC0xMi4xOUwxODQuMSwzNi4wNXYtLjE2aDYuNDdsMyw0Ljg3QTI3LjYzLDI3LjYzLDAsMCwxLDE5NSw0My41N2wxLjU5LTIuODYsMy00LjgyaDYuM3YuMTZsLTcuMiwxMS4xOCw4LDEyLjE5di4xaC02LjUyTDE5Ni43MSw1NGMtLjU4LS45NS0xLjA2LTEuOTEtMS42OS0zLjE4YTMwLjQzLDMwLjQzLDAsMCwxLTEuNywzLjE4bC0zLjUsNS41MWgtNi40MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yNDQuMzYsNDYuODZhMjcuNTMsMjcuNTMsMCwwLDEtLjIxLDIuNzVoLTE3Yy43NCwzLjgyLDMuNzEsNS44Myw3LjUyLDUuODNBOC45Myw4LjkzLDAsMCwwLDI0MSw1My4yMmwyLjQzLDMuNzFhMTMuOTMsMTMuOTMsMCwwLDEtOS4yMiwzLjI4Yy03LjU3LDAtMTIuNzctNS4xNC0xMi43Ny0xMi41NiwwLTYuOTQsNS0xMi40LDEyLjE5LTEyLjRDMjQwLjI4LDM1LjI1LDI0NC4zNiwzOS43NiwyNDQuMzYsNDYuODZabS0xNy4xMi0xLjE3SDIzOC45Yy0uMTYtMy43Ni0yLjM5LTUuNzItNS40MS01LjcyUzIyNy44OCw0MiwyMjcuMjQsNDUuNjlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjQ3LDU5LjQybDgtMTIuMTlMMjQ3LjcsMzYuMDV2LS4xNmg2LjQ3bDMsNC44N2EyNy42MywyNy42MywwLDAsMSwxLjQ5LDIuODFsMS41OS0yLjg2LDMtNC44Mmg2LjN2LjE2bC03LjIsMTEuMTgsNy45NSwxMi4xOXYuMWgtNi41MkwyNjAuMzEsNTRjLS41OC0uOTUtMS4wNi0xLjkxLTEuNjktMy4xOGEzMC40MywzMC40MywwLDAsMS0xLjcsMy4xOGwtMy41LDUuNTFIMjQ3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTI5OS40OCw0Ny42YzAsNy4zNy00LjcyLDEyLjUxLTExLjI5LDEyLjUxYTEwLjc4LDEwLjc4LDAsMCwxLTcuOTUtMy4yOWMuMTEsMS42NC4xMSwzLjU1LjExLDUuNjJ2OC43NGgtNS43OFYzNS44OWgzLjkybDEuMTEsMy42YTEwLjQ4LDEwLjQ4LDAsMCwxLDguNTktNC4xOEMyOTQuNzEsMzUuMzEsMjk5LjQ4LDQwLjUsMjk5LjQ4LDQ3LjZabS01Ljg5LjE2YzAtNC40LTIuNjQtNy4zNy02LjYyLTcuMzdzLTYuODQsMi45Mi02Ljg0LDcuMjYsMi44MSw3LjQyLDYuODQsNy40MlMyOTMuNTksNTIuMDUsMjkzLjU5LDQ3Ljc2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTMwMy40LDQ3LjcxYzAtNy4zMiw1LjI1LTEyLjQ2LDEyLjY3LTEyLjQ2czEyLjcyLDUuMTQsMTIuNzIsMTIuNDYtNS4zLDEyLjUtMTIuNzIsMTIuNVMzMDMuNCw1NSwzMDMuNCw0Ny43MVptMTkuNSwwYzAtNC4zNS0yLjc1LTcuMzctNi44My03LjM3cy02Ljg0LDMtNi44NCw3LjM3LDIuODEsNy4zNiw2Ljg0LDcuMzZTMzIyLjksNTIuMDUsMzIyLjksNDcuNzFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzUwLDM2LjM3bC0xLjQ4LDQuODdhOC44OSw4Ljg5LDAsMCwwLTMuMDgtLjUzYy0zLjM0LDAtNS42MSwyLjE3LTUuNjEsNS45NFY1OS41MmgtNS43OFYzNS44OUgzMzhsMS4xMSwzLjVhNy4yNyw3LjI3LDAsMCwxLDYuODQtNEE4LDgsMCwwLDEsMzUwLDM2LjM3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTM1NS41LDUyLjMyVjQwLjgybC00LjE5LS4zMlYzNS44OWg0LjE5bC4xNi03LjU4aDUuNjJ2Ny41OGg3LjMxdjQuOTNoLTcuMzFWNTEuNzNjMCwyLjMzLDEuMDYsMywyLjU5LDNhNy4xOSw3LjE5LDAsMCwwLDQtMS4yMWwxLjg1LDQuMzRhMTIuOSwxMi45LDAsMCwxLTcuMTUsMi4xN0MzNTguMzEsNjAuMDUsMzU1LjUsNTcuNjIsMzU1LjUsNTIuMzJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+PC9nPjwvc3ZnPg==') no-repeat center;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ebeef0;
  border-radius: 34px;
  transition: 0.4s;
}
.slider:before {
  position: absolute;
  content: '';
  height: 11px;
  width: 11px;
  left: 2px;
  bottom: 2px;
  background-color: var(--color-header-gradient-light);
  border-radius: 50%;
  transition: 0.4s;
}
.switch {
  position: relative;
  display: inline-block;
  margin-right: 15px;
}
.switch:hover {
  cursor: pointer;
}
.switch input[type='checkbox'] {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch input[type='checkbox']:checked + .slider {
  background-color: #ebeef0;
}
.switch input[type='checkbox']:checked + .slider:before {
  transform: translateX(14px);
}
.switch input[type='checkbox']:focus + .slider {
  box-shadow: 0 0 1px #ebeef0;
}
.expandable-group .expandable-item {
  margin-bottom: 10px;
}
.expandable-group .expandable-item .expandable-item-title {
  display: flex;
  position: relative;
}
.expandable-group .expandable-item .expandable-item-title:hover {
  cursor: pointer;
}
.expandable-group .expandable-item .expandable-item-icon {
  width: 20px;
  height: 20px;
  transform: rotate(0deg);
  transform-origin: 0.5em 0.5em;
  margin-top: 0.3em;
  transition: transform 0.2s ease;
}
.expandable-group .expandable-item .expandable-item-icon.expanded {
  transform: rotate(90deg);
}
.expandable-group .expandable-item .expandable-item-content {
  padding: 5px 15px;
  display: none;
}
.expandable-group .expandable-item .expandable-item-content.expanded {
  display: block;
}
.information {
  display: flex;
  margin: 10px 0;
  align-items: flex-start;
}
.information .icon {
  min-width: 25px;
  min-height: 25px;
  margin-right: 10px;
}
.info-message {
  display: flex;
  align-content: space-between;
  align-items: center;
  margin: 15px 0 15px 0;
}
.info-message .icon {
  width: 21px;
  height: 21px;
  margin-right: 5px;
}
.yfiles-ui-banner {
  position: absolute;
  right: 0;
  top: 120px;
  display: flex;
  min-height: 280px;
  transition: transform 0.2s ease;
}
.yfiles-ui-banner .header {
  display: flex;
  flex-direction: column;
  color: #1e1e1e;
  background-color: var(--color-link);
  padding: 7px;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  cursor: pointer;
}
.yfiles-ui-banner .header .header-icon {
  width: 20px;
  height: 20px;
}
.yfiles-ui-banner .header .header-icon.collapsed {
  transform: rotate(180deg);
}
.yfiles-ui-banner .header .header-content {
  transform: rotate(-90deg);
  transform-origin: 0 100%;
  position: absolute;
  left: 26px;
  bottom: 10px;
  line-height: 20px;
  min-width: 225px;
}
.yfiles-ui-banner .content {
  color: var(--color-yfiles-ui-banner-text);
  background-color: var(--color-yfiles-ui-banner);
  line-height: 30px;
  width: 320px;
  min-height: 280px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  margin: 0;
}
.yfiles-ui-banner .content ul {
  padding: 0;
  margin: 9px 0 0;
}
.yfiles-ui-banner .content ul li {
  margin: 5px 0 0 0;
}
.yfiles-ui-banner .content code {
  margin: 9px 0;
}
.yfiles-ui-banner.collapsed {
  transform: translateX(100%) translateX(-30px);
}
.yfiles-ui-not-installed,
.yfiles-ui-running,
.yfiles-ui-not-running {
  display: flex;
  flex-direction: column;
}
.yfiles-ui-not-installed {
  line-height: 22px;
}
.card {
  box-shadow: 0 2px 5px #00000059;
  padding: 10px;
  border-radius: 8px;
  position: relative;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  align-items: flex-start;
  color: var(--color-text);
  background-color: var(--color-cards);
}
.card h2 {
  font-size: 18px;
  line-height: 24px;
}
.card a {
  color: var(--color-text);
}
.card .icon {
  color: rgba(0, 216, 255, 0.25);
}
.card .link-text {
  color: #ff6c00;
}
.card:hover {
  transform: scale(1.01);
  text-decoration: none;
}
.video-card {
  flex-direction: column;
  width: 240px;
  height: 240px;
  margin: 0 25px 30px 0;
  padding: 5px;
  font-size: 12px;
  line-height: 16px;
}
.video-card .video {
  width: 230px;
  height: 130px;
  border-radius: 6px;
}
.list-header {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 5px;
}
.video {
  width: 230px;
  height: 140px;
  border-radius: 8px;
}
.create-app-video {
  width: 240px;
  height: 135px;
  border-radius: 8px;
  align-self: flex-end;
}
@media screen and (max-width: 870px) {
  .create-app-video {
    margin-top: 16px;
    align-self: center;
  }
}
#getting-started-video {
  width: 300px;
  height: 169px;
  margin: 20px 0 0 20px;
}
#dev-mode-card {
  margin-left: 20px;
  min-width: 248px;
  flex-direction: column;
  font-size: 14px;
  line-height: 18px;
}
#dev-mode-card ul {
  padding: 0;
  margin: 5px 15px;
  list-style: none;
}
#dev-mode-card ul li {
  margin: 0;
}
#navigation-cards {
  margin-top: 30px;
}
#code-container {
  text-align: center;
}
.create-app-block {
  margin-top: 32px;
}
.create-app-block .smaller-h2.smaller-h2.smaller-h2 {
  margin-top: 0;
}
.demo-grid {
  display: block;
  margin-top: 2em;
}
.demo-grid a {
  color: var(--color-text) !important;
}
.demo-grid .tutorial-header {
  margin: 50px 0 16px;
  font-size: 28px;
  font-weight: 400;
  text-align: center;
  padding: 8px 0;
  background-color: #85ebff;
  color: #121212;
}
.demo-grid .demo-header {
  margin: 50px 0 16px;
  font-size: 28px;
  font-weight: 400;
  text-align: center;
  padding: 8px 0;
  background-color: #85ebff;
  color: #121212;
}
.demo-grid .demo-header .hidden {
  display: none;
}
.demo-grid .grid-item {
  background-color: var(--color-sidebar);
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  width: 230px;
  height: 295px;
  margin: 8px;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  overflow: hidden;
  transition: box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.demo-grid .grid-item:not(.not-available):hover,
.demo-grid .grid-item:not(.not-available):focus-within {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.demo-grid .grid-item:not(.not-available):hover .description,
.demo-grid .grid-item:not(.not-available):focus-within .description {
  height: 195px;
}
.demo-grid .grid-item:not(.not-available):hover .description .details,
.demo-grid .grid-item:not(.not-available):focus-within .description .details {
  opacity: 1;
  margin-top: 0.5em;
}
.demo-grid .grid-item:not(.not-available):hover .thumbnail,
.demo-grid .grid-item:not(.not-available):focus-within .thumbnail {
  height: 100px;
}
.demo-grid .grid-item:not(.not-available):hover .thumbnail > a,
.demo-grid .grid-item:not(.not-available):focus-within .thumbnail > a {
  opacity: 0.6;
}
.demo-grid .grid-item:not(.not-available):hover .thumbnail > a > img,
.demo-grid .grid-item:not(.not-available):focus-within .thumbnail > a > img {
  top: -50px;
  opacity: 0.6;
}
.demo-grid .grid-item:not(.not-available):hover .actions,
.demo-grid .grid-item:not(.not-available):focus-within .actions {
  opacity: 0.7;
}
.demo-grid .grid-item:not(.not-available):hover .actions:hover,
.demo-grid .grid-item:not(.not-available):focus-within .actions:hover {
  opacity: 1;
}
.demo-grid .grid-item.filtered {
  display: none;
}
.demo-grid .grid-item.not-available {
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.06);
}
.demo-grid .grid-item.not-available::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 2;
}
.demo-grid .grid-item.not-available .not-available-notice {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 200px;
  padding: 8px;
  background-color: #eeeeee;
  z-index: 2;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}
.demo-grid .grid-item.not-available .not-available-notice div:first-child {
  font-weight: bold;
  margin-bottom: 1ex;
}
.demo-grid .grid-item.not-available .not-available-notice a {
  pointer-events: auto;
  text-decoration: underline;
}
.demo-grid .grid-item .thumbnail {
  position: relative;
  overflow: hidden;
  background: white;
  height: 200px;
  transition: height 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.demo-grid .grid-item .thumbnail .category {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  padding: 6px 10px;
  background-color: #00adcc;
  color: #f0f0f0;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 11px;
}
.demo-grid .grid-item .thumbnail a {
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  height: 100%;
  width: 100%;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.demo-grid .grid-item .thumbnail a img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: top 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.demo-grid .grid-item .thumbnail video {
  width: 100%;
  height: 100%;
  background-color: white;
}
.demo-grid .grid-item .thumbnail .js-badge {
  position: absolute;
  top: 8px;
  right: 8px;
  background-color: var(--color-tag-background);
  padding: 0 10px;
  border-radius: 100px;
  font-size: 12px;
  color: black;
  user-select: none;
  white-space: nowrap;
}
.demo-grid .grid-item .actions {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  opacity: 0;
  text-align: center;
  box-sizing: border-box;
  padding: 10px;
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.demo-grid .grid-item .actions a {
  font-size: 14px;
  color: #333;
  line-height: 22px;
  height: 20px;
  display: inline-block;
}
.demo-grid .grid-item .actions a.action-run {
  background: url("data:image/svg+xml,%3Csvg fill='%23333' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z'/%3E%3C/svg%3E") no-repeat;
  background-size: 60px 60px;
  padding: 30px;
}
.demo-grid .grid-item .actions a.action-source {
  background: url("data:image/svg+xml,%3Csvg fill='%23333' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E") no-repeat;
  background-size: 20px 20px;
  padding-left: 20px;
}
.demo-grid .grid-item .description {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 10px 10px 5px 10px;
  height: 95px;
  box-sizing: border-box;
  overflow: hidden;
  transition: height 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.demo-grid .grid-item .description .title {
  position: relative;
  margin: 0;
  padding: 0 3px;
  font-size: 1.1em;
  z-index: 1;
  font-weight: 500;
}
.demo-grid .grid-item .description .title a:focus {
  outline: 2px solid #00adcc;
}
.demo-grid .grid-item .description .details {
  max-height: 0;
  margin: 0;
  padding: 0 3px;
  font-size: 14px;
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s, margin-top 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.demo-grid .grid-item .description .gradient-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 15px;
  background: linear-gradient(transparent, var(--color-sidebar));
}
.demo-grid .grid-item .tags {
  padding-top: 10px;
  margin-top: auto;
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.demo-grid .grid-item .tags .tag {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  background-color: var(--color-tag-background);
  padding: 0 6px;
  height: 24px;
  line-height: 24px;
  box-sizing: border-box;
  border-radius: 6px;
  margin-bottom: 5px;
  margin-right: 5px;
}
.demo-grid .grid-item .tags .tag a {
  text-decoration: none;
  color: #343f4a !important;
}
.demo-grid .grid-item .tags .tag a:hover {
  text-decoration: underline;
}
.content-wide {
  margin: 10px 50px;
  color: var(--color-text);
}
@media (max-width: 1200px) {
  .content-wide {
    margin: 10px 15px;
  }
}
.content-wide a {
  color: var(--color-link);
  font-weight: 500;
  text-decoration: none;
}
.content-wide a:hover {
  text-decoration: underline;
}
.demo-browser-main {
  flex-direction: row;
  align-items: stretch;
}
@media screen and (max-width: 1100px) {
  .demo-browser-main {
    flex-direction: column;
  }
}
.demo-browser-main .demo-browser-sidebar {
  position: relative;
  width: 270px;
  background: var(--color-sidebar);
  border-right: 1px solid var(--color-sidebar-border);
  padding: 15px;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
}
.demo-browser-main .demo-browser-sidebar a {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  text-decoration: none;
  color: var(--color-text);
}
.demo-browser-main .demo-browser-sidebar a:hover {
  text-decoration: underline;
}
.demo-browser-main .demo-browser-sidebar a .js-badge {
  margin-left: 8px;
  background-color: #f6d854;
  padding: 2px 10px;
  border-radius: 100px;
  font-size: 0.8em;
  color: black;
  user-select: none;
  white-space: nowrap;
}
@media screen and (max-width: 1100px) {
  .demo-browser-main .demo-browser-sidebar {
    width: 100%;
  }
}
.demo-browser-main .demo-browser-sidebar .demo-sidebar-item {
  font-size: 14px;
}
.demo-browser-main .demo-browser-sidebar .demo-sidebar-item:not(:last-of-type) {
  margin-bottom: 10px;
}
.demo-browser-main .demo-browser-sidebar .demo-sidebar-item.filtered {
  opacity: 0.5;
}
.demo-browser-main .demo-browser-sidebar .demo-sidebar-item.not-available {
  pointer-events: none;
}
.demo-browser-main .demo-browser-sidebar .demo-sidebar-item.not-available::after {
  margin-left: 4px;
  color: #666;
}
.demo-browser-main .demo-browser-sidebar .demo-sidebar-item.not-available.viewer-package::after {
  content: '(Needs Layout)';
}
.demo-browser-main .demo-browser-sidebar .demo-sidebar-item.not-available.layout-package::after {
  content: '(Needs Viewer)';
}
.demo-browser-main .demo-browser-sidebar .demo-sidebar-item.not-available a {
  color: #999;
}
.demo-browser-main .demo-browser-sidebar .search-container {
  text-align: right;
  display: flex;
}
.demo-browser-main .demo-browser-sidebar .search-container #search {
  outline: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid lightgray;
  width: 230px;
  margin-bottom: 2em;
  background: none;
  padding: 5px;
  color: var(--color-text);
}
@media screen and (max-width: 1100px) {
  .demo-browser-main .demo-browser-sidebar .search-container #search {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30px;
    right: 0;
    margin: 0;
    font-size: 24px;
    padding-left: 20px;
    border-bottom: none;
  }
}
@media screen and (max-width: 1100px) {
  .demo-browser-main .demo-browser-sidebar .search-container {
    width: 100%;
    height: 20px;
  }
}
.demo-browser-main .demo-browser-sidebar .search-container svg {
  vertical-align: top;
}
.demo-browser-main .demo-browser-sidebar .accordion-pane {
  color: var(--color-text);
  transition: background-color 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
@media screen and (max-width: 1100px) {
  .demo-browser-main .demo-browser-sidebar .accordion-pane {
    display: none;
  }
}
.demo-browser-main .demo-browser-sidebar .accordion-pane .accordion-title {
  padding: 5px;
  margin: 0;
  font-weight: 500;
  font-size: 1em;
  cursor: pointer;
  position: relative;
  transition: background-color 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  user-select: none;
}
.demo-browser-main .demo-browser-sidebar .accordion-pane a {
  font-weight: 500;
}
.demo-browser-main .demo-browser-sidebar .accordion-pane .accordion-icon {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cpath fill='none' stroke='%23666' stroke-width='10' d='M20 35l30 30 30-30'/%3E%3C/svg%3E") no-repeat 50% 50%;
  background-size: 24px 24px;
  width: 24px;
  height: 100%;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 0;
}
.demo-browser-main .demo-browser-sidebar .accordion-pane .accordion-content {
  padding: 20px;
  display: none;
}
.demo-browser-main .demo-browser-sidebar .accordion-pane .accordion-tutorial-prefix {
  opacity: 0.7;
}
.demo-browser-main .demo-browser-sidebar .accordion-pane.expanded {
  background-color: #00d8ff40;
  margin-top: 5px;
}
.demo-browser-main .demo-browser-sidebar .accordion-pane.expanded .accordion-title {
  background-color: rgba(0, 216, 255, 0.25);
  user-select: none;
}
.demo-browser-main .demo-browser-sidebar .accordion-pane.expanded .accordion-content {
  display: block;
}
.demo-browser-main .demo-browser-sidebar .accordion-pane.expanded .accordion-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z' fill='rgb(235, 238, 240)' /%3E%3C/svg%3E");
}
@font-face {
  font-family: 'Material Symbols Outlined';
  src: url('@fontsource-variable/material-symbols-outlined/files/material-symbols-outlined-latin-fill-normal.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5rem;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}
:root [data-theme='theme-light'] .expanded .accordion-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z' fill='rgb(52,63,74)' /%3E%3C/svg%3E") !important;
}