/* Generiert mit Claude Opus 4.8 */
/* Globale DWS-Styles fuer alle Template-Topics. Konvention: namespaced Komponenten
   (.dws-<block>, Modifier via .dws-<block>--<modifier>) + Utility-Klassen (.dws-<util>).
   CSS-Variablen ebenfalls namespaced (--dws-*). */

:root {
  --dws-bg: #0b1020;
  --dws-panel: #131a2e;
  --dws-accent: #5b7cff;
  --dws-accent-2: #3ad0c9;
  --dws-danger: #ff6b6b;
  --dws-success: #3ad07a;
  --dws-warning: #ffaa01;
  --dws-text: #e7ecf5;
  --dws-muted: #9aa6bf;
  --dws-font-monospace: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --dws-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --dws-container-max: 640px;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(16px, 6vw, 48px);
  font-family: var(--dws-font-sans);
  color: var(--dws-text);
  background: var(--dws-bg);
}

/* ===== Utilities ===== */
.dws-d-flex {
  display: flex;
}
.dws-items-center {
  align-items: center;
}
.dws-justify-between {
  justify-content: space-between;
}
.dws-justify-start {
  justify-content: flex-start;
}
.dws-gap-2 {
  gap: 12px;
}
.dws-mb-3 {
  margin-bottom: 24px;
}
.dws-text-muted {
  color: var(--dws-muted);
}

/* ===== Container (Topic-Wrapper: kein Kartenlook, nur Breitenbegrenzung) ===== */
.dws-container {
  width: 100%;
  max-width: var(--dws-container-max);
}

/* ===== Brand ===== */
.dws-brand {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 24px;
}
.dws-logo {
  display: flex;
  align-items: center;
  gap: 12px;
}
.dws-mark {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  background: linear-gradient(135deg, var(--dws-accent), var(--dws-accent-2));
  color: #08122b;
}
.dws-name {
  font-weight: 600;
  font-size: 18px;
}
.dws-name strong {
  font-weight: 800;
}
.dws-api-version {
  display: inline-block;
  font-family: var(--dws-font-monospace);
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: lowercase;
  color: var(--dws-text);
  background-color: var(--dws-bg);
  border: 1px solid var(--dws-muted);
  padding: 4px 10px;
  border-radius: 999px;
}

/* ===== Info row ===== */
.dws-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

/* ===== Badge ===== */
.dws-badge {
  display: inline-block;
  font-size: 14px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--dws-muted);
  border: 1px solid var(--dws-muted);
  padding: 4px 10px;
  border-radius: 999px;
}
.dws-badge--danger {
  color: var(--dws-danger);
  border-color: rgba(255, 107, 107, 0.35);
}

/* ===== Alert ===== */
.dws-alert {
  display: flex;
  justify-content: flex-start;
}
.dws-alert__label {
  display: inline-block;
  font-size: 18px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 800;
  text-align: center;
  color: var(--dws-text);
  background-color: var(--dws-danger);
  border: 2px solid rgba(255, 107, 107, 0.35);
  padding: 4px 16px;
  border-radius: 3px;
}

/* ===== Status message ===== */
.dws-status-msg {
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 900;
  letter-spacing: 0.04em;
  color: var(--dws-text);
  border-left: 6px solid var(--dws-danger);
  margin-top: 10px;
  margin-bottom: 18px;
  padding: 10px 0 10px 15px;
}

/* ===== Typography ===== */
.dws-title {
  margin: 0 0 12px;
  font-size: 26px;
  line-height: 1.25;
}
.dws-text {
  margin: 0 0 18px;
  color: var(--dws-muted);
  line-height: 1.6;
}
.dws-code {
  font-family: var(--dws-font-monospace);
  background: rgba(91, 124, 255, 0.12);
  color: #c9d4ff;
  padding: 2px 8px;
  border-radius: 6px;
}
.dws-link {
  color: var(--dws-accent);
  text-decoration: none;
}
.dws-link:hover {
  text-decoration: underline;
}

/* ===== Meta ===== */
.dws-meta {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 13px;
  color: var(--dws-muted);
}

/* Generiert mit Claude Opus 4.8 */
/* ===== Utilities (Erweiterung) ===== */
/* Hinweis fuer CSS::parseInlineMap: keine nackten Einzelklassen-Regeln in @media,
   keine rohen Semikolons in Data-URIs (nur URL-encodierte SVGs verwenden). */
