/* bootstrap-edraw article subset */
:root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --gray: #6c757d; --gray-dark: #343a40; --primary: #000; --secondary: #ffc400; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --white: #fff; --black: #000; --action: #006dff; --support: #ffc400; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1280px; --breakpoint-xxl: 1600px; --font-family-sans-serif: "Poppins", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }*, ::before, ::after { box-sizing: border-box; }html { font-family: sans-serif; line-height: 1.15; text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }body { margin: 0px; font-family: Poppins, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(0, 0, 0); text-align: left; background-color: rgb(255, 255, 255); }h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; }p { margin-top: 0px; margin-bottom: 1rem; }ol, ul, dl { margin-top: 0px; margin-bottom: 1rem; }blockquote { margin: 0px 0px 1rem; }b, strong { font-weight: bolder; }a { color: rgb(0, 0, 0); text-decoration: none; background-color: transparent; }a:hover { color: rgb(0, 0, 0); text-decoration: underline; }figure { margin: 0px 0px 1rem; }img { vertical-align: middle; border-style: none; }svg { overflow: hidden; vertical-align: middle; }table { border-collapse: collapse; }button { border-radius: 0px; }button:focus { outline: -webkit-focus-ring-color auto 5px; }input, button, select, optgroup, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }button, input { overflow: visible; }button, select { text-transform: none; }button, [type="button"], [type="reset"], [type="submit"] { appearance: button; }button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; }input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0px; }::-webkit-file-upload-button { font: inherit; appearance: button; }summary { display: list-item; cursor: pointer; }h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: Poppins, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 700; line-height: 1.2; }h1, .h1 { font-size: 2.5rem; }h2, .h2 { font-size: 2rem; }h3, .h3 { font-size: 1.75rem; }h6, .h6 { font-size: 1rem; }.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }.order-2 { -webkit-box-ordinal-group: 3; order: 2; }.order-3 { -webkit-box-ordinal-group: 4; order: 3; }@media (min-width: 1280px){.col-xl-4 { -webkit-box-flex: 0; flex: 0 0 33.3333%; max-width: 33.3333%; }}.table { width: 100%; margin-bottom: 1rem; color: inherit; }.table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid rgb(222, 226, 230); }.table thead th { vertical-align: bottom; border-bottom: 2px solid rgb(222, 226, 230); }.table tbody + tbody { border-top: 2px solid rgb(222, 226, 230); }.collapse:not(.show) { display: none; }.nav-link { display: block; padding: 0.5rem 1rem; }.nav-link:hover, .nav-link:focus { text-decoration: none; }.navbar { position: relative; display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 0.5rem 1rem; }.navbar-nav { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding-left: 0px; margin-bottom: 0px; list-style: none; }.navbar-nav .nav-link { padding-right: 0px; padding-left: 0px; }.navbar-collapse { flex-basis: 100%; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-align: center; align-items: center; }.navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0px; }.navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; }@-webkit-keyframes progress-bar-stripes { 
  0% { background-position: 1rem 0px; }
  100% { background-position: 0px 0px; }
}@keyframes progress-bar-stripes { 
  0% { background-position: 1rem 0px; }
  100% { background-position: 0px 0px; }
}.list-group { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding-left: 0px; margin-bottom: 0px; border-radius: 0px; }.list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.125); }.list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; }.list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; }.list-group-item.disabled, .list-group-item:disabled { color: rgb(108, 117, 125); pointer-events: none; background-color: rgb(255, 255, 255); }.list-group-item.active { z-index: 2; color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); border-color: rgb(0, 0, 0); }.list-group-item + .list-group-item { border-top-width: 0px; }.list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; }@-webkit-keyframes spinner-border { 
  100% { transform: rotate(360deg); }
}@keyframes spinner-border { 
  100% { transform: rotate(360deg); }
}@-webkit-keyframes spinner-grow { 
  0% { transform: scale(0); }
  50% { opacity: 1; transform: none; }
}@keyframes spinner-grow { 
  0% { transform: scale(0); }
  50% { opacity: 1; transform: none; }
}.bg-white { background-color: rgb(255, 255, 255) !important; }a.bg-white:hover, a.bg-white:focus, button.bg-white:hover, button.bg-white:focus { background-color: rgb(230, 230, 230) !important; }.bg-white { background-color: rgb(255, 255, 255) !important; }.bg-transparent { background-color: transparent !important; }.border-bottom { border-bottom: 1px solid rgb(222, 226, 230) !important; }.d-block { display: block !important; }.d-flex { display: flex !important; }.d-inline-flex { display: inline-flex !important; }.flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; flex-direction: column !important; }.justify-content-center { -webkit-box-pack: center !important; justify-content: center !important; }.align-items-center { -webkit-box-align: center !important; align-items: center !important; }.position-relative { position: relative !important; }.position-absolute { position: absolute !important; }.position-fixed { position: fixed !important; }.fixed-top { position: fixed; top: 0px; right: 0px; left: 0px; z-index: 1030; }.w-100 { width: 100% !important; }.h-100 { height: 100% !important; }.mr-2, .mx-2 { margin-right: 0.5rem !important; }.ml-2, .mx-2 { margin-left: 0.5rem !important; }.ml-3, .mx-3 { margin-left: 1rem !important; }.p-0 { padding: 0px !important; }.m-auto { margin: auto !important; }@media (min-width: 992px){.pr-lg-0, .px-lg-0 { padding-right: 0px !important; }.pl-lg-0, .px-lg-0 { padding-left: 0px !important; }}@media print{*, ::before, ::after { text-shadow: none !important; box-shadow: none !important; }a:not(.btn) { text-decoration: underline; }pre, blockquote { border: 1px solid rgb(173, 181, 189); break-inside: avoid; }tr, img { break-inside: avoid; }p, h2, h3 { orphans: 3; widows: 3; }h2, h3 { break-after: avoid; }body { min-width: 992px !important; }.navbar { display: none; }.table { border-collapse: collapse !important; }.table td, .table th { background-color: rgb(255, 255, 255) !important; }}.navbar { z-index: 19; height: 4rem; }.navbar [aria-expanded="true"] > .aria-expanded-false-show { display: none; }.navbar [aria-expanded="false"] > .aria-expanded-true-show { display: none; }.navbar .navbar-toggler { color: inherit; }.navbar .navbar-toggler:focus { outline: none; }.navbar .collapse.position-absolute, .navbar .collapsing.position-absolute { top: 4rem; left: 0px; }[data-dev="auto"] .dev-mobile, [data-dev="desktop"] .dev-mobile, [data-dev="mobile"] .dev-desktop, [data-sys="auto"] .sys-mac, [data-sys="auto"] .sys-linux, [data-sys="auto"] .sys-ios, [data-sys="auto"] .sys-android, [data-sys="auto"] .sys-other, [data-sys="win"] .sys-mac, [data-sys="win"] .sys-linux, [data-sys="win"] .sys-ios, [data-sys="win"] .sys-android, [data-sys="win"] .sys-other, [data-sys="mac"] .sys-win, [data-sys="mac"] .sys-linux, [data-sys="mac"] .sys-ios, [data-sys="mac"] .sys-android, [data-sys="mac"] .sys-other, [data-sys="linux"] .sys-win, [data-sys="linux"] .sys-mac, [data-sys="linux"] .sys-ios, [data-sys="linux"] .sys-android, [data-sys="linux"] .sys-other, [data-sys="android"] .sys-ios, [data-sys="android"] .sys-win, [data-sys="android"] .sys-mac, [data-sys="android"] .sys-linux, [data-sys="android"] .sys-other, [data-sys="ios"] .sys-android, [data-sys="ios"] .sys-win, [data-sys="ios"] .sys-mac, [data-sys="ios"] .sys-linux, [data-sys="ios"] .sys-other, [data-sys="other"] .sys-win, [data-sys="other"] .sys-mac, [data-sys="other"] .sys-linux, [data-sys="other"] .sys-ios, [data-sys="other"] .sys-android, [data-tar="auto"] .tar-alt, [data-tar="nor"] .tar-alt, [data-tar="alt"] .tar-nor, .parameter { display: none !important; margin: 0px !important; }.wsc-header-close, .wsc-header-bottom:hover .wsc-header-bottom-logo nav, .wsc-main::before { z-index: -1; opacity: 0; transition: 0.2s ease-in-out; }@media (prefers-reduced-motion: reduce){.wsc-header-close, .wsc-header-bottom:hover .wsc-header-bottom-logo nav, .wsc-main::before { transition: none; }}.transition, a { transition: 0.2s ease-in-out; }@media (prefers-reduced-motion: reduce){.transition, a { transition: none; }}.transition::before, a::before, .transition::after, a::after { transition: 0.2s ease-in-out; }@media (prefers-reduced-motion: reduce){.transition::before, a::before, .transition::after, a::after { transition: none; }}@-webkit-keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}.inline-block, .wsc-icon, .wsc-icon [class^="wsc-svg"], .wsc-icon.wsc-icon-font::before, .wsc-box-wrapper { display: inline-block; vertical-align: bottom; }.parameter { z-index: -2; }.with-hand, [for] { cursor: pointer; }.font-weight-medium { font-weight: 500; }.wsc-icon { position: relative; height: 1.5rem; line-height: 1; vertical-align: inherit; }.wsc-icon [class^="wsc-svg"] { width: auto; max-width: 100%; height: 100%; }.wsc-icon [class^="wsc-svg-symbol"] { stroke: currentcolor; }.wsc-main { position: relative; min-height: calc(-5.5rem + 100vh); overflow-x: hidden; }.wsc-main::before { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; content: ""; background-color: rgb(0, 0, 0); }@media (max-width: 991.98px){html { font-size: 80%; }}@media (min-width: 992px){.wsc-main::before, .wsc-footer::before, .wsc-footer::after { content: none; }}@media (min-width: 1280px){.wsc-main { padding-right: 25px; padding-left: 25px; }}@media (min-width: 1600px){.wsc-main { padding-right: 40px; padding-left: 40px; }}
/* common header article subset */
.h1, .h2, .h3, .h4, .h5, .h6, .popover, .tooltip, body, h1, h2, h3, h4, h5, h6, span { font-family: Figtree, Arial, "Helvetica Neue", Helvetica, sans-serif; }body img { image-rendering: -webkit-optimize-contrast; }p { margin-bottom: 0px; }html { font-size: 16px; }.font-weight-medium { font-weight: 500 !important; }ul li { list-style: none; }a:hover { text-decoration: none; }.fixed-top { background: rgb(255, 255, 255); }header { color: rgb(18, 18, 18); }header a { transition: none; }header .nav-item .nav-link { color: rgb(61, 61, 61); }header .nav-item:hover .nav-link { color: rgb(0, 0, 0) !important; }header .nav-item:hover .nav-link path { stroke: rgb(0, 0, 0) !important; }.bg-transparent .nav-item:hover .nav-link { color: rgba(255, 255, 255, 0.7) !important; }.bg-transparent .nav-item:hover .nav-link path { stroke: rgba(255, 255, 255, 0.7) !important; }#navbarMainContent { margin-left: 20px; }#wsc-header .nav-item .nav-link:active, #wsc-header .nav-item:active #wsc-header .nav-item .nav-link:hover, #wsc-header .nav-item:hover { text-decoration: none; }#wsc-header .navbar-nav .nav-link, #wsc-header .toWorkbench { white-space: nowrap; }.header-dropdown-item { transform-style: preserve-3d; }.toWorkbench-container { padding: 10px 24px; margin-right: 24px; }.beforeLogin { padding-left: 38px; }.toWorkbench { display: flex; background: linear-gradient(-90deg, rgb(166, 94, 247) 0px, rgb(76, 83, 255) 100%), rgb(255, 255, 255); border-radius: 49px; padding: 0px 25px; height: 36px; align-items: center; transition: 0.3s; }.toWorkbench:hover { box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 4px 0px; background: rgb(78, 132, 253); }.toWorkbench:active { transform: scale(0.96); }.fixed-top { stroke: rgb(0, 0, 0); }.bg-transparent { background-color: transparent; color: rgb(255, 255, 255); }.bg-transparent svg { stroke: rgb(255, 255, 255); }.dropdown--arrow { transition: transform 0.2s; will-change: transform; transform-origin: center center; }#wsc-header .nav-link[aria-expanded="true"] .dropdown--arrow, .dropdown-nav-item:hover .dropdown--arrow { transform: rotate(-180deg); }.header-item { position: relative; padding: 6px; cursor: pointer; width: 260px; gap: 10px; border-radius: 12px; transition: 0.2s; }.header-item:not(:last-child) { margin-bottom: 14px; }.header-item:hover { background: rgb(247, 247, 247); }.header-item:hover .header-item-arrow { opacity: 1; }.header-item:hover .header-item-container-icon-wrap { background: rgb(255, 255, 255); }@media (max-width: 1360px){.toWorkbench-container { padding-left: 12px; }}.flx-align__center { display: flex; align-items: center; }.header-item-container { display: flex; align-items: flex-start; gap: 24px; border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 1px 0px, rgba(0, 0, 0, 0.15) 0px 20px 40px -15px; background: rgb(255, 255, 255); padding: 20px; opacity: 0; bottom: 0px; transition: 0.2s; transform: translate(0px, 100%); visibility: hidden; }.nav-item:hover .header-item-container { opacity: 1; visibility: visible; }.header-item-container-icon-wrap { border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 10px; transition: 0.2s; background: rgb(255, 255, 255); width: 44px; min-width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; }.header-item-container-icon { width: 44px; height: 44px; display: block; }.header-item-container-col-title { color: rgb(30, 25, 44); font-size: 16px; font-weight: 400; line-height: 22px; text-align: left; margin-bottom: 16px; }.header-item-title { color: rgb(30, 25, 44); font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: 0%; text-align: left; }.header-item-description { color: rgba(30, 25, 44, 0.6); font-size: 12px; font-weight: 400; line-height: 17px; letter-spacing: 0%; text-align: left; padding-right: 18px; word-break: break-word; }.header-item-arrow { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); opacity: 0; transition: 0.2s; }.header-item--box { border-radius: 10px; padding: 14px; width: 260px; min-height: 120px; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; line-height: 1; cursor: pointer; display: block; }.header-item--box:not(:last-child) { margin-bottom: 10px; }.header-item--box::before { content: ""; pointer-events: none; position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); border-radius: inherit; inset: 1px; outline: rgba(0, 0, 0, 0.05) solid 1px; }.header-item--box::after { content: ""; pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: inherit; bottom: 0px; transform: translateY(14px); left: 0px; transition: 0.2s; background-position: center center; background-repeat: no-repeat; background-size: contain; }.header-item--box:hover::after { transform: translateY(0px); }.header-item--box-title { color: rgb(30, 25, 44); font-size: 14px; font-weight: 400; line-height: 20px; text-align: left; }.header-item--box-description { color: rgba(30, 25, 44, 0.6); font-size: 12px; font-weight: 400; line-height: 17px; text-align: left; }.header-item--box-arrow { position: relative; display: inline-block; padding-right: 22px; }.header-item--box-arrow::after { content: ""; pointer-events: none; position: absolute; width: 18px; height: 18px; border-radius: inherit; top: 50%; transform: translateY(-50%); right: 0px; opacity: 0; transition: 0.2s; background: url("https://pixso.net/assets/media/header-arrow-right-3d99301823099738.svg") center center / cover no-repeat; }.header-item--box:hover .header-item--box-arrow::after { opacity: 1; }.header-download-box { background-image: url("https://pixso.net/assets/media/header-resource-download-083228c9cc54babd.webp"); }.header-download-box::after { background-image: url("https://pixso.net/assets/media/header-resource-download-bg-13ccf0a32faf5855.webp"); }.header-item-container--solution .header-item, .header-item-container--enterprise .header-item { width: 220px; }.header-item-container--support .header-item { width: 180px; }.header-item-container-without-title .header-item-container-icon-wrap { background: rgb(241, 245, 255); }.header-item-container-without-title .header-item-container-icon { width: 24px; height: 24px; }.header-popular-box { width: 200px; overflow: hidden; padding: 0px; }.header-popular-box img { width: 200px; height: auto; transition: 0.2s; }.header-popular-box:hover img { transform: scale(1.05); }.header-skill-box { width: 200px; height: 66px; min-height: 66px; background-image: url("https://pixso.net/assets/media/header-skill-300bb63f0710c3e9.webp"); }.header-skill-box::after { width: 200px; background-image: url("https://pixso.net/assets/media/header-skill-bg-1da2c3ce80bdcd38.webp"); }.header-item-container--product { left: 0px; }.header-item-container--community .header-item-container-col-title { margin-bottom: 12px; }.header-container { padding: 0px 14px 0px 12px; display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; }.navbar { height: 54px; backdrop-filter: blur(20px); z-index: 91; background-color: rgba(255, 255, 255, 0.8) !important; border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; }.header-logo-container { width: 104px; height: 34px; }.navbar-logo { width: 104px; height: 34px; }.navbar-logo__img { width: 100%; height: 100%; }.navbar-nav { width: 100%; }#wsc-header .navbar-collapse { height: 100% !important; }.navbar-nav { gap: 4px; font-size: 14px; }.login-contanier { position: relative; flex-shrink: 0; box-sizing: border-box; display: flex; align-items: center; gap: 11px; padding: 0px; }.login-contanier .login-item { position: relative; flex-shrink: 0; box-sizing: border-box; display: flex; justify-content: center; align-items: center; gap: 10px; border-radius: 8px; padding: 10px 12px; }.login-contanier .login-txt { color: rgb(61, 61, 61); word-break: break-word; font-weight: 500; font-style: normal; font-size: 14px; letter-spacing: 0px; text-align: center; line-height: 1.153; white-space: pre; display: block; position: relative; flex-shrink: 0; cursor: pointer; }.login-contanier .login:hover { color: rgb(0, 0, 0); }.login-contanier .login-btn .login-txt { color: rgb(255, 255, 255); }.beforeLogin .px-common-btn, .afterLogin .px-common-btn { height: 34px; }.container-padding { width: 100%; }.container-padding .navbar-nav { width: 100%; }.header-container__rt { margin-left: auto; }.nav-item-lifetime { background: linear-gradient(88deg, rgb(238, 124, 255) 1.37%, rgb(78, 111, 255) 45.72%, rgb(85, 156, 255) 106.06%) text; -webkit-text-fill-color: transparent; }@keyframes rotate-clockwise { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}@media (min-width: 800px) and (max-width: 1079px){.icon-box { display: block; }}@media (max-width: 799px){.icon-box { display: block; }}@media (min-width: 981px){.navbar-expand-1024 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row; -webkit-box-pack: start; justify-content: flex-start; }.navbar-expand-1024 .navbar-collapse { flex-basis: auto; display: flex !important; }.navbar-expand-1024 .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }.icon-box { display: none; }.navbar-nav { align-items: center; }}@media (max-width: 980px){.icon-box { padding-right: 20px; }#wsc-header .navbar-collapse { position: absolute; top: 54px; left: 0px; background: rgb(255, 255, 255); width: 100%; height: auto !important; }#wsc-header .navbar-collapse .header-container__rt { margin-left: 0px; }}@media (max-width: 980px){.header-container { padding-left: 0px; padding-right: 0px; }.toWorkbench { height: 42px; }.icon-box { display: block; }.navbar-nav { align-items: start; overflow: hidden auto; max-height: calc(-128px + 100vh); }.toWorkbench-container { padding-left: 0px; margin: 0px 0px 14px; width: fit-content !important; }.nav-item { width: 100%; }.nav-link { width: 100%; }.nav-link:hover { background: rgba(0, 0, 0, 0.03); }.dropdown-nav-item:hover .dropdown--arrow { transform: rotate(0deg); }.header-item-container { width: 100%; box-shadow: none; flex-direction: column; max-height: 0px; overflow: hidden; padding: 0px; box-sizing: border-box; position: relative !important; transform: translate(0px, 0px) !important; left: 0px !important; }.header-item-container-col { max-width: 490px; padding: 0px 20px; }.header-item-container-col:first-child { padding-top: 20px; }.header-item-container-col:last-child { padding-bottom: 20px; }}
/* cookie consent article subset */
:root { --black-05: rgba(18, 17, 42, .01); --black-10: rgba(18, 17, 42, .03); --black-20: rgba(18, 17, 42, .05); --black-30: rgba(18, 17, 42, .07); --black-40: rgba(6, 6, 31, .09); --black-50: rgba(2, 9, 16, .13); --black-60: rgba(6, 13, 20, .18); --black-70: rgba(6, 13, 20, .29); --black-80: rgba(4, 9, 13, .37); --black-90: rgba(7, 11, 15, .47); --black-100: rgba(6, 8, 10, .57); --black-110: rgba(6, 8, 10, .69); --black-120: rgba(12, 14, 16, .79); --black-130: rgba(14, 15, 17, .86); --black-132: rgba(14, 15, 17, .9); --black-134: rgba(15, 16, 18, .93); --black-140: rgba(15, 16, 18, .96); --black-150: #000; --grey-05: #fbfbfb; --grey-10: #f7f7f9; --grey-20: #f3f3f5; --grey-30: #edeef0; --grey-40: #e6e8eb; --grey-50: #dedfe0; --grey-60: #d0d2d4; --grey-70: #b7b9bd; --grey-80: #a2a4a8; --grey-90: #8b8c8f; --grey-100: #717273; --grey-110: #555557; --grey-120: #414142; --grey-130: #303030; --grey-132: #262626; --grey-134: #212121; --grey-140: #19191a; --white-00: #fff; --white-05: rgba(255, 255, 255, .99); --white-10: rgba(255, 255, 255, .97); --white-20: rgba(255, 255, 255, .95); --white-30: rgba(255, 255, 255, .93); --white-40: rgba(255, 255, 255, .91); --white-50: rgba(255, 255, 255, .87); --white-60: rgba(255, 255, 255, .82); --white-70: rgba(255, 255, 255, .72); --white-80: rgba(255, 255, 255, .64); --white-90: rgba(255, 255, 255, .55); --white-100: rgba(255, 255, 255, .45); --white-110: rgba(255, 255, 255, .33); --white-120: rgba(255, 255, 255, .26); --white-130: rgba(255, 255, 255, .19); --white-132: rgba(255, 255, 255, .15); --white-134: rgba(255, 255, 255, .13); --white-140: rgba(255, 255, 255, .1); --white-150: rgba(255, 255, 255, .08); --white-160: rgba(255, 255, 255, .05); --white-170: rgba(255, 255, 255, .03); --brand-light-10: #f4f8ff; --brand-light-20: #e5efff; --brand-light-30: #d0e3ff; --brand-light-40: #aecfff; --brand-light-50: #8bbbff; --brand-light-60: #6ba8ff; --brand-light-70: #5095ff; --brand-light-80: #4381ff; --brand-light-90: #336fff; --brand-light-100: #1f61ff; --brand-light-110: #0148dc; --brand-light-120: #0032a0; --brand-dark-10: #f4f8ff; --brand-dark-20: #e5efff; --brand-dark-30: #d0e3ff; --brand-dark-40: #aecfff; --brand-dark-50: #8bbbff; --brand-dark-60: #6ba8ff; --brand-dark-70: #5095ff; --brand-dark-80: #4381ff; --brand-dark-90: #336fff; --brand-dark-100: #1f61ff; --brand-dark-110: #0148dc; --brand-dark-120: #0032a0; --brand-tsp-light-10: rgba(35, 115, 255, .05); --brand-tsp-light-20: rgba(19, 110, 255, .11); --brand-tsp-light-30: rgba(8, 108, 255, .19); --brand-tsp-light-40: rgba(2, 105, 255, .32); --brand-tsp-light-50: rgba(3, 107, 255, .46); --brand-tsp-light-60: rgba(4, 108, 255, .59); --brand-tsp-dark-10: rgba(99, 129, 176, .1); --brand-tsp-dark-20: rgba(99, 129, 176, .2); --brand-tsp-dark-30: rgba(99, 129, 176, .3); --brand-tsp-dark-40: rgba(99, 129, 176, .4); --brand-tsp-dark-50: rgba(99, 129, 176, .5); --brand-tsp-dark-60: rgba(99, 129, 176, .6); --red-light-10: #fff4f1; --red-light-20: #ffebe5; --red-light-30: #ffded6; --red-light-40: #ffccc1; --red-light-50: #ffb3a2; --red-light-60: #ff957f; --red-light-70: #ff765f; --red-light-80: #ff5340; --red-light-90: #f43529; --red-light-100: #d92400; --red-light-110: #af0001; --red-light-120: #790d00; --red-dark-10: #ffded5; --red-dark-20: #ffcfc0; --red-dark-30: #ffbdad; --red-dark-40: #ffad9c; --red-dark-50: #fe9882; --red-dark-60: #fc8068; --red-dark-70: #f76751; --red-dark-80: #f04a39; --red-dark-90: #de2f24; --red-dark-100: #c1250f; --red-dark-110: #9f1c0c; --red-dark-120: #742010; --red-tsp-light-10: rgba(255, 72, 22, .06); --red-tsp-light-20: rgba(255, 73, 19, .11); --red-tsp-light-30: rgba(255, 61, 14, .17); --red-tsp-light-40: rgba(255, 51, 7, .25); --red-tsp-light-50: rgba(255, 50, 4, .37); --red-tsp-light-60: rgba(255, 47, 4, .51); --red-tsp-dark-10: rgba(188, 108, 92, .1); --red-tsp-dark-20: rgba(188, 108, 92, .2); --red-tsp-dark-30: rgba(188, 108, 92, .3); --red-tsp-dark-40: rgba(188, 108, 92, .4); --red-tsp-dark-50: rgba(188, 108, 92, .5); --red-tsp-dark-60: rgba(188, 108, 92, .6); --orange-light-10: #fff5eb; --orange-light-20: #ffeedc; --orange-light-30: #ffe3ca; --orange-light-40: #ffd6ad; --orange-light-50: #ffc68a; --orange-light-60: #ffb45d; --orange-light-70: #ffa225; --orange-light-80: #fe8b00; --orange-light-90: #f97316; --orange-light-100: #e35d00; --orange-light-110: #b24000; --orange-light-120: #772b00; --orange-dark-10: #fde3ce; --orange-dark-20: #fed8b7; --orange-dark-30: #fccc9f; --orange-dark-40: #fbc184; --orange-dark-50: #fdb76a; --orange-dark-60: #f9ab4d; --orange-dark-70: #f49d2d; --orange-dark-80: #f58a18; --orange-dark-90: #ee6f17; --orange-dark-100: #cc560a; --orange-dark-110: #a13d07; --orange-dark-120: #6b2904; --orange-tsp-light-10: rgba(255, 130, 5, .08); --orange-tsp-light-20: rgba(255, 134, 5, .14); --orange-tsp-light-30: rgba(255, 122, 3, .21); --orange-tsp-light-40: rgba(255, 131, 7, .33); --orange-tsp-light-50: rgba(255, 131, 1, .46); --orange-tsp-light-60: rgba(255, 138, 2, .64); --orange-tsp-dark-10: rgba(195, 141, 76, .1); --orange-tsp-dark-20: rgba(195, 141, 76, .2); --orange-tsp-dark-30: rgba(195, 141, 76, .3); --orange-tsp-dark-40: rgba(195, 141, 76, .4); --orange-tsp-dark-50: rgba(195, 141, 76, .5); --orange-tsp-dark-60: rgba(195, 141, 76, .6); --yellow-light-10: #fbf4e2; --yellow-light-20: #faeece; --yellow-light-30: #fde9b1; --yellow-light-40: #fae090; --yellow-light-50: #f8da75; --yellow-light-60: #f6d15b; --yellow-light-70: #f3c943; --yellow-light-80: #f1c024; --yellow-light-90: #eab308; --yellow-light-100: #d59c00; --yellow-light-110: #ab7a00; --yellow-light-120: #755100; --yellow-dark-10: #f0e3bf; --yellow-dark-20: #efdda8; --yellow-dark-30: #efd890; --yellow-dark-40: #efd378; --yellow-dark-50: #eece5e; --yellow-dark-60: #edc745; --yellow-dark-70: #eabf2c; --yellow-dark-80: #e5b512; --yellow-dark-90: #d9a607; --yellow-dark-100: #c4900d; --yellow-dark-110: #9a6e0c; --yellow-dark-120: #5e4209; --yellow-tsp-light-10: rgba(222, 163, 13, .12); --yellow-tsp-light-20: rgba(230, 170, 10, .2); --yellow-tsp-light-30: rgba(249, 184, 3, .31); --yellow-tsp-light-40: rgba(244, 185, 3, .44); --yellow-tsp-light-50: rgba(242, 188, 4, .55); --yellow-tsp-light-60: rgba(241, 184, 3, .65); --yellow-tsp-dark-10: rgba(186, 157, 57, .1); --yellow-tsp-dark-20: rgba(186, 157, 57, .2); --yellow-tsp-dark-30: rgba(186, 157, 57, .3); --yellow-tsp-dark-40: rgba(186, 157, 57, .4); --yellow-tsp-dark-50: rgba(186, 157, 57, .5); --yellow-tsp-dark-60: rgba(186, 157, 57, .6); --green-light-10: #e4fbe5; --green-light-20: #caf8c2; --green-light-30: #b0f7a6; --green-light-40: #92f388; --green-light-50: #7aec6a; --green-light-60: #61e054; --green-light-70: #4ed23a; --green-light-80: #3ec01e; --green-light-90: #3fae00; --green-light-100: #299a0c; --green-light-110: #237800; --green-light-120: #184b00; --green-dark-10: #cfe6c7; --green-dark-20: #bae6ac; --green-dark-30: #a0e28e; --green-dark-40: #8ddc73; --green-dark-50: #7dd45a; --green-dark-60: #6bcc46; --green-dark-70: #5bc335; --green-dark-80: #4bb525; --green-dark-90: #42a314; --green-dark-100: #2c8a14; --green-dark-110: #24650b; --green-dark-120: #193e08; --green-tsp-light-10: rgba(10, 219, 19, .11); --green-tsp-light-20: rgba(34, 226, 1, .24); --green-tsp-light-30: rgba(29, 232, 1, .35); --green-tsp-light-40: rgba(23, 229, 2, .47); --green-tsp-light-50: rgba(30, 223, 2, .59); --green-tsp-light-60: rgba(23, 209, 4, .68); --green-tsp-dark-10: rgba(124, 193, 98, .1); --green-tsp-dark-20: rgba(124, 193, 98, .2); --green-tsp-dark-30: rgba(124, 193, 98, .3); --green-tsp-dark-40: rgba(124, 193, 98, .4); --green-tsp-dark-50: rgba(124, 193, 98, .5); --green-tsp-dark-60: rgba(124, 193, 98, .6); --cyan-light-10: #eefcfc; --cyan-light-20: #c3fafa; --cyan-light-30: #97f7fa; --cyan-light-40: #64f2f1; --cyan-light-50: #2be9e9; --cyan-light-60: #03dcdb; --cyan-light-70: #01cdcc; --cyan-light-80: #06bdbb; --cyan-light-90: #06aaa7; --cyan-light-100: #009292; --cyan-light-110: #01706f; --cyan-light-120: #004746; --cyan-dark-10: #bee1e1; --cyan-dark-20: #a3dcdd; --cyan-dark-30: #88d9db; --cyan-dark-40: #6bd5d4; --cyan-dark-50: #51cece; --cyan-dark-60: #30c7c6; --cyan-dark-70: #0cbebd; --cyan-dark-80: #00b2b0; --cyan-dark-90: #00b2b0; --cyan-dark-100: #158484; --cyan-dark-110: #158484; --cyan-dark-120: #0d3938; --cyan-tsp-light-10: rgba(12, 212, 212, .07); --cyan-tsp-light-20: rgba(5, 234, 234, .24); --cyan-tsp-light-30: rgba(5, 234, 234, .24); --cyan-tsp-light-40: rgba(1, 234, 232, .61); --cyan-tsp-light-50: rgba(3, 229, 229, .84); --cyan-tsp-light-60: rgba(0, 220, 219, .99); --cyan-tsp-dark-10: rgba(81, 190, 189, .1); --cyan-tsp-dark-20: rgba(81, 190, 189, .2); --cyan-tsp-dark-30: rgba(81, 190, 189, .3); --cyan-tsp-dark-40: rgba(81, 190, 189, .4); --cyan-tsp-dark-50: rgba(81, 190, 189, .5); --cyan-tsp-dark-60: rgba(81, 190, 189, .6); --blue-light-10: #e9f4ff; --blue-light-20: #d8ebfe; --blue-light-30: #c0e0fe; --blue-light-40: #aad6fe; --blue-light-50: #92cafe; --blue-light-60: #81bffe; --blue-light-70: #67b5ff; --blue-light-80: #4ea8ff; --blue-light-90: #2e9cfe; --blue-light-100: #018be5; --blue-light-110: #0069b0; --blue-light-120: #004572; --blue-dark-10: #d0e1f0; --blue-dark-20: #c1d9ef; --blue-dark-30: #aaceee; --blue-dark-40: #96c4ef; --blue-dark-50: #81b9f1; --blue-dark-60: #6ab0f2; --blue-dark-70: #4ba5f2; --blue-dark-80: #3798ee; --blue-dark-90: #2089e2; --blue-dark-100: #0170ba; --blue-dark-110: #095189; --blue-dark-120: #11314d; --blue-tsp-light-10: rgba(11, 133, 255, .09); --blue-tsp-light-20: rgba(11, 130, 249, .16); --blue-tsp-light-30: rgba(3, 131, 251, .25); --blue-tsp-light-40: rgba(5, 134, 252, .34); --blue-tsp-light-50: rgba(2, 132, 253, .43); --blue-tsp-light-60: rgba(3, 127, 253, .5); --blue-tsp-dark-10: rgba(114, 177, 236, .1); --blue-tsp-dark-20: rgba(114, 177, 236, .2); --blue-tsp-dark-30: rgba(114, 177, 236, .3); --blue-tsp-dark-40: rgba(114, 177, 236, .4); --blue-tsp-dark-50: rgba(114, 177, 236, .5); --blue-tsp-dark-60: rgba(114, 177, 236, .6); --purple-light-10: #f7f3ff; --purple-light-20: #f2ebff; --purple-light-30: #e7dcff; --purple-light-40: #dacafd; --purple-light-50: #cbb1fc; --purple-light-60: #b99afc; --purple-light-70: #a97ffc; --purple-light-80: #9863ff; --purple-light-90: #8848f9; --purple-light-100: #8848f9; --purple-light-110: #5b00c3; --purple-light-120: #3f0089; --purple-dark-10: #e3dbfb; --purple-dark-20: #dacff8; --purple-dark-30: #cfc1f4; --purple-dark-40: #c3b1f4; --purple-dark-50: #b59df3; --purple-dark-60: #ac8cf4; --purple-dark-70: #a176f6; --purple-dark-80: #9460f8; --purple-dark-90: #8648f1; --purple-dark-100: #7227dd; --purple-dark-110: #5a17af; --purple-dark-120: #3f0a7e; --purple-tsp-light-10: rgba(95, 15, 255, .05); --purple-tsp-light-20: rgba(93, 5, 255, .08); --purple-tsp-light-30: rgba(84, 5, 255, .14); --purple-tsp-light-40: rgba(79, 3, 245, .21); --purple-tsp-light-50: rgba(87, 3, 245, .31); --purple-tsp-light-60: rgba(80, 3, 248, .4); --purple-tsp-dark-10: rgba(172, 140, 244, .1); --purple-tsp-dark-20: rgba(172, 140, 244, .2); --purple-tsp-dark-30: rgba(172, 140, 244, .3); --purple-tsp-dark-40: rgba(172, 140, 244, .4); --purple-tsp-dark-50: rgba(172, 140, 244, .5); --purple-tsp-dark-60: rgba(172, 140, 244, .6); --magenta-light-10: #fff3f7; --magenta-light-20: #ffe8ef; --magenta-light-30: #ffdae8; --magenta-light-40: #ffc2d9; --magenta-light-50: #ffa8ca; --magenta-light-60: #ff8bbb; --magenta-light-70: #ff6bab; --magenta-light-80: #ff469f; --magenta-light-90: #f71c96; --magenta-light-100: #de147f; --magenta-light-110: #b10e69; --magenta-light-120: #7e004c; --magenta-dark-10: #f6d2de; --magenta-dark-20: #f0c5d2; --magenta-dark-30: #eeb5cb; --magenta-dark-40: #f0a1c0; --magenta-dark-50: #f08cb4; --magenta-dark-60: #ee75a9; --magenta-dark-70: #ef5a9d; --magenta-dark-80: #eb3b92; --magenta-dark-90: #dc1886; --magenta-dark-100: #bb176b; --magenta-dark-110: #940f58; --magenta-dark-120: #62153e; --magenta-tsp-light-10: rgba(255, 15, 95, .05); --magenta-tsp-light-20: rgba(255, 25, 95, .1); --magenta-tsp-light-30: rgba(255, 8, 102, .15); --magenta-tsp-light-40: rgba(255, 1, 97, .24); --magenta-tsp-light-50: rgba(255, 6, 104, .35); --magenta-tsp-light-60: rgba(255, 3, 107, .46); --magenta-tsp-dark-10: rgba(225, 124, 167, .1); --magenta-tsp-dark-20: rgba(225, 124, 167, .2); --magenta-tsp-dark-30: rgba(225, 124, 167, .3); --magenta-tsp-dark-40: rgba(225, 124, 167, .4); --magenta-tsp-dark-50: rgba(225, 124, 167, .5); --magenta-tsp-dark-60: rgba(225, 124, 167, .6); }:root[data-theme-mode="light"], :root { --color--brand: #565dff; --color--sub__danger: #ff3c3c; --color--sub__tips: #f12d30; --color--text__primary: #000; --color--text__second1: rgba(0, 0, 0, .4); --color--text__second2: rgba(0, 0, 0, .5); --color--text__tertiary: rgba(0, 0, 0, .3); --color--text__quaternary: rgba(0, 0, 0, .2); --color--text__contrary: #fff; --color--text__special: #565dff; --color--text__second06: rgba(0, 0, 0, .6); --color--text__second08: rgba(0, 0, 0, .8); --color--text__red1: rgba(254, 0, 0, .8); --color--test__tip2: #343141; --color--test__tip3: #343141; --color--text__cancel: rgba(0, 0, 0, .6); --color--text__empty: #636363; --color--text--component: rgba(0, 0, 0, .72); --color--text--color04: rgba(0, 0, 0, .4); --color--text--color05: rgba(0, 0, 0, .3); --color--text--color06: rgba(0, 0, 0, .4); --color--icon__primary: #000; --color--icon__second1: rgba(0, 0, 0, .4); --color--icon__tertiary: rgba(0, 0, 0, .2); --color--icon__quaternary: #333; --color--icon__contrary: #fff; --color--icon__arrow: rbga(0, 0, 0, .4); --color--icon__toolbar-icon-fill2: rgba(0, 0, 0, .05); --color--icon_circle03: rgba(0, 0, 0, .3); --color--icon__block: rgba(255, 255, 255, .56); --color--icon__checkbox: rgba(0, 0, 0, .8); --color--icon__checkbox-all: #565dff; --color--icon__checkbox-little: #000; --color--icon__checkbox-little-disabled: rgba(0, 0, 0, .2); --color--icon__checkbox-non: #8b8c8f; --color--icon__down: rgba(0, 0, 0, .4); --color--bg__primary: #fff; --color--bg__second1-edit: #f2f2f2; --color--bg__second2-home: #f2f2f2; --color--bg__toolbar: #fff; --color--bg__canvas: #f8f8f8; --color--bg__split1: #e5e5e5; --color--bg__split2: #cdcdcd; --color--bg__second2: #f5f5f5; --color--bg__ruler: #fff; --color--bg__button1: #000; --color--bg__button2: rgba(0, 0, 0, .1); --color--bg__button3: rgba(0, 0, 0, .6); --color--bg__button4: rgba(0, 0, 0, .4); --color--bg__button02: rgba(0, 0, 0, .2); --color--bg__button03: rgba(0, 0, 0, .3); --color--bg__button5: #565dff; --color--bg__tint: #f5f5f5; --color--bg__progress: #ededed; --color--bg__recommended: #f4f4f4; --color--bg__pressed: #f2f2f2; --color--bg__plugins-icon: #fff; --color--bg__button05: rgba(0, 0, 0, .05); --color--bg__product_cmp: #fff; --color--sp__hover1: #dce1ea; --color--sp__hover2: #eaecf6; --color--sp__hover3: #dce1ea; --color--sp__hover4: rgba(0, 0, 0, .05); --color--sp__hover5: #ffe1ff; --color--sp__hover6: #dce1ea; --color--sp__hover7: #f2f2f2; --color--sp__text-selection: rgba(86, 93, 255, .24); --color--sp__text-selection2: rgba(47, 156, 255, .3); --color--sp__component: #565dff; --color--sp__component-second: rgba(86, 93, 255, .5); --color--sp__border1: rgba(0, 0, 0, .1); --color--sp__border2: #565dff; --color--sp__border3: #e5e5e5; --color--sp__border02: rgba(0, 0, 0, .2); --color--sp__border-secondary: #000; --color--sp__border-primary: #fff; --color--sp__fill: #fff; --color--sp__space-control-line: #f145ff; --color--sp__regular: #2f9cff; --color--sp__beta: #333; --color--sp__blue: #495af0; --color--sp__dialog-divider: #e5e5e5; --color--sp_team-project-border: #e5e5e5; --color--sp__bg-tag: #f2f2f2; --color--sp__shadow: rgba(0, 0, 0, .05); --color--sp__slider: rgba(120, 120, 128, .2); --color--sp__bg-func: rgba(86, 93, 255, .05); --color--sp__border4: rgba(0, 0, 0, .1); --color--sp__divider: #f5f5f5; --color--sp__bg-move: #e4e8ef; --color--sp__bg-success: #7ac23c; --color--sp__warn: #f2b133; --color--sp__arrow: #000; --color--bg__white: #fff; --color--sp__bg-import: #f2f2f2; --color--sp__bg-mask: rgba(0, 0, 0, .5); --color--sp_overlay: #33353f; --coloe--sp__dialog: #fff; --color--sp__bg-publish-card: #f8f8f8; --color--sp__border5: #e6e6e6; --color--sp__bg-btn: rgba(0, 0, 0, .02); --color--sp__border-cancel: rgba(0, 0, 0, .2); --color--bg__bg-loading-btn: rgba(0, 0, 0, .6); --color--sp__tag-menu: #eaecf6; --color--sp__tag-menu-bg: #fff; --color--sort-menu-bg: #fff; --color--sort-menu-border: #e2e2ea; --color--component-bg: rgba(53, 57, 141, .03); --color--component-scrollbar: #c4c4c4; --color--sp__input-border: rgba(0, 0, 0, .1); --color--sp__input-bg: #fff; --color--sp__cover-bg06: rgba(255, 255, 255, .6); --color--sp__bg-hover: #dce1ea; --color--sp__input-bg2: #fff; --color--sp__panel-hover: #dce1ea; --color--sp__panel-bg: #fff; --color--sp__modal-footer-shadow: rgba(0, 0, 0, .05); --color--sp_home_left_icon: #767676; --skeleton-color--bg: #f2f2f2; --skeleton-color--bg-primary: #e1e1e1; --skeleton-color--bg-content: #fff; --skeleton-color--border: #e5e5e5; --skeleton-color--viewport: #f8f8f8; --autolayout-constraints-current-box-color-bg: rgba(86, 93, 255, .1); --autolayout-constraints-current-box-item-color-hover: rgba(86, 93, 255, .3); --plugin-dropdown--bg: #fff; --plugin-dropdown--li__hover: #eaecf6; --color--multiplayer__dark1: #797dbc; --color--multiplayer__bright1: #696cfd; --scrollbar-thumb-bg: #d2d3d5; --quickframe--bg__active: rgba(0, 0, 0, .03); --v2--color-bg-brand-press: var(--brand-light-100); --v2--color-bg-brand-normal: var(--brand-light-90); --v2--color-bg-brand-hover: var(--brand-light-80); --v2--color-bg-brand-disable: var(--brand-light-40); --v2--color-brand-light: rgba(51, 111, 255, .1); --v2--color-bg-danger-press: var(--red-light-100); --v2--color-bg-danger-normal: var(--red-light-90); --v2--color-bg-danger-hover: var(--red-light-80); --v2--color-bg-danger-disable: var(--red-light-60); --v2--color-bg-success-normal: var(--green-light-90); --v2--color-bg-warming-normal: var(--orange-light-90); --v2--color-bg-info-normal: var(--blue-light-90); --v2--color-bg-bodybase: var(--grey-30); --v2--color-bg-body: var(--white-00); --v2--color-bg-bodyoverlay: var(--grey-10); --v2--color-bg-hover: var(--black-20); --v2--color-bg-hover-secondary: var(--black-10); --v2--color-bg-press: var(--black-30); --v2--color-bg-button-active: var(--brand-tsp-light-20); --v2--color-bg-button-active-hover: var(--brand-tsp-light-30); --v2--color-bg-button-normal: var(--black-10); --v2--color-bg-floatbase: var(--grey-30); --v2--color-bg-float: var(--white-00); --v2--color-bg-floatoverlay: var(--grey-10); --v2--color-border-primary: var(--black-30); --v2--color-border-secondary: var(--black-30); --v2--color-border-avatar: var(--black-10); --v2--color-border-button: var(--black-50); --v2--color-border-checkbox: var(--grey-132); --v2--color-border-float: var(--black-30); --v2--color-border-commentavatar: var(--brand-light-90); --v2--color-border-brand-normal: var(--brand-light-90); --v2--color-border-brand-press: var(--brand-light-100); --v2--color-border-brand-hover: var(--brand-light-80); --v2--color-border-brand-disable: var(--brand-light-40); --v2--color-text-primary: var(--grey-140); --v2--color-text-secondary: var(--grey-110); --v2--color-text-tertiary: var(--grey-90); --v2--color-text-quaternary: var(--grey-70); --v2--color-text-onfunctionandbrand: var(--white-00); --v2--color-text-onfunctionandbrand-dissable: var(--white-60); --v2--color-text-brand-ontips: var(--brand-light-80); --v2--color-text-brand-press: var(--brand-light-110); --v2--color-text-brand-normal: var(--brand-light-100); --v2--color-text-brand-hover: var(--brand-light-80); --v2--color-text-brand-tertiary: var(--brand-light-60); --v2--color-text-brand-disable: var(--brand-light-40); --v2--color-text-danger-press: var(--red-light-110); --v2--color-text-danger-normal: var(--red-light-100); --v2--color-text-danger-hover: var(--red-light-90); --v2--color-text-danger-disable: var(--red-light-60); --v2--color-text-success-normal: var(--green-light-100); --v2--color-text-warming-normal: var(--orange-light-100); --v2--color-text-info-normal: var(--blue-light-100); --v2--color-text-px-logo: var(--black-150); --v2--color-text-tag-brand: var(--brand-light-100); --v2--color-text-tag-green: var(--green-light-100); --v2--color-text-tag-red: var(--red-light-100); --v2--color-text-tag-yellow: var(--orange-light-100); --v2--color-text-tag-blue: var(--blue-light-100); --v2--color-text-tag-orange: var(--orange-light-100); --v2--color-icon-primary: #414142; --v2--color-icon-secondary: #a2a4a8; --v2--color-icon-tertiary: #d0d2d4; --v2--color-icon-onfunctionandbrand: #fff; --v2--color-icon-brand-normal: #336fff; --v2--color-icon-brand-press: #245cdb; --v2--color-icon-brand-hover: #4e84fd; --v2--color-icon-brand-dissable: #bacffd; --v2--color-icon-brand-tertiary: #c8d9fe; --v2--color-icon-quaternary: #9da7b7; --v2--color-bg-x-navigation: var(--grey-10); --v2--color-bg-x-navigation-hover: var(--black-10); --v2--color-bg-x-navigation-active: var(--black-20); --v2--color-bg-mask-primary: var(--black-100); --v2--color-bg-mask-secondary: var(--black-40); --v2--color-bg-tips-primary: var(--black-140); --v2--color-bg-tips-hover: var(--white-130); --v2--color-bg-scrollbar-normal: var(--black-60); --v2--color-bg-scrollbar-hover: var(--black-80); --v2--color-border-input: var(--black-40); --v2--color-border-input-focus: var(--brand-light-90); --v2--color-border-input-error: var(--red-light-90); --v2--color-bg-input: var(--grey-10); --v2--color-bg-input-hover: var(--grey-20); --v2--color-bg-input-disable: var(--black-10); --v2--color-file-menu-fill: rgba(255, 255, 255, .8); --v2--color-file-shadow: rgba(128, 128, 128, .1); --v2--color-box-shadow: rgba(128, 128, 128, .1); --v2--color-scrollbar: #d2d3d5; --v2--color-cover-mask-light: transparent; --v2--color-multiplayer-brand: var(--brand-light-90); --v2--color-multiplayer-purple: var(--purple-light-90); --v2--color-multiplayer-orange: var(--orange-light-90); --v2--color-multiplayer-cyan: var(--cyan-light-90); --v2--color-multiplayer-green: #4bcb08; --v2--color-multiplayer-blue: var(--blue-light-90); --v2--color-multiplayer-red: #f76b71; --v2--color-multiplayer-magenta: var(--magenta-light-90); --v2--color-multiplayer-yellow: #daab2b; --v2--color-border-x-canvasobject: var(--blue-light-90); --v2--color-border-x-canvascomponents: var(--purple-light-90); --v2--color-border-x-canvasslice: var(--grey-90); --v2--color-border-x-canvasedit: va(--grey-100); --v2--color-border-x-controlline: var(--magenta-light-90); --v2--color-border-x-spacingmeasurement: var(--red-light-90); --v2--color-bg-x-canvas: #efefef; --v2--color-bg-px-canvas-loading: var(--grey-10); --v2--color-bg-px-canvastext-active: var(--brand-tsp-light-40); --v2--color-bg-loading-primary: var(--grey-110); --v2--color-bg-loading-secondary: var(--black-30); --v2--color-bg-x-layer-primary: var(--brand-light-20); --v2--color-bg-x-layer-secondary: var(--brand-light-10); --v2--color-text-x-components-quaternary: var(--purple-light-50); --v2--color-text-x-components-quinary: var(--grey-30); --v2--color-text-x-components-primary: var(--purple-light-100); --v2--color-icon-x-components-quaternary: var(--purple-light-30); --v2--color-bg-optionstrip-normal: var(--grey-10); --v2--color-bg-optionstrip-active: var(--white-00); --v2--color-bg-slider: var(--grey-30); --v2--color-bg-slider-active: var(--brand-light-90); --v2--color-bg-onslider-normal: var(--white-00); --v2--color-bg-onslider-active: var(--brand-light-90); --v2--color-bg-stepper: var(--white-00); --v2--color-text-onstepper-normal: var(--grey-60); --v2--color-text-onstepper-hover: var(--grey-140); --v2--color-bg-dropdown: var(--white-00); --v2--color-border-dropdown: var(--black-30); --v2--color-bg-popover: var(--white-00); --v2--color-border-popover: var(--black-10); --v2--color-bg-toast: var(--black-140); --v2--color-border-toast: var(--grey-134); --v2--color-border-toast-secondary: var(--white-130); --v2--color-bg-page-hover: var(--grey-10); --v2--color-bg-page-active: var(--grey-20); --v2--color-loading-cover-water: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 51.76%, rgba(255, 255, 255, 0) 100%); --v2--color-bg-px-tableheader: var(--grey-05); --v2--color-bg-px-multiplestyletext: var(--grey-10); --v2--color-bg-tag-brand-primary: var(--brand-light-90); --v2--color-bg-tag-brand-secondary: var(--brand-tsp-light-20); --v2--color-bg-tag-green-primary: var(--green-light-90); --v2--color-bg-tag-green-secondary: var(--green-tsp-light-20); --v2--color-bg-tag-red-primary: var(--red-light-90); --v2--color-bg-tag-red-secondary: var(--red-tsp-light-20); --v2--color-bg-tag-yellow-primary: var(--orange-light-90); --v2--color-bg-tag-yellow-secondary: var(--orange-tsp-light-20); --v2--color-bg-tag-blue-primary: var(--blue-light-90); --v2--color-bg-tag-blue-secondary: var(--blue-tsp-light-20); --v2--color-bg-tag-grey-primary: var(--grey-90); --v2--color-bg-tag-grey-secondary: var(--black-30); --v2--color-bg-tag-purple-primary: var(--purple-light-90); --v2--color-bg-tag-purple-secondary: var(--purple-tsp-light-20); --v2--color-bg-tag-orange-primary: var(--orange-light-90); --v2--color-bg-tag-orange-secondary: var(--orange-tsp-light-20); --v2--color-bg-banner-light-blue: #d5f1ff; --v2--color-bg-px-banner-blue: var(--brand-light-30); --v2--color-bg-px-banner-yellow: var(--yellow-light-90); --v2--color-bg-px-banner-orange: var(--orange-light-90); --v2--color-bg-px-banner-red: var(--red-light-90); --v2--color-bg-px-chat-primary: #e5edff; --v2--color-bg-px-chat-secondary: #f3f3f5; --v2--color-bg-selected: var(--brand-light-20); --v2--color-bg-switch-normal: var(--grey-70); --v2--color-bg-switch-disable: var(--grey-40); --v2--color-bg-switch-brand-normal: var(--brand-light-90); --v2--color-bg-switch-brand-disable: var(--brand-light-40); }.table { display: table; }.flx-align__center-space__between { display: flex; align-items: center; justify-content: space-between; }.flx-align__center { display: flex; align-items: center; }.ml__4 { margin-left: 4px; }.mt__8 { margin-top: 8px; }.mb__8 { margin-bottom: 8px; }:root[data-system="win"], :root { --font-weight-regular: 400; --font-weight-medium: 600; }.t-body-14 { font-size: 14px; line-height: 22px; font-weight: var(--font-weight-regular); }.t-title-14 { font-size: 14px; line-height: 22px; font-weight: var(--font-weight-medium); }.t-title-16 { font-size: 16px; line-height: 24px; font-weight: var(--font-weight-medium); }:root { --v2--shadow__down1: 0px 5px 12px rgba(0, 0, 0, .09), 0px 3px 6px rgba(0, 0, 0, .12), 0px 1px 2px rgba(0, 0, 0, .16); --v2--shadow__down2: 0px 9px 28px rgba(49, 50, 51, .05), 0px 6px 16px rgba(49, 50, 51, .08), 0px 3px 6px rgba(49, 50, 51, .12); --v2--shadow__down3: 0px 12px 48px rgba(49, 50, 51, .03), 0px 9px 28px rgba(49, 50, 51, .05), 0px 6px 16px rgba(49, 50, 51, .08); }:root, :root[data-theme-mode="light"] { --v2--shadow_s: 0px 0px 1px 0px rgba(25, 25, 26, .08), 0px 2px 8px 0px rgba(25, 25, 26, .12); --v2--shadow_m: 0px 2px 12px 0px rgba(25, 25, 26, .04), 0px 6px 20px 0px rgba(25, 25, 26, .06); --v2--shadow_l: 0px 2px 12px 0px rgba(25, 25, 26, .04), 0px 6px 20px 0px rgba(25, 25, 26, .06); }.shadow__l { box-shadow: var(--v2--shadow_l); }@-webkit-keyframes animation_rotate_clockwise { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}@keyframes animation_rotate_clockwise { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}@-webkit-keyframes animation_dropdown_menu { 
  0% { opacity: 0; transform: translateY(-4px); }
  100% { opacity: 1; transform: translateY(0px); }
}@keyframes animation_dropdown_menu { 
  0% { opacity: 0; transform: translateY(-4px); }
  100% { opacity: 1; transform: translateY(0px); }
}.com-btn { padding: 0px; border: 1px solid; outline: none; border-radius: 6px; color: rgb(255, 255, 255); white-space: nowrap; display: flex; align-items: center; justify-content: center; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); transition-duration: 0.15s; transition-property: all; font-family: inherit; }.com-btn.com-btn__lg { padding-left: 16px; padding-right: 16px; height: 40px; }.com-btn.com-btn__def, .com-btn.com-btn__sm { padding-left: 12px; padding-right: 12px; height: 32px; }.com-btn.com-btn__default { background-color: transparent; color: var(--v2--color-text-primary); border-color: var(--v2--color-border-button); }.com-btn.com-btn__default:hover { background-color: var(--v2--color-bg-hover); }.com-btn.com-btn__default:active { background-color: var(--v2--color-bg-press); }.com-btn.com-btn__primary { background-color: var(--v2--color-bg-brand-normal); border-color: var(--v2--color-bg-brand-normal); color: var(--v2--color-text-onfunctionandbrand); }.com-btn.com-btn__primary:hover { background-color: var(--v2--color-bg-brand-hover); border-color: var(--v2--color-bg-brand-hover); }.com-btn.com-btn__primary:active { background-color: var(--v2--color-bg-brand-press); border-color: var(--v2--color-bg-brand-press); }.com-btn.com-btn__secondary { background-color: transparent; color: var(--v2--color-text-primary); border-color: var(--v2--color-border-button); }.com-btn.com-btn__secondary:hover { background-color: var(--v2--color-bg-hover); }.com-btn.com-btn__secondary:active { background-color: var(--v2--color-bg-press); }.svg-icon-hover { margin: 0px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: 0px; background-color: transparent; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px; transition-timing-function: ease; transition-duration: 0.15s; }.svg-icon-hover:hover { background-color: var(--v2--color-bg-hover); }.svg-icon-hover:active { background-color: var(--v2--color-bg-press); }.com-btn { position: relative; }.com-btn.com-btn__lg { padding-left: 16px; padding-right: 16px; }.com-btn.com-btn__def { padding-left: 12px; padding-right: 12px; }.com-btn.is-fill { font-weight: var(--font-weight-medium); }.px-switch { display: inline-flex; align-items: center; position: relative; box-sizing: border-box; }.px-switch.is-checked .px-switch--core { background-color: var(--v2--color-bg-switch-brand-normal); }.px-switch.is-checked .px-switch--core::after { left: calc(100% - 1px); transform: translate(-100%) translateY(-50%); }.px-switch--input { position: absolute; width: 0px; height: 0px; opacity: 0; margin: 0px; }.px-switch--core { margin: 0px; display: inline-block; position: relative; width: 24px; height: 12px; outline: 0px; border-radius: 6px; box-sizing: border-box; background: var(--v2--color-bg-switch-normal); vertical-align: middle; }.px-switch--core::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 1px; border-radius: 100%; transition: 0.3s; width: 10px; height: 10px; box-sizing: border-box; background-color: var(--v2--color-text-onfunctionandbrand); }.dialog-bg { position: fixed; inset: 0px; background-color: var(--v2--color-bg-mask-primary); z-index: 1999; }.dialog-bg .dialog-contain { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: var(--v2--color-bg-float); border-radius: 10px; z-index: 2000; }.dialog-bg .dialog-contain .dialog-header { padding: 24px 16px 16px 24px; color: var(--v2--color-text-primary); height: 64px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--v2--color-border-primary); }.dialog-bg .dialog-contain .dialog-header .empty { flex: 1 1 0%; }.dialog-bg .dialog-contain .dialog-content { padding: 16px 24px 24px; color: var(--v2--color-text-primary); word-break: break-all; }.dialog-bg .dialog-contain .dialog-content.hide-header-border { padding: 8px 24px 24px; }.dialog-bg .dialog-contain .dialog-footer { display: flex; justify-content: flex-end; padding: 24px; }.dialog-bg .dialog-contain .dialog-footer .btn-cancel { margin-right: 16px; }@keyframes animation_rotate_anti { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); }
}.cookie-setting--dialog .svg-icon-hover { position: absolute; top: 12px; right: 12px; }.cookie-setting-footer { position: fixed; bottom: 0px; height: 94px; width: 100vw; background: white; display: flex; align-items: center; justify-content: center; border-top: 1px solid rgba(18, 17, 42, 0.07); z-index: 99999; padding: 4px 16px; gap: 50px; }.cookie-info { margin-right: 24px; color: var(--v2--color-text-primary); }.cookie-into-title { color: rgb(25, 25, 26); font-size: 14px; font-weight: 700; line-height: 20px; letter-spacing: 0px; text-align: left; }.cookie-setting-btn { margin: 0px 12px; width: 160px; }.cookie-accept-btn { width: 160px; }.cookie-reject-btn { padding: 10px 8px; cursor: pointer; margin-bottom: 0px; white-space: nowrap; font-size: 14px; }.cookie-setting--dialog.dialog-bg .dialog-contain .dialog-header { padding: 28px 36px 16px; height: 64px; }.cookie-setting--dialog.dialog-bg .dialog-contain .dialog-content { position: relative; padding: 0px 36px 24px; }.cookie-setting--dialog.dialog-bg .dialog-contain .dialog-content .hide-header-border { padding: 0px 36px 16px; }.cookie-setting-manage-title { margin-bottom: 12px; }.cookie-setting-context { word-break: break-word; color: rgb(25, 25, 26); font-family: Outfit; font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: 0px; text-align: left; }.cookie-setting-learn { text-decoration: underline; color: var(--v2--color-text-primary); cursor: pointer; }.cookie-setting-learn:hover { color: var(--v2--color-text-brand-normal); }.cookie-setting--dialog.dialog-bg .dialog-contain .dialog-footer { padding: 0px 36px 28px; }.cookie-setting--dialog.dialog-bg .dialog-contain .dialog-footer .com-btn.com-btn__def { padding: 10px 16px; height: 40px; }.cookie-setting-manage { margin-top: 20px; }.cookie-setting-manage-item { background: rgb(247, 247, 249); border-radius: 10px; transition: 0.2s; cursor: default; padding: 14px 12px 14px 8px; }.manage-item-content { padding: 0px 4px 0px 22px; word-break: break-word; }.cookie-setting-content { height: 436px; overflow: scroll; }.cookie-setting-content::-webkit-scrollbar { display: none; }.manage-item-switch .px-switch--core { width: 42px; height: 22px; border-radius: 16px; }.manage-item-switch .px-switch--core::after { width: 18px; height: 18px; }.cookie-setting--dialog .dialog-contain { max-width: 760px; width: calc(-32px + 100vw) !important; }.cookie-into-sub { font-size: 12px; line-height: 14px; max-width: 500px; }@media screen and (max-width: 870px){.cookie-setting-footer { padding: 0px 16px; }.cookie-into-title { font-size: 12px; line-height: 16px; }.cookie-into-sub { font-size: 10px; line-height: 14px; }.cookie-info { margin-right: 16px; }.cookie-reject-btn { font-size: 12px; padding: 5px 3px; }.cookie-btns .com-btn.com-btn__lg { height: 32px; font-size: 12px; padding: 0px 12px; width: 120px; }.cookie-setting--dialog .dialog-header span { font-size: 14px; }.cookie-setting--dialog .cookie-setting-context { font-size: 12px; }.cookie-setting--dialog .cookie-setting-manage { margin-top: 16px; }.cookie-setting--dialog .cookie-setting-manage-item .manage-item-content { font-size: 12px; }.cookie-setting--dialog .dialog-contain .dialog-footer .com-btn.com-btn__def { padding: 8px 12px !important; height: 32px !important; }}@media screen and (max-width: 680px){.cookie-setting-footer { flex-direction: column; align-items: flex-start; padding: 16px; height: fit-content; gap: 0px; }.cookie-into-title { font-size: 14px; line-height: 20px; }.cookie-into-sub { font-size: 12px; line-height: 14px; }.cookie-btns { margin-top: 16px; align-self: flex-end; }.cookie-setting--dialog.dialog-bg .dialog-contain { height: 100vh; border-radius: 0px; display: flex; flex-direction: column; width: 100vw !important; }.cookie-setting--dialog.dialog-bg .dialog-contain .cookie-setting-content { height: 100%; }.cookie-setting--dialog.dialog-bg .dialog-contain .dialog-footer { justify-content: flex-end; flex: 1 1 0%; align-items: flex-end; align-self: flex-end; }}