.dws-hidden {
  display: none !important;
}
.dws-text-success {
  color: var(--dws-success);
}
.dws-text-warning {
  color: var(--dws-warning);
}
.dws-text-danger {
  color: var(--dws-danger);
}
.dws-divider {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  margin: 16px 0;
}

/* ===== Alert-Modifier (Meldungen mit Icon + Text) ===== */
.dws-alert--success {
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  margin: 8px 0;
  font-size: 13px;
  border: 1px solid rgba(58, 208, 122, 0.35);
  border-radius: 10px;
  color: var(--dws-success);
  background: rgba(58, 208, 122, 0.08);
}
.dws-alert--warning {
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  margin: 8px 0;
  font-size: 13px;
  border: 1px solid rgba(255, 170, 1, 0.35);
  border-radius: 10px;
  color: var(--dws-warning);
  background: rgba(255, 170, 1, 0.08);
}
.dws-alert--danger {
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  margin: 8px 0;
  font-size: 13px;
  border: 1px solid rgba(255, 107, 107, 0.35);
  border-radius: 10px;
  color: var(--dws-danger);
  background: rgba(255, 107, 107, 0.08);
}
.dws-alert__icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.dws-alert__text {
  font-weight: 500;
}

/* ===== Fints Challenge ===== */
.dws-challenge {
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 14px;
  margin: 16px 0;
}
.dws-challenge-description {
  font-size: 13px;
  line-height: 1.6;
  color: var(--dws-muted);
}
.dws-challenge-description ul {
  margin: 8px 0 0;
  padding-left: 20px;
}
.dws-challenge-description li {
  margin: 4px 0;
}
.dws-challenge-description b {
  color: var(--dws-text);
}
.dws-challenge-media {
  display: grid;
  justify-items: center;
  padding: 8px 0;
}
.dws-challenge-media-icon {
  width: 160px;
  height: 160px;
  color: var(--dws-accent);
}
.dws-challenge-image {
  margin: 8px auto;
  padding: 12px;
  border: 4px solid var(--dws-accent);
  border-radius: 16px;
  background: #ffffff;
}
.dws-challenge-image img {
  display: block;
  max-width: 100%;
}
.dws-challenge-timer {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
}
.dws-challenge-timer-text {
  font-size: 13px;
  color: var(--dws-muted);
}
.dws-challenge-timer-time {
  font-family: var(--dws-font-monospace);
  font-size: 16px;
  font-weight: 600;
}
.dws-vop-result-badge {
  font-size: 16px;
  font-weight: 700;
  color: var(--dws-accent-2);
  border-color: var(--dws-accent-2);
}
.dws-vop-deviating-name {
  margin: 8px 0 0;
  padding: 8px 12px;
  border: 1px solid rgba(255, 170, 1, 0.35);
  border-radius: 10px;
  background: rgba(255, 170, 1, 0.08);
  text-align: center;
}
.dws-vop-deviating-name__label {
  display: block;
  font-size: 12px;
  color: var(--dws-muted);
}
.dws-vop-deviating-name strong {
  font-size: 16px;
  color: var(--dws-warning);
}

/* ===== Fints Flicker (chipTAN optisch) ===== */
.dws-flicker-controls {
  display: flex;
  justify-content: center;
  column-gap: 10px;
  margin: 12px 0;
}
.dws-flicker-button {
  height: 28px;
  padding: 2px 6px;
  background: var(--dws-panel);
  color: var(--dws-text);
  border: 1px solid var(--dws-muted);
  border-radius: 6px;
  cursor: pointer;
}
.dws-flicker-button:hover {
  border-color: var(--dws-accent);
  color: var(--dws-accent);
}
.dws-flicker-button .dws-icon {
  width: 18px;
  height: 18px;
}
.dws-flicker-expander {
  width: 100%;
}
.dws-flicker-box {
  display: table;
  margin: 0 auto;
  padding: 20px;
  border: 5px solid var(--dws-accent);
  border-radius: 20px;
  background: #000000;
}
.dws-flicker-arrow-box {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 10px 0 0;
}
.dws-flicker-arrow {
  width: 25px;
  height: 20px;
  color: #ffffff;
}
.dws-flicker-canvas {
  display: block;
  margin: 0 auto;
  padding: 0;
}
.dws-flicker-init {
  width: 196px;
  height: 124px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  cursor: pointer;
  color: var(--dws-muted);
}
.dws-flicker-init:hover {
  color: var(--dws-text);
}
.dws-flicker-init .dws-icon {
  width: 80px;
  height: 80px;
}