/* Article media geometry, 20261110. */
.content iframe[width="560"][height="315"]{max-width:100%;height:auto;aspect-ratio:16/9}
@media (max-width: 767px) {
  html[data-px-reading] footer.wsc-footer:not(.px-footer--product) .footer-main {
    flex-direction: column;
    gap: 24px;
  }
  html[data-px-reading] footer.wsc-footer:not(.px-footer--product) .footer-main-item-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    min-width: 0;
    gap: 24px;
  }
  html[data-px-reading] footer.wsc-footer:not(.px-footer--product) .footer-main-item {
    min-width: 0;
    max-width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  html[data-px-reading] footer.wsc-footer:not(.px-footer--product) .footer-main-item a {
    display: block;
    overflow-wrap: anywhere;
  }
  html[data-px-reading] footer.wsc-footer:not(.px-footer--product) .footer-logo > .d-flex {
    flex-wrap: wrap;
  }
  html[data-px-reading] footer.wsc-footer:not(.px-footer--product) .copyright-area {
    flex-wrap: wrap;
    gap: 12px;
    max-width: 100%;
    padding-inline: 0;
  }
  html[data-px-reading] footer.wsc-footer:not(.px-footer--product) .copyright-area > li {
    min-width: 0;
    max-width: 100%;
    flex: 0 1 auto;
  }
  html[data-px-reading] footer.wsc-footer:not(.px-footer--product) .copyright-area > li:last-child {
    flex-basis: 100%;
    overflow-wrap: anywhere;
  }
}
/* Keep the existing final recommendation layout before deferred shared CSS loads. */
html[data-px-media-geometry="modern"] .related-container .related-list {
  margin-left: -15px;
  margin-right: -15px;
}

/* Intrinsic height attributes must scale with the card's existing fluid width. */
html[data-px-media-geometry] .related-container .related-img-box > .related-img {
  height: auto;
}
/* Floating share icons already have a 36px CSS width. Scale intrinsic heights. */
html[data-px-media-geometry] .media-nav .media-icon {
  height: auto;
}