/* ===== Pulse-Animation ===== */
@keyframes dws-pulse {
  0% {
    opacity: 0.6;
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  100% {
    opacity: 0.6;
    transform: scale(0.95);
  }
}
.dws-pulse {
  animation: dws-pulse 2s ease-in-out infinite;
}

/* ===== Icons (Mask-Image, URL-encodierte SVGs) ===== */
.dws-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.dws-icon--arrow-down {
  --svg: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2020'%3E%3Cpath%20d='M12%2020L0%200h24z'/%3E%3C/svg%3E");
}
.dws-icon--mobile-confirm {
  --svg: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%22144%20144%20512%20512%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22m184%20148.09h432v503.81h-432z%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20clip-path%3D%22url(%23a)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22m496.71%20302.4c21.363%200%2040.699%208.668%2054.691%2022.656%2013.988%2013.988%2022.656%2033.328%2022.656%2054.691%200%2021.363-8.668%2040.699-22.656%2054.691-13.988%2013.988-33.328%2022.656-54.691%2022.656s-40.699-8.668-54.691-22.656c-13.988-13.988-22.656-33.328-22.656-54.691%200-21.363%208.668-40.699%2022.656-54.691%2013.988-13.988%2033.328-22.656%2054.691-22.656zm-95.047%20295.6c-3.6133%200-6.9102%201.4648-9.2773%203.832-2.3672%202.3672-3.832%205.6641-3.832%209.2773s1.4648%206.9102%203.832%209.2773c2.3672%202.3672%205.6641%203.832%209.2773%203.832%203.6133%200%206.9102-1.4648%209.2773-3.832%202.3672-2.3672%203.832-5.6641%203.832-9.2773s-1.4648-6.9102-3.832-9.2773-5.6641-3.832-9.2773-3.832zm-13.355-0.21875c3.418-3.418%208.1289-5.5195%2013.355-5.5195%205.1992%200%209.9375%202.125%2013.355%205.5195%203.418%203.418%205.5195%208.1289%205.5195%2013.355%200%205.1992-2.125%209.9375-5.5195%2013.355-3.418%203.418-8.1289%205.5195-13.355%205.5195-5.1992%200-9.9375-2.125-13.355-5.5195-3.418-3.418-5.5195-8.1289-5.5195-13.355%200-5.1992%202.125-9.9375%205.5195-13.355zm47.977-410.54c2.125%200%203.832%201.7109%203.832%203.832%200%202.125-1.7109%203.832-3.832%203.832h-1.3438c-2.125%200-3.832-1.7109-3.832-3.832%200-2.125%201.7109-3.832%203.832-3.832zm-26.199%200c2.125%200%203.832%201.7109%203.832%203.832%200%202.125-1.7109%203.832-3.832%203.832h-43.07c-2.125%200-3.832-1.7109-3.832-3.832%200-2.125%201.7109-3.832%203.832-3.832zm47.707%20161c-2.2461-2.2461-2.2461-5.8828%200-8.1562%202.2461-2.2461%205.8828-2.2461%208.1562%200l31.52%2031.52%2031.52-31.52c2.2461-2.2461%205.8828-2.2461%208.1562%200%202.2461%202.2461%202.2461%205.8828%200%208.1562l-31.52%2031.52%2031.52%2031.52c2.2461%202.2461%202.2461%205.8828%200%208.1562-2.2461%202.2461-5.8828%202.2461-8.1562%200l-31.52-31.52-31.52%2031.52c-2.2461%202.2461-5.8828%202.2461-8.1562%200-2.2461-2.2461-2.2461-5.8828%200-8.1562l31.52-31.52zm-202.84%2046.977c-2.3945-2.0742-2.6367-5.7148-0.53906-8.1055%202.0742-2.3945%205.7148-2.6367%208.1055-0.53906l28.613%2024.977%2049.809-58.695c2.0508-2.418%205.6641-2.7344%208.1055-0.68359%202.418%202.0508%202.7344%205.6641%200.68359%208.1055l-53.566%2063.137-0.074219%200.074218c-2.0742%202.3945-5.7148%202.6367-8.1055%200.53906l-33.008-28.809zm145.05-114.26h-193.2c-2.9805%200-5.6875%201.2227-7.668%203.1992-1.9766%201.9766-3.1992%204.6875-3.1992%207.668v179.23c0%202.9805%201.2227%205.6875%203.1992%207.668%201.9766%201.9766%204.6875%203.1992%207.668%203.1992h154.3c2.9062%200%205.8125%200.66016%208.3242%202.0508%202.5156%201.3672%204.5898%203.4414%205.9336%206.2266l24.637%2051.832%2024.637-51.832c1.3203-2.8086%203.418-4.8594%205.9336-6.2266%202.5156-1.3906%205.4219-2.0508%208.3242-2.0508h154.3c2.9805%200%205.6875-1.2227%207.668-3.1992%201.9766-1.9766%203.1992-4.6875%203.1992-7.668v-179.23c0-2.9805-1.2227-5.6875-3.1992-7.668-1.9766-1.9766-4.6875-3.1992-7.668-3.1992zm-193.2-11.523h48.219v-67.289c0-14.867%206.0781-28.395%2015.871-38.184%209.7891-9.7891%2023.316-15.871%2038.184-15.871h185.16c14.867%200%2028.395%206.0781%2038.184%2015.871%209.7891%209.7891%2015.871%2023.316%2015.871%2038.184v67.191h-11.523v-67.191c0-11.695-4.7852-22.34-12.5-30.055s-18.359-12.5-30.055-12.5h-185.16c-11.695%200-22.34%204.7852-30.055%2012.5-7.7148%207.7148-12.5%2018.359-12.5%2030.055v67.289h21.07v-45.973c0-2.125%201.7109-3.832%203.832-3.832h220.47v0.023437h0.050781c2.125%200.023437%203.8086%201.7812%203.7617%203.8828l-0.73438%2045.926h78.203c6.1523%200%2011.77%202.5156%2015.82%206.5664%204.0547%204.0547%206.5664%209.6445%206.5664%2015.82v179.23c0%206.1758-2.5156%2011.77-6.5664%2015.82-4.0547%204.0547-9.6445%206.5664-15.82%206.5664h-46.023c0.39062%2034.961%200.92969%2069.949%201.125%20104.89l0.023437%200.023438c0%2014.672-6.0547%2027.98-15.797%2037.672-9.6914%209.668-23.074%2015.699-37.723%2015.844h-0.53906l-0.023438%200.023438h-185.16c-14.867%200-28.395-6.0781-38.184-15.871-9.7891-9.7891-15.871-23.316-15.871-38.184v-104.4h-48.219c-6.1758%200-11.77-2.5156-15.82-6.5664-4.0547-4.0547-6.5664-9.6445-6.5664-15.82v-179.23c0-6.1523%202.5156-11.77%206.5664-15.82%204.0547-4.0547%209.6445-6.5664%2015.82-6.5664zm88.48%200h212.07l0.68359-42.141h-212.73v42.141zm240.44%20223.98h-18.652l-1.3203%2082.84v0.26953c0%202.125-1.7109%203.832-3.832%203.832h-220.47c-2.125%200-3.832-1.7109-3.832-3.832v-83.109h-21.07v104.4c0%2011.695%204.7852%2022.34%2012.5%2030.055%207.7148%207.7148%2018.359%2012.5%2030.055%2012.5h185.16v0.023437h0.46484c11.523-0.12109%2022.047-4.9062%2029.715-12.523%207.6172-7.5938%2012.379-18.043%2012.379-29.543h0.023438l-1.125-104.91zm-26.32%200h-70.512c-1.0742%200-2.0508%200.19531-2.7852%200.60938-0.46484%200.26953-0.85547%200.60938-1.0742%201.0508l-24.977%2052.543c-0.95312%202.0039-2.2969%203.6367-3.8086%204.8359-1.8789%201.4648-4.0547%202.2695-6.25%202.2695-2.1992%200-4.3711-0.80469-6.25-2.2695-1.5156-1.1953-2.8555-2.832-3.8086-4.8359l-24.977-52.543c-0.21875-0.44141-0.58594-0.80469-1.0742-1.0508-0.75781-0.41406-1.7344-0.60938-2.7852-0.60938h-65.824v79.277h212.85l1.2695-79.277zm-206.11-191.02c21.363%200%2040.699%208.668%2054.691%2022.656%2013.988%2013.988%2022.656%2033.328%2022.656%2054.691s-8.668%2040.699-22.656%2054.691c-13.988%2013.988-33.328%2022.656-54.691%2022.656-21.363%200-40.699-8.668-54.691-22.656-13.988-13.988-22.656-33.328-22.656-54.691s8.668-40.699%2022.656-54.691c13.988-13.988%2033.328-22.656%2054.691-22.656zm49.27%2028.078c-12.598-12.598-30.031-20.41-49.27-20.41-19.238%200-36.648%207.7891-49.27%2020.41-12.598%2012.598-20.41%2030.031-20.41%2049.27s7.7891%2036.648%2020.41%2049.246c12.598%2012.598%2030.031%2020.41%2049.27%2020.41%2019.238%200%2036.648-7.7891%2049.246-20.41%2012.598-12.598%2020.41-30.031%2020.41-49.246%200-19.238-7.7891-36.648-20.41-49.27zm193.42%200c-12.598-12.598-30.031-20.41-49.27-20.41s-36.648%207.7891-49.27%2020.41c-12.598%2012.598-20.41%2030.031-20.41%2049.27s7.7891%2036.648%2020.41%2049.246c12.598%2012.598%2030.031%2020.41%2049.27%2020.41s36.648-7.7891%2049.27-20.41c12.598-12.598%2020.41-30.031%2020.41-49.246%200-19.238-7.7891-36.648-20.41-49.27z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
}
.dws-icon--mobile-sms {
  --svg: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns:xlink%3D%22http:%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.2%22%20viewBox%3D%220%200%20689.77%20857.77%22%3E%0A%20%20%3Cpath%20d%3D%22M308.19%2C783.192C302.594%2C783.192%2C298.117%2C787.404%2C298.117%2C792.512L298.117%2C812.731C298.117%2C817.874%2C302.594%2C822.033%2C308.19%2C822.033L383.724%2C822.033C389.301%2C822.033%2C393.815%2C817.874%2C393.815%2C812.731L393.815%2C792.512C393.815%2C787.404%2C389.301%2C783.192%2C383.724%2C783.192z%20M177.169%2C783.192C171.606%2C783.192%2C167.105%2C787.404%2C167.105%2C792.512L167.105%2C812.731C167.105%2C817.874%2C171.606%2C822.033%2C177.169%2C822.033L252.743%2C822.033C258.282%2C822.033%2C262.816%2C817.874%2C262.816%2C812.731L262.816%2C792.512C262.816%2C787.404%2C258.282%2C783.192%2C252.743%2C783.192z%20M51.216%2C783.192C45.6278%2C783.192%2C41.1246%2C787.404%2C41.1246%2C792.512L41.1246%2C812.731C41.1246%2C817.874%2C45.6278%2C822.033%2C51.216%2C822.033L126.788%2C822.033C132.354%2C822.033%2C136.88%2C817.874%2C136.88%2C812.731L136.88%2C792.512C136.88%2C787.404%2C132.354%2C783.192%2C126.788%2C783.192z%20M308.19%2C713.267C302.594%2C713.267%2C298.117%2C717.41%2C298.117%2C722.587L298.117%2C742.772C298.117%2C747.949%2C302.594%2C752.109%2C308.19%2C752.109L383.724%2C752.109C389.301%2C752.109%2C393.815%2C747.949%2C393.815%2C742.772L393.815%2C722.587C393.815%2C717.41%2C389.301%2C713.267%2C383.724%2C713.267z%20M177.169%2C713.267C171.606%2C713.267%2C167.105%2C717.41%2C167.105%2C722.587L167.105%2C742.772C167.105%2C747.949%2C171.606%2C752.109%2C177.169%2C752.109L252.743%2C752.109C258.282%2C752.109%2C262.816%2C747.949%2C262.816%2C742.772L262.816%2C722.587C262.816%2C717.41%2C258.282%2C713.267%2C252.743%2C713.267z%20M51.216%2C713.267C45.6278%2C713.267%2C41.1246%2C717.41%2C41.1246%2C722.587L41.1246%2C742.772C41.1246%2C747.949%2C45.6278%2C752.109%2C51.216%2C752.109L126.788%2C752.109C132.354%2C752.109%2C136.88%2C747.949%2C136.88%2C742.772L136.88%2C722.587C136.88%2C717.41%2C132.354%2C713.267%2C126.788%2C713.267z%20M308.19%2C643.326C302.594%2C643.326%2C298.117%2C647.485%2C298.117%2C652.663L298.117%2C672.9C298.117%2C678.025%2C302.594%2C682.167%2C308.19%2C682.167L383.724%2C682.167C389.301%2C682.167%2C393.815%2C678.025%2C393.815%2C672.9L393.815%2C652.663C393.815%2C647.485%2C389.301%2C643.326%2C383.724%2C643.326z%20M177.169%2C643.326C171.606%2C643.326%2C167.105%2C647.485%2C167.105%2C652.663L167.105%2C672.9C167.105%2C678.025%2C171.606%2C682.167%2C177.169%2C682.167L252.743%2C682.167C258.282%2C682.167%2C262.816%2C678.025%2C262.816%2C672.9L262.816%2C652.663C262.816%2C647.485%2C258.282%2C643.326%2C252.743%2C643.326z%20M51.216%2C643.326C45.6278%2C643.326%2C41.1246%2C647.485%2C41.1246%2C652.663L41.1246%2C672.9C41.1246%2C678.025%2C45.6278%2C682.167%2C51.216%2C682.167L126.788%2C682.167C132.354%2C682.167%2C136.88%2C678.025%2C136.88%2C672.9L136.88%2C652.663C136.88%2C647.485%2C132.354%2C643.326%2C126.788%2C643.326z%20M0%2C175.618L85.159%2C175.618%2085.159%2C209.808%2054.9605%2C209.808C49.4462%2C209.808%2C44.8937%2C213.968%2C44.8937%2C219.111L44.8937%2C592.041C44.8937%2C597.218%2C49.4462%2C601.361%2C54.9605%2C601.361L175.5%2C601.361%20175.248%2C602.326%20176.817%2C601.361%20379.968%2C601.361C385.545%2C601.361%2C390.022%2C597.218%2C390.022%2C592.041L390.022%2C470.568%20434.978%2C442.995%20434.978%2C857.768%200%2C857.768z%20M533.787%2C159.155C515.482%2C159.155%20500.648%2C172.88%20500.648%2C189.818%20500.648%2C206.737%20515.482%2C220.444%20533.787%2C220.444%20552.073%2C220.444%20566.888%2C206.737%20566.888%2C189.818%20566.888%2C172.88%20552.073%2C159.155%20533.787%2C159.155z%20M401.365%2C159.155C383.041%2C159.155%20368.226%2C172.88%20368.226%2C189.818%20368.226%2C206.737%20383.041%2C220.444%20401.365%2C220.444%20419.613%2C220.444%20434.447%2C206.737%20434.447%2C189.818%20434.447%2C172.88%20419.613%2C159.155%20401.365%2C159.155z%20M268.905%2C159.155C250.619%2C159.155%20235.797%2C172.88%20235.797%2C189.818%20235.797%2C206.737%20250.619%2C220.444%20268.905%2C220.444%20287.191%2C220.444%20302.006%2C206.737%20302.006%2C189.818%20302.006%2C172.88%20287.191%2C159.155%20268.905%2C159.155z%20M266.553%2C0L546.173%2C0C625.464%2C-9E-06%2C689.768%2C59.5163%2C689.768%2C132.881L689.768%2C261.076C689.768%2C334.44%2C625.464%2C393.957%2C546.173%2C393.957L446.549%2C393.957%20233.799%2C524.486%20266.856%2C393.957%20266.553%2C393.957C187.261%2C393.957%2C122.945%2C334.44%2C122.945%2C261.076L122.945%2C132.881C122.945%2C59.5163%2C187.261%2C-9E-06%2C266.553%2C0z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.dws-icon--tan-generator {
  --svg: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cpath%20d%3D%22M3.926%2C5.6A.978.978%2C0%2C0%2C0%2C4.9%2C4.62V3.051a.25.25%2C0%2C0%2C1%2C.362-.224l.179.09a.979.979%2C0%2C0%2C0%2C.981-.061l.786-.525a.251.251%2C0%2C0%2C1%2C.278%2C0l.786.525a.979.979%2C0%2C0%2C0%2C.981.061l.179-.09a.25.25%2C0%2C0%2C1%2C.362.224V4.62a.979.979%2C0%2C1%2C0%2C1.957%2C0V1.855A1.467%2C1.467%2C0%2C0%2C0%2C9.63.541L9.02.847A.248.248%2C0%2C0%2C1%2C8.769.832l-.605-.4a1.464%2C1.464%2C0%2C0%2C0-1.627%2C0l-.6.4a.248.248%2C0%2C0%2C1-.251.015L5.072.541A1.469%2C1.469%2C0%2C0%2C0%2C2.947%2C1.855V4.62A.979.979%2C0%2C0%2C0%2C3.926%2C5.6Z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M22.5%2C2.286H18.856a.25.25%2C0%2C0%2C0-.25.25V12.8a.25.25%2C0%2C0%2C0%2C.25.25H22.5a1%2C1%2C0%2C0%2C0%2C1-1V3.286A1%2C1%2C0%2C0%2C0%2C22.5%2C2.286Zm-.468%2C3.426a.49.49%2C0%2C0%2C1-.979%2C0V4.244a.49.49%2C0%2C1%2C1%2C.979%2C0Z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M17.628%2C2.536a.25.25%2C0%2C0%2C0-.25-.25H16.67a1%2C1%2C0%2C0%2C0-1%2C1v8.766a1%2C1%2C0%2C0%2C0%2C1%2C1h.708a.25.25%2C0%2C0%2C0%2C.25-.25Z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M21.543%2C19.414h-.729a.25.25%2C0%2C0%2C1-.25-.25V15.989a.979.979%2C0%2C1%2C0-1.958%2C0v3.175a.25.25%2C0%2C0%2C1-.25.25h-.728a.489.489%2C0%2C0%2C0-.346.835l1.957%2C1.958a.49.49%2C0%2C0%2C0%2C.692%2C0l1.958-1.958a.489.489%2C0%2C0%2C0-.346-.835Z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M11.266%2C6.333H3.436A2.939%2C2.939%2C0%2C0%2C0%2C.5%2C9.269V20.882a2.866%2C2.866%2C0%2C0%2C0%2C2.785%2C2.936h8.132A2.866%2C2.866%2C0%2C0%2C0%2C14.2%2C20.882V9.269A2.939%2C2.939%2C0%2C0%2C0%2C11.266%2C6.333Zm.489%2C13.947h-.978a.734.734%2C0%2C0%2C1%2C0-1.468h.978a.734.734%2C0%2C0%2C1%2C0%2C1.468ZM7.84%2C16.854H6.862a.734.734%2C0%2C1%2C1%2C0-1.468H7.84a.734.734%2C0%2C1%2C1%2C0%2C1.468Zm.734%2C2.692a.734.734%2C0%2C0%2C1-.734.734H6.862a.734.734%2C0%2C0%2C1%2C0-1.468H7.84A.733.733%2C0%2C0%2C1%2C8.574%2C19.546Zm-5.627-4.16h.979a.734.734%2C0%2C1%2C1%2C0%2C1.468H2.947a.734.734%2C0%2C1%2C1%2C0-1.468Zm0%2C3.426h.979a.734.734%2C0%2C0%2C1%2C0%2C1.468H2.947a.734.734%2C0%2C1%2C1%2C0-1.468Zm8.808-1.958h-.978a.734.734%2C0%2C1%2C1%2C0-1.468h.978a.734.734%2C0%2C1%2C1%2C0%2C1.468Zm-9.3-7.585a.98.98%2C0%2C0%2C1%2C.979-.979h7.83a.979.979%2C0%2C0%2C1%2C.979.979v1.936a1%2C1%2C0%2C0%2C1-1%2C1H3.457a1%2C1%2C0%2C0%2C1-1-1Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.dws-icon--zoom-plus {
  --svg: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6.5%2012a5.5%205.5%200%201%200%200-11%205.5%205.5%200%200%200%200%2011zM13%206.5a6.5%206.5%200%201%201-13%200%206.5%206.5%200%200%201%2013%200z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M10.344%2011.742c.03.04.062.078.098.115l3.85%203.85a1%201%200%200%200%201.415-1.414l-3.85-3.85a1.007%201.007%200%200%200-.115-.1%206.538%206.538%200%200%201-1.398%201.4z%22%2F%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6.5%203a.5.5%200%200%201%20.5.5V6h2.5a.5.5%200%200%201%200%201H7v2.5a.5.5%200%200%201-1%200V7H3.5a.5.5%200%200%201%200-1H6V3.5a.5.5%200%200%201%20.5-.5z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.dws-icon--zoom-minus {
  --svg: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6.5%2012a5.5%205.5%200%201%200%200-11%205.5%205.5%200%200%200%200%2011zM13%206.5a6.5%206.5%200%201%201-13%200%206.5%206.5%200%200%201%2013%200z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M10.344%2011.742c.03.04.062.078.098.115l3.85%203.85a1%201%200%200%200%201.415-1.414l-3.85-3.85a1.007%201.007%200%200%200-.115-.1%206.538%206.538%200%200%201-1.398%201.4z%22%2F%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M3%206.5a.5.5%200%200%201%20.5-.5h6a.5.5%200%200%201%200%201h-6a.5.5%200%200%201-.5-.5z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.dws-icon--speed-up {
  --svg: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Cpath%20transform%3D%22rotate(0%2C64%2C64)%20translate(3.02999877929688%2C0)%20scale(4%2C4)%20%22%20d%3D%22M17.703988%2C3.8130035L2.7810072%2C16.175995%2017.703988%2C28.298004%2017.703988%2C17.164001%2028.707992%2C27.376999%2028.720015%2C4.0159912%2017.703988%2C14.140991z%20M30.485%2C0L30.469008%2C31.416992%2019.466989%2C21.207001%2019.466989%2C32%200%2C16.190002%2019.466989%2C0.06199646%2019.466989%2C10.125z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
}
.dws-icon--speed-down {
  --svg: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Cpath%20transform%3D%22rotate(0%2C64%2C64)%20translate(3.02999877929688%2C0)%20scale(4%2C4)%20%22%20d%3D%22M12.781012%2C3.7019958L12.781012%2C14.835999%201.7769785%2C4.6239929%201.7649851%2C27.985001%2012.781012%2C17.860001%2012.781012%2C28.188004%2027.703994%2C15.824997z%20M11.018011%2C0L30.485%2C15.811005%2011.018011%2C31.938004%2011.018011%2C21.875992%200%2C32%200.01599121%2C0.58399963%2011.018011%2C10.792999z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
}
.dws-icon--play {
  --svg: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Cpath%20transform%3D%22rotate(0%2C64%2C64)%20translate(7.84999847412109%2C0)%20scale(4%2C4)%20%22%20d%3D%22M1.8090053%2C3.0469971L1.8460002%2C28.828995%2024.429996%2C15.416992z%20M0%2C0L28.075%2C15.353989%200.046005248%2C32z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
}
.dws-icon--pause {
  --svg: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20128%20128%22%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Cpath%20transform%3D%22rotate(0%2C64%2C64)%20translate(26.0459754412203%2C0)%20scale(3.9999995231629%2C3.9999995231629)%20%22%20d%3D%22M14.092012%2C1.883002L14.092012%2C30.118002%2017.094013%2C30.118002%2017.094013%2C1.883002z%20M1.8829978%2C1.882004L1.8829978%2C30.117004%204.8840089%2C30.117004%204.8840089%2C1.882004z%20M12.210011%2C1.9073489E-06L18.977014%2C1.9073489E-06%2018.977014%2C32.000004%2012.210011%2C32.000004z%20M0%2C0L6.7659998%2C0%206.7659998%2C32%200%2C32z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
}
.dws-icon--play-fill {
  --svg: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns:xlink%3D%22http:%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.2%22%20viewBox%3D%220%200%20454%20459%22%3E%0A%20%20%3Cpath%20d%3D%22M0%2C0L226.984205022454%2C114.765510559082%20453.999997869134%2C229.468978881836%20226.984205022454%2C344.234497070313%200%2C459%200%2C229.468978881836z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.dws-icon--alert-success {
  --svg: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M16%208A8%208%200%201%201%200%208a8%208%200%200%201%2016%200zm-3.97-3.03a.75.75%200%200%200-1.08.022L7.477%209.417%205.384%207.323a.75.75%200%200%200-1.06%201.06L6.97%2011.03a.75.75%200%200%200%201.079-.02l3.992-4.99a.75.75%200%200%200-.01-1.05z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.dws-icon--alert-warning {
  --svg: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M16%208A8%208%200%201%201%200%208a8%208%200%200%201%2016%200zM8%204a.905.905%200%200%200-.9.995l.35%203.507a.552.552%200%200%200%201.1%200l.35-3.507A.905.905%200%200%200%208%204zm.002%206a1%201%200%201%200%200%202%201%201%200%200%200%200-2z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.dws-icon--alert-danger {
  --svg: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M16%208A8%208%200%201%201%200%208a8%208%200%200%201%2016%200zM5.354%204.646a.5.5%200%201%200-.708.708L7.293%208l-2.647%202.646a.5.5%200%200%200%20.708.708L8%208.707l2.646%202.647a.5.5%200%200%200%20.708-.708L8.707%208l2.647-2.646a.5.5%200%200%200-.708-.708L8%207.293%205.354%204.646z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}