CINXE.COM
Knowledge base
<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>Knowledge base</title> <link rel="SHORTCUT ICON" href=""> <meta name="description" content="Knowledge base"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="og:description" content="Knowledge base"> <meta property="og:title" content="Knowledge base"> <meta name="twitter:description" content="Knowledge base"> <meta name="twitter:title" content="Knowledge base"> <style> a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px} </style> <style> /* Theme base styles */ /* Generic */ *, *:before, *:after { box-sizing: border-box; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ -webkit-text-decoration: underline; /* 2 */ text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type='checkbox'], [type='radio'] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type='search']::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* Settings */ :root { --container-width: 1000px; --column-gap: 2.13%; --column-width-multiplier: 8.333; --primary-color: #2a5f8d; --secondary-color: #e2ebf4; --accent-color: #2a8d8a; --body-bg-color: #ffffff; --primary-body-font-family: 'Rubik', sans-serif; --primary-body-font-style: 'normal'; --primary-body-font-weight: 400; --primary-body-font-size: 1rem; --primary-body-line-height: 1.4; --primary-body-font-color: #33475b; --secondary-header-font-family: 'Rubik', sans-serif; --secondary-header-font-style: 'normal'; --secondary-header-font-weight: 700; --secondary-header-font-size: 1rem; --secondary-header-line-height: 1.5; --secondary-header-font-color: #33475b; --header-menu-font-color: #33475b; --h1-secondary-header-font-family: var(--secondary-header-font-family); --h1-secondary-header-font-style: var(--secondary-header-font-style); --h1-secondary-header-font-weight: var(--secondary-header-font-weight); --h1-secondary-header-font-size: 32px; --h1-secondary-header-line-height: var(--secondary-header-line-height); --h1-secondary-header-font-color: var(--secondary-header-font-color); --h1-secondary-header-text-decoration: var(--secondary-header-text-decoration); --h1-secondary-header-text-transform: var(--secondary-header-text-transform); --h2-secondary-header-font-family: var(--secondary-header-font-family); --h2-secondary-header-font-style: var(--secondary-header-font-style); --h2-secondary-header-font-weight: var(--secondary-header-font-weight); --h2-secondary-header-font-size: 24px; --h2-secondary-header-line-height: var(--secondary-header-line-height); --h2-secondary-header-font-color: var(--secondary-header-font-color); --h2-secondary-header-text-decoration: var(--secondary-header-text-decoration); --h2-secondary-header-text-transform: var(--secondary-header-text-transform); --h3-secondary-header-font-family: var(--secondary-header-font-family); --h3-secondary-header-font-style: var(--secondary-header-font-style); --h3-secondary-header-font-weight: var(--secondary-header-font-weight); --h3-secondary-header-font-size: 22px; --h3-secondary-header-line-height: var(--secondary-header-line-height); --h3-secondary-header-font-color: var(--secondary-header-font-color); --h3-secondary-header-text-decoration: var(--secondary-header-text-decoration); --h3-secondary-header-text-transform: var(--secondary-header-text-transform); --h4-secondary-header-font-family: var(--secondary-header-font-family); --h4-secondary-header-font-style: var(--secondary-header-font-style); --h4-secondary-header-font-weight: 400; --h4-secondary-header-font-size: 18px; --h4-secondary-header-line-height: var(--secondary-header-line-height); --h4-secondary-header-font-color: var(--secondary-header-font-color); --h4-secondary-header-text-decoration: var(--secondary-header-text-decoration); --h4-secondary-header-text-transform: var(--secondary-header-text-transform); --h5-secondary-header-font-family: var(--secondary-header-font-family); --h5-secondary-header-font-style: var(--secondary-header-font-style); --h5-secondary-header-font-weight: var(--secondary-header-font-weight); --h5-secondary-header-font-size: 16px; --h5-secondary-header-line-height: var(--secondary-header-line-height); --h5-secondary-header-font-color: var(--secondary-header-font-color); --h5-secondary-header-text-decoration: var(--secondary-header-text-decoration); --h5-secondary-header-text-transform: var(--secondary-header-text-transform); --h6-secondary-header-font-family: var(--secondary-header-font-family); --h6-secondary-header-font-style: var(--secondary-header-font-style); --h6-secondary-header-font-weight: var(--secondary-header-font-weight); --h6-secondary-header-font-size: 16px; --h6-secondary-header-line-height: var(--secondary-header-line-height); --h6-secondary-header-font-color: #7c98b6; --h6-secondary-header-text-decoration: var(--secondary-header-text-decoration); --h6-secondary-header-text-transform: var(--secondary-header-text-transform); --a-primary-body-font-family: var(--primary-body-font-family); --a-primary-body-font-style: var(--primary-body-font-style); --a-primary-body-font-weight: var(--primary-body-font-weight); --a-primary-body-font-size: 16px; --a-primary-body-line-height: var(--primary-body-line-height); --a-primary-body-font-color: #1773d1; --a-primary-body-text-decoration: var(--primary-body-text-decoration); --a-primary-body-text-transform: var(--primary-body-text-transform); --header-top-bar-background-color: var(--secondary-color); --top-bar-font-family: var(--primary-body-font-family); --top-bar-font-style: var(--primary-body-font-style); --top-bar-font-weight: var(--primary-body-font-weight); --top-bar-font-size: var(--a-primary-body-font-size); --top-bar-line-height: ; --top-bar-font-color: var(--header-menu-font-color); --top-bar-text-decoration: var(--a-primary-body-text-decoration); --top-bar-text-transform: var(--a-primary-body-text-transform); --language-switcher-dropdown-bg: #ff0000; --language-switcher-dropdown-font-family: var(--primary-body-font-family); --language-switcher-dropdown-font-style: var(--primary-body-font-style); --language-switcher-dropdown-font-weight: var(--primary-body-font-weight); --language-switcher-dropdown-font-size: var(--a-primary-body-font-size); --language-switcher-dropdown-line-height: ; --language-switcher-dropdown-font-color: var(--header-menu-font-color); --language-switcher-dropdown-text-decoration: var(--a-primary-body-text-decoration); --language-switcher-dropdown-text-transform: var(--a-primary-body-text-transform); --top-bar-hover-dropdown-bg: #00ff00; --top-bar-hover-dropdown-font-family: var(--primary-body-font-family); --top-bar-hover-dropdown-font-style: var(--primary-body-font-style); --top-bar-hover-dropdown-font-weight: var(--primary-body-font-weight); --top-bar-hover-dropdown-font-size: var(--a-primary-body-font-size); --top-bar-hover-dropdown-line-height: ; --top-bar-hover-dropdown-font-color: var(--header-menu-font-color); --top-bar-hover-dropdown-text-decoration: var(--a-primary-body-text-decoration); --top-bar-hover-dropdown-text-transform: var(--a-primary-body-text-transform); --header-bottom-bar-background-color: #fff; --header-menu-main-font-family: var(--primary-body-font-family); --header-menu-main-font-style: var(--primary-body-font-style); --header-menu-main-font-weight: var(--primary-body-font-weight); --header-menu-main-font-size: var(--a-primary-body-font-size); --header-menu-main-line-height: ; --header-menu-main-font-color: var(--header-menu-font-color); --header-menu-main-text-decoration: var(--a-primary-body-text-decoration); --header-menu-main-text-transform: var(--a-primary-body-text-transform); --header-menu-mobile-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.125); --header-menu-main-hover-font-family: var(--primary-body-font-family); --header-menu-main-hover-font-style: var(--primary-body-font-style); --header-menu-main-hover-font-weight: var(--primary-body-font-weight); --header-menu-main-hover-font-size: var(--a-primary-body-font-size); --header-menu-main-hover-line-height: ; --header-menu-main-hover-font-color: var(--header-menu-font-color); --header-menu-main-hover-text-decoration: var(--a-primary-body-text-decoration); --header-menu-main-hover-text-transform: var(--a-primary-body-text-transform); --header-menu-submenu-bg: #fff; --header-menu-submenu-font-family: var(--primary-body-font-family); --header-menu-submenu-font-style: var(--primary-body-font-style); --header-menu-submenu-font-weight: var(--primary-body-font-weight); --header-menu-submenu-font-size: var(--a-primary-body-font-size); --header-menu-submenu-line-height: ; --header-menu-submenu-font-color: var(--header-menu-font-color); --header-menu-submenu-text-decoration: var(--a-primary-body-text-decoration); --header-menu-submenu-text-transform: var(--a-primary-body-text-transform); --header-menu-hover-submenu-bg: #f00; --header-menu-hover-submenu-font-family: var(--primary-body-font-family); --header-menu-hover-submenu-font-style: var(--primary-body-font-style); --header-menu-hover-submenu-font-weight: var(--primary-body-font-weight); --header-menu-hover-submenu-font-size: var(--a-primary-body-font-size); --header-menu-hover-submenu-line-height: ; --header-menu-hover-submenu-font-color: var(--header-menu-font-color); --header-menu-hover-submenu-text-decoration: var(--a-primary-body-text-decoration); --header-menu-hover-submenu-text-transform: var(--a-primary-body-text-transform); --header-button-font-family: var(--primary-body-font-family); --header-button-font-style: var(--primary-body-font-style); --header-button-font-weight: var(--primary-body-font-weight); --header-button-font-size: var(--a-primary-body-font-size); --header-button-line-height: 16px; --header-button-font-color: #fff; --header-button-text-decoration: var(--a-primary-body-text-decoration); --header-button-text-transform: var(--a-primary-body-text-transform); --header-button-padding: 10px 20px; --header-button-border-radius: 20px; --header-button-border: 3px solid pink; --header-button-background-color: var(--accent-color); --header-button-hover-text-decoration: var(--a-primary-body-text-decoration); --header-button-hover-background-color: var(--accent-color); --header-button-hover-font-color: #fff; --header-button-hover-border: 3px solid gray; --primary-button-font-family: var(--primary-body-font-family); --primary-button-font-style: var(--primary-body-font-style); --primary-button-font-weight: var(--primary-body-font-weight); --primary-button-font-size: var(--a-primary-body-font-size); --primary-button-line-height: 16px; --primary-button-font-color: #fff; --primary-button-text-decoration: var(--a-primary-body-text-decoration); --primary-button-text-transform: var(--a-primary-body-text-transform); --primary-button-padding: 10px 20px; --primary-button-border-radius: 20px; --primary-button-border: 3px solid pink; --primary-button-background-color: var(--accent-color); --primary-button-hover-text-decoration: var(--a-primary-body-text-decoration); --primary-button-hover-background-color: var(--accent-color); --primary-button-hover-font-color: #fff; --primary-button-hover-border: 3px solid gray; --secondary-button-font-family: var(--primary-body-font-family); --secondary-button-font-style: var(--primary-body-font-style); --secondary-button-font-weight: var(--primary-body-font-weight); --secondary-button-font-size: var(--a-primary-body-font-size); --secondary-button-line-height: 16px; --secondary-button-font-color: var(--primary-body-font-color); --secondary-button-text-decoration: var(--a-primary-body-text-decoration); --secondary-button-text-transform: var(--a-primary-body-text-transform); --secondary-button-padding: 10px 20px; --secondary-button-border-radius: 2px; --secondary-button-border: 3px solid pink; --secondary-button-background-color: var(--secondary-color); --secondary-button-hover-text-decoration: var(--a-primary-body-text-decoration); --secondary-button-hover-background-color: var(--secondary-color); --secondary-button-hover-font-color: var(--primary-body-font-color); --secondary-button-hover-border: 3px solid gray; --search-field-label-font-family: var(--secondary-header-font-family); --search-field-label-font-style: var(--secondary-header-font-style); --search-field-label-font-weight: var(--secondary-header-font-weight); --search-field-label-font-size: 32px; --search-field-label-line-height: var(--secondary-header-line-height); --search-field-label-text-decoration: var(--secondary-header-text-decoration); --search-field-label-text-transform: var(--secondary-header-text-transform); --footer-bg-color: #fff; --footer-font-style: var(--primary-body-font-style); --footer-font-weight: var(--primary-body-font-weight); --footer-font-size: var(--a-primary-body-font-size); --footer-line-height: ; --footer-font-color: var(--a-primary-body-font-color); --footer-text-decoration: var(--a-primary-body-text-decoration); --footer-text-transform: var(--a-primary-body-text-transform); --footer-menu-font-family: var(--primary-body-font-family); --footer-menu-font-style: var(--primary-body-font-style); --footer-menu-font-weight: var(--primary-body-font-weight); --footer-menu-font-size: var(--a-primary-body-font-size); --footer-menu-line-height: 2.2rem; --footer-menu-font-color: var(--header-menu-font-color); --footer-menu-text-decoration: var(--a-primary-body-text-decoration); --footer-menu-text-transform: var(--a-primary-body-text-transform); --footer-menu-hover-font-family: var(--primary-body-font-family); --footer-menu-hover-font-style: var(--primary-body-font-style); --footer-menu-hover-font-weight: var(--primary-body-font-weight); --footer-menu-hover-font-size: var(--a-primary-body-font-size); --footer-menu-hover-line-height: ; --footer-menu-hover-font-color: var(--header-menu-font-color); --footer-menu-hover-text-decoration: var(--a-primary-body-text-decoration); --footer-menu-hover-text-transform: var(--a-primary-body-text-transform); --social-follow-icon-sizes: 32px; --social-follow-icon-shape: circle; --social-follow-icon-color: #fff; --social-follow-icon-background-color: #494a52; --social-follow-icon-space-between-icons: 12px; --social-follow-icon-alignment: right; --hs-kb-card-highlight-border-color: var(--primary-color); --hs-kb-home-tiles-background-color: #f2f7fc; --hs-kb-home-grid-item-padding: 24px 18px; } .theme-overrides { --primary-color: #2A5F8D ; --secondary-color: #E2EBF4 ; --accent-color: #29827f ; --body-bg-color: #FFFFFF ; --footer-bg-color: #FFFFFF ; --primary-body-font-family: Nunito, sans-serif; --primary-body-font-style: normal; --primary-body-font-weight: normal; --primary-body-text-decoration: none; --primary-body-font-color: #33475B; --secondary-header-font-family: 'Open Sans', sans-serif; --secondary-header-font-style: normal; --secondary-header-font-weight: normal; --secondary-header-text-decoration: none; --secondary-header-font-color: #33475B; --h1-secondary-header-font-family: 'Open Sans', sans-serif; --h1-secondary-header-font-style: normal; --h1-secondary-header-font-weight: normal; --h1-secondary-header-text-decoration: none; --h1-secondary-header-font-color: #33475B; --h1-secondary-header-font-size: 32px; --h1-secondary-header-text-transform: none ; --h2-secondary-header-font-family: 'Open Sans', sans-serif; --h2-secondary-header-font-style: normal; --h2-secondary-header-font-weight: normal; --h2-secondary-header-text-decoration: none; --h2-secondary-header-font-color: #33475B; --h2-secondary-header-font-size: 24px; --h2-secondary-header-text-transform: none ; --h3-secondary-header-font-family: 'Open Sans', sans-serif; --h3-secondary-header-font-style: normal; --h3-secondary-header-font-weight: normal; --h3-secondary-header-text-decoration: none; --h3-secondary-header-font-color: #33475B; --h3-secondary-header-font-size: 22px; --h3-secondary-header-text-transform: none ; --h4-secondary-header-font-family: 'Open Sans', sans-serif; --h4-secondary-header-font-style: normal; --h4-secondary-header-font-weight: 400; --h4-secondary-header-text-decoration: none; --h4-secondary-header-font-color: #33475B; --h4-secondary-header-font-size: 18px; --h4-secondary-header-text-transform: none ; --h5-secondary-header-font-family: 'Open Sans', sans-serif; --h5-secondary-header-font-style: normal; --h5-secondary-header-font-weight: normal; --h5-secondary-header-text-decoration: none; --h5-secondary-header-font-color: #33475B; --h5-secondary-header-font-size: 16px; --h5-secondary-header-text-transform: none ; --h6-secondary-header-font-family: 'Open Sans', sans-serif; --h6-secondary-header-font-style: normal; --h6-secondary-header-font-weight: normal; --h6-secondary-header-text-decoration: none; --h6-secondary-header-font-color: #7C98B6; --h6-secondary-header-font-size: 16px; --h6-secondary-header-text-transform: none ; --primary-body-font-family: Nunito, sans-serif; --primary-body-font-style: normal; --primary-body-font-weight: normal; --primary-body-text-decoration: none; --primary-body-font-color: #33475B; --primary-body-font-size: 16px; --a-primary-body-font-family: Nunito, sans-serif; --a-primary-body-font-style: normal; --a-primary-body-font-weight: normal; --a-primary-body-text-decoration: none; --a-primary-body-font-color: #1773D1; --a-hover-primary-body-font-weight: normal; --a-hover-primary-body-text-decoration: underline; --a-hover-primary-body-font-family: Nunito, sans-serif; --a-hover-primary-body-font-style: normal; --a-hover-primary-body-font-color: #415239; --top-bar-font-weight: normal; --top-bar-text-decoration: none; --top-bar-font-family: Nunito, sans-serif; --top-bar-font-style: normal; --top-bar-font-color: #33475B; --top-bar-hover-font-weight: normal; --top-bar-hover-text-decoration: underline; --top-bar-hover-font-family: Nunito, sans-serif; --top-bar-hover-font-style: normal; --top-bar-hover-font-color: #33475B; --language-switcher-dropdown-bg: rgba(255, 255, 255, 1.0) ; --top-bar-hover-dropdown-bg: rgba(41, 130, 127, 1.0) ; --header-max-width: auto ; --header-menu-main-font-weight: normal; --header-menu-main-text-decoration: none; --header-menu-main-font-family: Nunito, sans-serif; --header-menu-main-font-style: normal; --header-menu-main-font-color: #33475B; --header-menu-main-hover-font-weight: normal; --header-menu-main-hover-text-decoration: underline; --header-menu-main-hover-font-family: Nunito, sans-serif; --header-menu-main-hover-font-style: normal; --header-menu-main-hover-font-color: #33475B; --header-menu-submenu-bg: rgba(255, 255, 255, 1.0) ; --header-menu-submenu-font-weight: normal; --header-menu-submenu-text-decoration: none; --header-menu-submenu-font-family: Nunito, sans-serif; --header-menu-submenu-font-style: normal; --header-menu-submenu-font-color: #33475B; --header-menu-hover-submenu-bg: rgba(41, 130, 127, 1.0) ; --header-menu-hover-submenu-font-weight: normal; --header-menu-hover-submenu-text-decoration: none; --header-menu-hover-submenu-font-family: Nunito, sans-serif; --header-menu-hover-submenu-font-style: normal; --header-menu-hover-submenu-font-color: #FFFFFF; --header-button-font-family: Nunito, sans-serif; --header-button-font-style: normal; --header-button-font-weight: normal; --header-button-text-decoration: none; --header-button-font-color: #FFFFFF; --header-button-text-transform: ; --header-button-border: ; --primary-button-font-family: Nunito, sans-serif; --primary-button-font-style: normal; --primary-button-font-weight: normal; --primary-button-text-decoration: none; --primary-button-font-color: #FFFFFF; --primary-button-text-transform: ; --primary-button-border: ; --header-button-hover-font-family: Nunito, sans-serif; --header-button-hover-font-style: normal; --header-button-hover-font-weight: normal; --header-button-hover-text-decoration: none; --header-button-background-color: rgba(41, 130, 127, 1.0) ; --header-button-border-radius: 20px ; --header-button-hover-border: ; --header-button-hover-background-color: rgba(41, 130, 127, 1.0) ; --search-input-wrapper-background-color: rgba(42, 95, 141, 1.0) ; --search-input-wrapper-background-gradient: linear-gradient(to bottom, rgba(204, 204, 204, 1), rgba(153, 153, 153, 1)) ; --search-field-label-font-family: Nunito, sans-serif; --search-field-label-font-style: normal; --search-field-label-font-weight: normal; --search-field-label-text-decoration: none; --search-field-label-font-color: #FFFFFF; --search-field-label-font-size: 32px; --search-field-text-font-color: rgba(51, 71, 91, 1.0) ; --search-field-button-background-color: rgba(226, 235, 244, 1.0) ; --search-field-button-icon-color: rgba(51, 71, 91, 1.0) ; --header-top-bar-background-color: rgba(226, 235, 244, 1.0) ; --header-bottom-bar-background-color: rgba(255, 255, 255, 1.0) ; --footer-font-weight: normal; --footer-text-decoration: none; --footer-font-family: Nunito, sans-serif; --footer-font-style: normal; --footer-font-color: #33475B; --footer-font-size: 16px; --footer-menu-font-weight: normal; --footer-menu-text-decoration: none; --footer-menu-font-family: Nunito, sans-serif; --footer-menu-font-style: normal; --footer-menu-font-color: #33475B; --footer-menu-hover-font-weight: normal; --footer-menu-hover-text-decoration: underline; --footer-menu-hover-font-family: Nunito, sans-serif; --footer-menu-hover-font-style: normal; --footer-menu-hover-font-color: #33475B; --hs-kb-card-highlight-border-color: rgba(42, 95, 141, 1.0) ; --hs-kb-home-tiles-background-color: rgba(255, 255, 255, 1.0) ; --hs-kb-home-tiles-border: 1px none #FFFFFF; ; --social-follow-icon-size: 32px ; --social-follow-icon-shape-radius: 50% ; --social-follow-icon-color: rgba(255, 255, 255, 1) ; --social-follow-icon-background-color: rgba(73, 74, 82, 1) ; --social-follow-icon-space-between-icons: 12px; --social-follow-icon-alignment: flex-end ; } /* Objects */ html { scroll-behavior: smooth; } .kb-body-wrapper { background-color: #ffffff; background-color: var(--body-bg-color); } /* Mobile layout */ .row-fluid { display: flex; flex-wrap: wrap; width: 100%; } .row-fluid .span1 , .row-fluid .span2 , .row-fluid .span3 , .row-fluid .span4 , .row-fluid .span5 , .row-fluid .span6 , .row-fluid .span7 , .row-fluid .span8 , .row-fluid .span9 , .row-fluid .span10 , .row-fluid .span11 , .row-fluid .span12 { min-height: 1px; width: 100%; } /* Desktop layout */ @media (min-width: 768px) { .row-fluid { flex-wrap: nowrap; justify-content: space-between; } .row-fluid .span1 { width: calc(8.333 * 1% * 1 - 2.13% * (11 * 8.333 / 100)); width: calc( var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100) ); } .row-fluid .span2 { width: calc(8.333 * 1% * 2 - 2.13% * (10 * 8.333 / 100)); width: calc( var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100) ); } .row-fluid .span3 { width: calc(8.333 * 1% * 3 - 2.13% * (9 * 8.333 / 100)); width: calc( var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100) ); } .row-fluid .span4 { width: calc(8.333 * 1% * 4 - 2.13% * (8 * 8.333 / 100)); width: calc( var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100) ); } .row-fluid .span5 { width: calc(8.333 * 1% * 5 - 2.13% * (7 * 8.333 / 100)); width: calc( var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100) ); } .row-fluid .span6 { width: calc(8.333 * 1% * 6 - 2.13% * (6 * 8.333 / 100)); width: calc( var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100) ); } .row-fluid .span7 { width: calc(8.333 * 1% * 7 - 2.13% * (5 * 8.333 / 100)); width: calc( var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100) ); } .row-fluid .span8 { width: calc(8.333 * 1% * 8 - 2.13% * (4 * 8.333 / 100)); width: calc( var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100) ); } .row-fluid .span9 { width: calc(8.333 * 1% * 9 - 2.13% * (3 * 8.333 / 100)); width: calc( var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100) ); } .row-fluid .span10 { width: calc(8.333 * 1% * 10 - 2.13% * (2 * 8.333 / 100)); width: calc( var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100) ); } .row-fluid .span11 { width: calc(8.333 * 1% * 11 - 2.13% * (1 * 8.333 / 100)); width: calc( var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100) ); } } /* Overall layout */ .hs-kb-content-wrapper--responsive-spacing, .hs-kb-home-list { box-sizing: content-box; max-width: 1000px; padding: 0 24px; margin: 0 auto; } @media only screen and (max-width: 767px) { .hs-kb-search-input-wrapper .hs-search-field__bar { min-height: auto; } .hidden-phone { display: none; } } /* Content wrappers for blog post and system templates */ .content-wrapper { padding: 0 20px; margin: 0 auto; } /* Drag and drop layout styles */ .dnd-section > .row-fluid { margin: 0 auto; } @media (max-width: 767px) { .dnd-section .dnd-column { padding: 0; } } /* Elements */ body { word-wrap: break-word; font-family: 'Rubik', sans-serif; font-family: var(--primary-body-font-family); font-size: 1rem; font-size: var(--primary-body-font-size); font-weight: 400; font-weight: var(--primary-body-font-weight); line-height: 1.4; line-height: var(--primary-body-line-height); font-style: 'normal'; font-style: var(--primary-body-font-style); color: #33475b; color: var(--primary-body-font-color); } html[lang^='ja'] body, html[lang^='zh'] body, html[lang^='ko'] body { line-break: strict; word-wrap: normal; word-break: break-all; } /* Paragraphs */ p { margin: 0 0 1.4rem; } /* Anchors */ a { cursor: pointer; } /* Headings */ h1, h2, h3, h4, h5, h6 { margin: 0 0 1.4rem; } /* Lists */ ul, ol { padding-left: 1rem; margin: 0 0 1.4rem; } ul li, ol li { margin: 0.7rem; } ul ul, ol ul, ul ol, ol ol { margin: 1.4rem 0; } .no-list { padding: 0; margin: 0; list-style: none; } .no-list li { margin: 0; } /* Code blocks */ pre { overflow: auto; } code { vertical-align: bottom; } /* Blockquotes */ blockquote { position: relative; margin-bottom: 1.4rem; } blockquote:before { content: ''; display: block; width: 3px; height: 100%; background-color: #e2ebf4; background-color: var(--secondary-color); position: absolute; left: -13px; } /* Horizontal rules */ hr { border: 0 none; border-bottom: 1px solid; } /* Subscripts and superscripts */ sup, sub { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Image alt text */ img { font-size: 1rem; word-break: normal; } h1 { font-family: 'Rubik', sans-serif; font-family: var(--h1-secondary-header-font-family); font-style: 'normal'; font-style: var(--h1-secondary-header-font-style); font-weight: 700; font-weight: var(--h1-secondary-header-font-weight); font-size: 32px; font-size: var(--h1-secondary-header-font-size); line-height: 1.5; line-height: var(--h1-secondary-header-line-height); color: #33475b; color: var(--h1-secondary-header-font-color); -webkit-text-decoration: var(--secondary-header-text-decoration); text-decoration: var(--secondary-header-text-decoration); -webkit-text-decoration: var(--h1-secondary-header-text-decoration); text-decoration: var(--h1-secondary-header-text-decoration); text-transform: var(--secondary-header-text-transform); text-transform: var(--h1-secondary-header-text-transform); } h2 { font-family: 'Rubik', sans-serif; font-family: var(--h2-secondary-header-font-family); font-style: 'normal'; font-style: var(--h2-secondary-header-font-style); font-weight: 700; font-weight: var(--h2-secondary-header-font-weight); font-size: 24px; font-size: var(--h2-secondary-header-font-size); line-height: 1.5; line-height: var(--h2-secondary-header-line-height); color: #33475b; color: var(--h2-secondary-header-font-color); -webkit-text-decoration: var(--secondary-header-text-decoration); text-decoration: var(--secondary-header-text-decoration); -webkit-text-decoration: var(--h2-secondary-header-text-decoration); text-decoration: var(--h2-secondary-header-text-decoration); text-transform: var(--secondary-header-text-transform); text-transform: var(--h2-secondary-header-text-transform); } h3, h3 a, h3 a:hover { font-family: 'Rubik', sans-serif; font-family: var(--h3-secondary-header-font-family); font-style: 'normal'; font-style: var(--h3-secondary-header-font-style); font-weight: 700; font-weight: var(--h3-secondary-header-font-weight); font-size: 22px; font-size: var(--h3-secondary-header-font-size); line-height: 1.5; line-height: var(--h3-secondary-header-line-height); color: #33475b; color: var(--h3-secondary-header-font-color); -webkit-text-decoration: var(--secondary-header-text-decoration); text-decoration: var(--secondary-header-text-decoration); -webkit-text-decoration: var(--h3-secondary-header-text-decoration); text-decoration: var(--h3-secondary-header-text-decoration); text-transform: var(--secondary-header-text-transform); text-transform: var(--h3-secondary-header-text-transform); } h3 a:hover { -webkit-text-decoration: underline; text-decoration: underline; } h4 { font-family: 'Rubik', sans-serif; font-family: var(--h4-secondary-header-font-family); font-style: 'normal'; font-style: var(--h4-secondary-header-font-style); font-weight: 400; font-weight: var(--h4-secondary-header-font-weight); font-size: 18px; font-size: var(--h4-secondary-header-font-size); line-height: 1.5; line-height: var(--h4-secondary-header-line-height); color: #33475b; color: var(--h4-secondary-header-font-color); -webkit-text-decoration: var(--secondary-header-text-decoration); text-decoration: var(--secondary-header-text-decoration); -webkit-text-decoration: var(--h4-secondary-header-text-decoration); text-decoration: var(--h4-secondary-header-text-decoration); text-transform: var(--secondary-header-text-transform); text-transform: var(--h4-secondary-header-text-transform); } h5 { font-family: 'Rubik', sans-serif; font-family: var(--h5-secondary-header-font-family); font-style: 'normal'; font-style: var(--h5-secondary-header-font-style); font-weight: 700; font-weight: var(--h5-secondary-header-font-weight); font-size: 16px; font-size: var(--h5-secondary-header-font-size); line-height: 1.5; line-height: var(--h5-secondary-header-line-height); color: #33475b; color: var(--h5-secondary-header-font-color); -webkit-text-decoration: var(--secondary-header-text-decoration); text-decoration: var(--secondary-header-text-decoration); -webkit-text-decoration: var(--h5-secondary-header-text-decoration); text-decoration: var(--h5-secondary-header-text-decoration); text-transform: var(--secondary-header-text-transform); text-transform: var(--h5-secondary-header-text-transform); } h6 { font-family: 'Rubik', sans-serif; font-family: var(--h6-secondary-header-font-family); font-style: 'normal'; font-style: var(--h6-secondary-header-font-style); font-weight: 700; font-weight: var(--h6-secondary-header-font-weight); font-size: 16px; font-size: var(--h6-secondary-header-font-size); line-height: 1.5; line-height: var(--h6-secondary-header-line-height); color: #7c98b6; color: var(--h6-secondary-header-font-color); -webkit-text-decoration: var(--secondary-header-text-decoration); text-decoration: var(--secondary-header-text-decoration); -webkit-text-decoration: var(--h6-secondary-header-text-decoration); text-decoration: var(--h6-secondary-header-text-decoration); text-transform: var(--secondary-header-text-transform); text-transform: var(--h6-secondary-header-text-transform); } a { font-family: 'Rubik', sans-serif; font-family: var(--a-primary-body-font-family); font-style: 'normal'; font-style: var(--a-primary-body-font-style); font-weight: 400; font-weight: var(--a-primary-body-font-weight); line-height: 1.4; line-height: var(--a-primary-body-line-height); color: #1773d1; color: var(--a-primary-body-font-color); -webkit-text-decoration: var(--primary-body-text-decoration); text-decoration: var(--primary-body-text-decoration); -webkit-text-decoration: var(--a-primary-body-text-decoration); text-decoration: var(--a-primary-body-text-decoration); text-transform: var(--primary-body-text-transform); text-transform: var(--a-primary-body-text-transform); } a:hover, a:focus { font-family: var(--a-hover-primary-body-font-family); font-style: var(--a-hover-primary-body-font-style); font-weight: var(--a-hover-primary-body-font-weight); color: var(--a-hover-primary-body-font-color); -webkit-text-decoration: var(--a-hover-primary-body-text-decoration); text-decoration: var(--a-hover-primary-body-text-decoration); text-transform: var(--a-hover-primary-body-text-transform); } a:active { color: var(--a-hover-primary-body-font-color); } /* Primary button */ .button, .hs-button { display: inline-flex; padding: 10px 20px; align-items: center; cursor: pointer; text-align: center; transition: color 0.15s linear; white-space: normal; } .button.button--primary { font-family: 'Rubik', sans-serif; font-family: var(--primary-button-font-family); font-style: 'normal'; font-style: var(--primary-button-font-style); font-weight: 400; font-weight: var(--primary-button-font-weight); font-size: 16px; font-size: var(--primary-button-font-size); line-height: 16px; line-height: var(--primary-button-line-height); color: #fff; -webkit-text-decoration: var(--primary-body-text-decoration); text-decoration: var(--primary-body-text-decoration); -webkit-text-decoration: var(--primary-button-text-decoration); text-decoration: var(--primary-button-text-decoration); text-transform: var(--primary-body-text-transform); text-transform: var(--primary-button-text-transform); background-color: #2a8d8a; background-color: var(--primary-button-background-color); color: var(--primary-button-font-color); padding: 10px 20px; padding: var(--primary-button-padding); border-radius: 20px; border-radius: var(--primary-button-border-radius); } .button.button--secondary { font-family: 'Rubik', sans-serif; font-family: var(--secondary-button-font-family); font-style: 'normal'; font-style: var(--secondary-button-font-style); font-weight: 400; font-weight: var(--secondary-button-font-weight); font-size: 16px; font-size: var(--secondary-button-font-size); line-height: 16px; line-height: var(--secondary-button-line-height); color: #33475b; -webkit-text-decoration: var(--primary-body-text-decoration); text-decoration: var(--primary-body-text-decoration); -webkit-text-decoration: var(--secondary-button-text-decoration); text-decoration: var(--secondary-button-text-decoration); text-transform: var(--primary-body-text-transform); text-transform: var(--secondary-button-text-transform); background-color: #e2ebf4; background-color: var(--secondary-button-background-color); color: var(--secondary-button-font-color); padding: 10px 20px; padding: var(--secondary-button-padding); border-radius: 2px; border-radius: var(--secondary-button-border-radius); } /* Disabled button */ .button:disabled, .hs-button:disabled { border-color: #f1f1f1; background-color: #f1f1f1; pointer-events: none; } .button:disabled, .button.button--secondary:disabled, .button.button--simple:disabled { color: #d0d0d0; } /* No button */ .no-button, .no-button:hover, .no-button:focus, .no-button:active { padding: 0; border: none; border-radius: 0; margin-bottom: 0; background: none; color: #000; color: initial; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; text-align: left; -webkit-text-decoration: none; text-decoration: none; transition: none; } /* Button icons */ .button { display: flex; justify-content: space-between; gap: 0.5rem; } .button.right { flex-flow: row-reverse; } .button .button__icon svg { display: block; height: 1.25rem; fill: inherit; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .button .button__icon svg { width: 1.25rem; } } .button--icon-right .button__icon { order: 1; } .button--icon-right .button__icon svg { margin-right: 0; margin-left: 1rem; } /* Form title */ .form-title { margin: 0; } .form-title ~ div > form { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } /* Labels */ form label { display: block; margin-bottom: 0.35rem; } /* Form fields */ form .hs-form-field { margin-bottom: 1.4rem; } form input[type='text'], form input[type='email'], form input[type='password'], form input[type='tel'], form input[type='number'], form input[type='file'], form input[type='search'], form select, form textarea { width: 100% !important; } form input[type='text'], form input[type='email'], form input[type='password'], form input[type='tel'], form input[type='number'], form input[type='file'], form input[type='search'], form select, form textarea { display: inline-block; /* stylelint-disable-line declaration-no-important */ } form fieldset { max-width: 100% !important; } form fieldset { /* stylelint-disable-line declaration-no-important */ } /* Form fields - checkbox/radio */ form .inputs-list { padding: 0; margin: 0; list-style: none; } form .inputs-list > li { display: block; margin: 0.7rem 0; } form .inputs-list input, form .inputs-list span { vertical-align: middle; } form input[type='checkbox'], form input[type='radio'] { margin-right: 0.35rem; cursor: pointer; } /* Form fields - date picker */ form .hs-dateinput { position: relative; } form .hs-dateinput:before { position: absolute; top: 50%; content: '\01F4C5'; transform: translateY(-50%); } form .is-selected .pika-button { border-radius: 0 !important; box-shadow: none !important; } form .is-selected .pika-button { /* stylelint-disable-line declaration-no-important */ /* stylelint-disable-line declaration-no-important */ } form .fn-date-picker .pika-button:hover, form .fn-date-picker .pika-button:focus { border-radius: 0 !important; } form .fn-date-picker .pika-button:hover, form .fn-date-picker .pika-button:focus { /* stylelint-disable-line declaration-no-important */ } /* Form fields - file picker */ form input[type='file'] { padding: 0; padding: initial; border: medium none currentColor; border: initial; background-color: transparent; } /* Headings and text */ form .hs-richtext, form .hs-richtext p { margin: 0 0 1.4rem; font-size: 0.8rem; } form .hs-richtext img { max-width: 100% !important; } form .hs-richtext img { height: auto; /* stylelint-disable-line declaration-no-important */ } /* GDPR */ form .legal-consent-container .hs-form-booleancheckbox-display > span { margin-left: 1rem !important; } form .legal-consent-container .hs-form-booleancheckbox-display > span { /* stylelint-disable-line declaration-no-important */ } /* Validation */ form .hs-form-required { color: #ef6b51; } form .hs-input.error { border-color: #ef6b51; } form .hs-error-msg, form .hs-error-msgs { margin-top: 0.35rem; color: #ef6b51; } /* Submit button */ form input[type='submit'], form .hs-button { white-space: normal !important; } form input[type='submit'], form .hs-button { display: inline-block; width: 100%; cursor: pointer; text-align: center; transition: all 0.15s linear; /* stylelint-disable-line declaration-no-important */ } /* Captcha */ .grecaptcha-badge { margin: 0 auto; } /* Icon wrapper */ .icon { display: inline-flex; border-radius: 50%; } .icon--square .icon { border-radius: 0; } /* Icon */ .icon svg { vertical-align: middle; } /* Table */ table { border-collapse: collapse; margin-bottom: 1.4rem; word-wrap: break-word; } /* Table cells */ th, td { padding: 0.7rem; vertical-align: top; } /* Table header */ thead th, thead td { vertical-align: bottom; } /* Components */ /* Navigation skipper */ .header__skip { position: absolute; top: -1000px; left: -1000px; overflow: hidden; height: 1px; width: 1px; text-align: left; } .header__skip:hover, .header__skip:focus, .header__skip:active { z-index: 2; top: 0; left: 0; overflow: visible; height: auto; width: auto; } .header__wrapper { max-width: var(--header-max-width); } .header__top { background-color: #e2ebf4; background-color: var(--header-top-bar-background-color); } .header__bottom { background-color: #fff; background-color: var(--header-bottom-bar-background-color); } .header__logo-company-name { font-size: 24px; font-weight: 700; font-weight: var(--h2-secondary-header-font-weight); line-height: 42px; } .header__menu-link { color: var(--header-menu-font-color); -webkit-text-decoration: none; text-decoration: none; } .header__menu--desktop { display: flex; align-items: flex-start; } .header__menu--mobile { background-color: #ffffff; background-color: var(--body-bg-color); box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.125); box-shadow: var(--header-menu-mobile-box-shadow); } .header__language-switcher-current-label, .header__nav-link { color: #33475b; color: var(--top-bar-font-color); font-family: 'Rubik', sans-serif; font-family: var(--top-bar-font-family); font-size: 16px; font-size: var(--top-bar-font-size); font-style: 'normal'; font-style: var(--top-bar-font-style); font-weight: 400; font-weight: var(--top-bar-font-weight); line-height: ; line-height: var(--top-bar-line-height); -webkit-text-decoration: var(--primary-body-text-decoration); -webkit-text-decoration: var(--top-bar-text-decoration); text-decoration: var(--primary-body-text-decoration); text-decoration: var(--top-bar-text-decoration); text-transform: var(--primary-body-text-transform); text-transform: var(--top-bar-text-transform); } .header__language-switcher-current-label:hover, .header__language-switcher-current-label:focus, .header__nav-link:hover, .header__nav-link:focus { color: var(--top-bar-hover-font-color); font-family: 'Rubik', sans-serif; font-family: var(--top-bar-font-family); font-style: var(--top-bar-hover-font-style); font-weight: var(--top-bar-hover-font-weight); line-height: var(--top-bar-hover-line-height); -webkit-text-decoration: var(--top-bar-hover-text-decoration); text-decoration: var(--top-bar-hover-text-decoration); text-transform: var(--top-bar-hover-text-transform); } .header__language-switcher-child-toggle { color: #33475b; color: var(--top-bar-font-color); } .header__language-switcher-current-label:hover .header__language-switcher-child-toggle, .header__language-switcher-current-label:focus .header__language-switcher-current-label { color: var(--top-bar-hover-font-color); } .header__language-switcher .lang_list_class li a { background-color: #ff0000; background-color: var(--language-switcher-dropdown-bg); color: #33475b; color: var(--language-switcher-dropdown-font-color); font-family: 'Rubik', sans-serif; font-family: var(--language-switcher-dropdown-font-family); font-size: 16px; font-size: var(--language-switcher-dropdown-font-size); font-style: 'normal'; font-style: var(--language-switcher-dropdown-font-style); font-weight: 400; font-weight: var(--language-switcher-dropdown-font-weight); line-height: ; line-height: var(--language-switcher-dropdown-line-height); -webkit-text-decoration: var(--primary-body-text-decoration); -webkit-text-decoration: var(--language-switcher-dropdown-text-decoration); text-decoration: var(--primary-body-text-decoration); text-decoration: var(--language-switcher-dropdown-text-decoration); text-transform: var(--primary-body-text-transform); text-transform: var(--language-switcher-dropdown-text-transform); } .header__language-switcher .lang_list_class a:hover, .header__language-switcher .lang_list_class a:focus, .header__language-switcher .lang_list_class a:active { background-color: #00ff00; background-color: var(--top-bar-hover-dropdown-bg); color: #33475b; color: var(--top-bar-hover-dropdown-font-color); font-family: 'Rubik', sans-serif; font-family: var(--top-bar-hover-dropdown-font-family); font-size: 16px; font-size: var(--top-bar-hover-dropdown-font-size); font-style: 'normal'; font-style: var(--top-bar-hover-dropdown-font-style); font-weight: 400; font-weight: var(--top-bar-hover-dropdown-font-weight); line-height: ; line-height: var(--top-bar-hover-dropdown-line-height); -webkit-text-decoration: var(--primary-body-text-decoration); -webkit-text-decoration: var(--top-bar-hover-dropdown-text-decoration); text-decoration: var(--primary-body-text-decoration); -webkit-text-decoration: var(--top-bar-hover-dropdown-text-decoration); text-decoration: var(--top-bar-hover-dropdown-text-decoration); text-transform: var(--primary-body-text-transform); text-transform: var(--top-bar-hover-dropdown-text-transform); } .header__menu-link { color: #33475b; color: var(--header-menu-main-font-color); font-family: 'Rubik', sans-serif; font-family: var(--header-menu-main-font-family); font-size: 16px; font-size: var(--header-menu-main-font-size); font-style: 'normal'; font-style: var(--header-menu-main-font-style); font-weight: 400; font-weight: var(--header-menu-main-font-weight); line-height: ; line-height: var(--header-menu-main-line-height); -webkit-text-decoration: var(--primary-body-text-decoration); -webkit-text-decoration: var(--header-menu-main-text-decoration); text-decoration: var(--primary-body-text-decoration); text-decoration: var(--header-menu-main-text-decoration); text-transform: var(--primary-body-text-transform); text-transform: var(--header-menu-main-text-transform); } .header__menu-link:hover, .header__menu-link:focus, .header__menu-link:active { color: #33475b; color: var(--header-menu-main-hover-font-color); font-family: 'Rubik', sans-serif; font-family: var(--header-menu-main-font-family); font-size: 16px; font-size: var(--header-menu-main-font-size); font-style: 'normal'; font-style: var(--header-menu-main-font-style); font-weight: 400; font-weight: var(--header-menu-main-font-weight); line-height: ; line-height: var(--header-menu-main-line-height); -webkit-text-decoration: var(--primary-body-text-decoration); -webkit-text-decoration: var(--header-menu-main-hover-text-decoration); text-decoration: var(--primary-body-text-decoration); text-decoration: var(--header-menu-main-hover-text-decoration); } .header__menu-submenu { background-color: #fff; background-color: var(--header-menu-submenu-bg); } .header__menu-submenu .header__menu-link { color: #33475b; color: var(--header-menu-submenu-font-color); font-family: 'Rubik', sans-serif; font-family: var(--header-menu-submenu-font-family); font-size: 16px; font-size: var(--header-menu-submenu-font-size); font-style: 'normal'; font-style: var(--header-menu-submenu-font-style); font-weight: 400; font-weight: var(--header-menu-submenu-font-weight); line-height: ; line-height: var(--header-menu-submenu-line-height); -webkit-text-decoration: var(--primary-body-text-decoration); -webkit-text-decoration: var(--header-menu-submenu-text-decoration); text-decoration: var(--primary-body-text-decoration); text-decoration: var(--header-menu-submenu-text-decoration); text-transform: var(--primary-body-text-transform); text-transform: var(--header-menu-submenu-text-transform); } .header__menu-submenu .header__menu-item:hover, .header__menu-submenu .header__menu-item:focus, .header__menu-submenu .header__menu-item:focus-within { background-color: #f00; background-color: var(--header-menu-hover-submenu-bg); } .header__menu-submenu .header__menu-link:hover, .header__menu-submenu .header__menu-link:focus, .header__menu-submenu .header__menu-link:active { color: #33475b; color: var(--header-menu-hover-submenu-font-color); font-family: 'Rubik', sans-serif; font-family: var(--header-menu-hover-submenu-font-family); font-size: 16px; font-size: var(--header-menu-hover-submenu-font-size); font-style: 'normal'; font-style: var(--header-menu-hover-submenu-font-style); font-weight: 400; font-weight: var(--header-menu-hover-submenu-font-weight); line-height: ; line-height: var(--header-menu-hover-submenu-line-height); -webkit-text-decoration: var(--primary-body-text-decoration); -webkit-text-decoration: var(--header-menu-hover-submenu-text-decoration); text-decoration: var(--primary-body-text-decoration); text-decoration: var(--header-menu-hover-submenu-text-decoration); text-transform: var(--primary-body-text-transform); text-transform: var(--header-menu-hover-submenu-text-transform); } .header__menu-submenu .header__menu-item:hover > .header__menu-link-toggle-wrapper > .header__menu-link, .header__menu-submenu .header__menu-item:focus > .header__menu-link-toggle-wrapper > .header__menu-link { color: #33475b; color: var(--header-menu-hover-submenu-font-color); } .header__menu-child-toggle { display: flex; align-items: center; justify-content: center; } .header__button.button { padding: 10px 20px; padding: var(--header-button-padding); border: 3px solid pink; border: var(--header-button-border); border-radius: 20px; border-radius: var(--header-button-border-radius); background-color: #2a8d8a; background-color: var(--header-button-background-color); color: #fff; color: var(--header-button-font-color); font-family: 'Rubik', sans-serif; font-family: var(--header-button-font-family); font-size: 16px; font-size: var(--header-button-font-size); font-style: 'normal'; font-style: var(--header-button-font-style); font-weight: 400; font-weight: var(--header-button-font-weight); line-height: 16px; line-height: var(--header-button-line-height); -webkit-text-decoration: var(--primary-body-text-decoration); -webkit-text-decoration: var(--header-button-text-decoration); text-decoration: var(--primary-body-text-decoration); text-decoration: var(--header-button-text-decoration); text-transform: var(--primary-body-text-transform); text-transform: var(--header-button-text-transform); } .header__button.button:hover, .header__button.button:active { border: 3px solid gray; border: var(--header-button-hover-border); background-color: #2a8d8a; background-color: var(--header-button-hover-background-color); color: #fff; color: var(--header-button-hover-font-color); -webkit-text-decoration: var(--primary-body-text-decoration); -webkit-text-decoration: var(--header-button-hover-text-decoration); text-decoration: var(--primary-body-text-decoration); text-decoration: var(--header-button-hover-text-decoration); } .header__button.button svg { fill: currentColor; } /* Search input */ .hs-kb-search-input-wrapper { box-sizing: border-box; padding: 24px; background-image: url('https://help.desygner.com/hubfs/1%20%282%29.jpg'); background-size: cover; background-position: center center; } .hs-kb-search-input-wrapper .hs-search-field { display: flex; align-items: center; justify-content: center; } .hs-kb-search-input-wrapper .hs-search-field__form { padding: 0; flex: 1; } .hs-kb-search-input-wrapper .hs-search-field__bar { display: flex; min-height: 300px; width: 100%; max-width: 1000px; flex: 1; align-items: center; justify-content: center; } /* Logo */ .widget-type-logo img { height: auto; max-width: 100%; margin-bottom: 1.4rem; } .header__logo img[src$='.svg'][width='0'], .hs_cos_wrapper_type_logo img[src$='.svg'][width='0'] { width: auto !important; } .header__logo img[src$='.svg'][height='0'], .hs_cos_wrapper_type_logo img[src$='.svg'][height='0'] { height: auto !important; } .header__logo img[src$='.svg']:not([width]):not([height]), .hs_cos_wrapper_type_logo img[src$='.svg']:not([width]):not([height]) { width: auto !important; height: auto !important; } .header__logo img[src$='.svg']:not([width]):not([height]), .hs_cos_wrapper_type_logo img[src$='.svg']:not([width]):not([height]) { min-width: 130px; } /* Rich text */ .widget-type-rich_text img { height: auto; max-width: 100%; } /* Search input */ .hs-search-field__label { color: var(--search-field-label-font-color); font-family: 'Rubik', sans-serif; font-family: var(--search-field-label-font-family); font-style: 'normal'; font-style: var(--search-field-label-font-style); font-weight: 700; font-weight: var(--search-field-label-font-weight); font-size: 32px; font-size: var(--search-field-label-font-size); line-height: 1.5; line-height: var(--search-field-label-line-height); -webkit-text-decoration: var(--secondary-header-text-decoration); text-decoration: var(--secondary-header-text-decoration); -webkit-text-decoration: var(--search-field-label-text-decoration); text-decoration: var(--search-field-label-text-decoration); text-transform: var(--secondary-header-text-transform); text-transform: var(--search-field-label-text-transform); } .hs-search-field__input { padding: 10px; border: none; color: var(--search-field-text-font-color); } .hs-search-field__input::-moz-placeholder { color: var(--search-field-text-font-color); } .hs-search-field__input::placeholder { color: var(--search-field-text-font-color); } .hs-search-field__button { border-radius: 0px; width: 38px; border: none; background-color: var(--search-field-button-background-color); } .hs-kb-search-input-wrapper .hs-search-field__bar .hs-search-field__button { margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; } .hs-kb-search-input-wrapper .hs-search-field__bar .hs-search-field__button span { display: inline-flex; align-items: center; justify-content: center; } .hs-kb-search-input-wrapper .hs-search-field__bar .hs-search-field__button svg { height: 14px; fill: var(--search-field-button-icon-color); } .hs-search-field:not(.hs-search-field--open) .results-for { color: var(--search-field-label-font-color); } .hs-kb-home-list__icon { color: #2a5f8d; color: var(--primary-color); } /* Only styled for "tiles" layout */ .hs-knowledge-listing-layout--tiles #main-content { background-color: #f2f7fc; background-color: var(--hs-kb-home-tiles-background-color); } .hs-kb-home-list--tiles .hs-kb-home-list__category { border: var(--hs-kb-home-tiles-border); padding: 24px 18px; padding: var(--hs-kb-home-grid-item-padding); } .hs-kb-home-list--cards .hs-kb-home-list__category { padding: 24px 18px; padding: var(--hs-kb-home-grid-item-padding); } .hs-kb-social_follow__link { background-color: var(--social-follow-background-color); } /* Prevents a floated image in the end of a rich text from breaking out of the container */ .hs_cos_wrapper_type_inline_richtext_field { overflow-y: auto; } .footer { background-color: #fff; background-color: var(--footer-bg-color); padding: 24px 24px 0px; } .footer .footer__menu { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; padding: 48px 0; margin: 0; list-style: none; } .footer .footer__menu .footer__menu-item { margin: 0; padding: 0; list-style: none; } .footer .footer__menu .footer__menu-item.footer__menu-item--depth-1 > .footer__menu-link:first-child { line-height: 3.2rem; } .footer .footer__menu .footer__menu-item .footer__menu-link { display: inline-block; box-sizing: border-box; padding: 0 20px; font-family: 'Rubik', sans-serif; font-family: var(--footer-menu-font-family); font-style: 'normal'; font-style: var(--footer-menu-font-style); font-weight: 400; font-weight: var(--footer-menu-font-weight); font-size: 16px; font-size: var(--footer-menu-font-size); line-height: 2.2rem; line-height: var(--footer-menu-line-height); color: #33475b; color: var(--footer-menu-font-color); -webkit-text-decoration: var(--primary-body-text-decoration); text-decoration: var(--primary-body-text-decoration); -webkit-text-decoration: var(--footer-menu-text-decoration); text-decoration: var(--footer-menu-text-decoration); text-transform: var(--primary-body-text-transform); text-transform: var(--footer-menu-text-transform); } .footer .footer__menu .footer__menu-item .footer__menu-link:hover, .footer .footer__menu .footer__menu-item .footer__menu-link:focus, .footer .footer__menu .footer__menu-item .footer__menu-link:active { font-family: 'Rubik', sans-serif; font-family: var(--footer-menu-hover-font-family); font-style: 'normal'; font-style: var(--footer-menu-hover-font-style); font-weight: 400; font-weight: var(--footer-menu-hover-font-weight); font-size: 16px; font-size: var(--footer-menu-hover-font-size); color: #33475b; color: var(--footer-menu-hover-font-color); -webkit-text-decoration: var(--primary-body-text-decoration); text-decoration: var(--primary-body-text-decoration); -webkit-text-decoration: var(--footer-menu-hover-text-decoration); text-decoration: var(--footer-menu-hover-text-decoration); text-transform: var(--primary-body-text-transform); text-transform: var(--footer-menu-hover-text-transform); } .footer p { font-family: var(--footer-font-family); font-style: 'normal'; font-style: var(--footer-font-style); font-weight: 400; font-weight: var(--footer-font-weight); font-size: 16px; font-size: var(--footer-font-size); line-height: ; line-height: var(--footer-line-height); color: #1773d1; color: var(--footer-font-color); -webkit-text-decoration: var(--primary-body-text-decoration); text-decoration: var(--primary-body-text-decoration); -webkit-text-decoration: var(--footer-text-decoration); text-decoration: var(--footer-text-decoration); text-transform: var(--primary-body-text-transform); text-transform: var(--footer-text-transform); } @media (max-width: 767px) { .footer .footer__menu { flex-direction: column; } .footer .footer__menu-item { margin-bottom: 1.4rem; } } .footer .footer__bottom { display: flex; flex-direction: row; justify-content: space-between; padding: 48px 0; } .footer .footer__bottom .footer__bottom--left { display: flex; flex-flow: column; justify-content: flex-end; } .footer .footer__bottom .footer__bottom--right { display: flex; flex-flow: column; justify-content: space-between; } .footer .footer__bottom .footer__bottom--right .hs-kb-social_follow { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: right; justify-content: var(--social-follow-icon-alignment); gap: 12px; margin-bottom: 1.4rem; } .footer .footer__bottom .footer__bottom--right .hs-kb-social_follow__link { background-color: #494a52; background-color: var(--social-follow-icon-background-color); color: #fff; color: var(--social-follow-icon-color); display: inline-block; height: var(--social-follow-icon-size); width: var(--social-follow-icon-size); border-radius: var(--social-follow-icon-shape-radius); } .footer .footer__bottom .footer__bottom--right .hs-kb-social_follow__icon { display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; } .footer .footer__bottom .footer__bottom--right .hs-kb-social_follow__icon svg { height: 50%; width: 50%; fill: currentColor; } .footer .footer__bottom .footer__bottom--right #hs_cos_wrapper_footer_copyright { /* If the social icons are turned off, push this to the bottom of the container */ margin-top: auto; } /* Utilities */ /* For content that needs to be visually hidden but stay visible for screenreaders */ /* stylelint-disable declaration-no-important */ .show-for-sr { position: absolute !important; overflow: hidden !important; height: 1px !important; width: 1px !important; padding: 0 !important; border: 0 !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; } @media (max-width: 767px) { .show-for-sr--mobile { position: absolute !important; overflow: hidden !important; height: 1px !important; width: 1px !important; padding: 0 !important; border: 0 !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; } } /* stylelint-enable declaration-no-important */ </style> <link rel="stylesheet" href="https://7052064.fs1.hubspotusercontent-na1.net/hubfs/7052064/hub_generated/module_assets/1/-107255593217/1743611270834/module_website-header.min.css"> <style> #hs_cos_wrapper_knowledgebase_header .header__language-switcher-current-label>span {} #hs_cos_wrapper_knowledgebase_header .header__language-switcher:hover .header__language-switcher-current-label>span, #hs_cos_wrapper_knowledgebase_header .header__language-switcher:focus .header__language-switcher-current-label>span {} #hs_cos_wrapper_knowledgebase_header .header__language-switcher .lang_list_class a:hover, #hs_cos_wrapper_knowledgebase_header .header__language-switcher .lang_list_class a:focus {} #hs_cos_wrapper_knowledgebase_header .header__language-switcher .lang_list_class a:active {} #hs_cos_wrapper_knowledgebase_header .header__menu-link, #hs_cos_wrapper_knowledgebase_header .header__nav-link {} #hs_cos_wrapper_knowledgebase_header .header__menu-item--depth-1>.header__menu-link:hover, #hs_cos_wrapper_knowledgebase_header .header__menu-item--depth-1>.header__menu-link:focus {} #hs_cos_wrapper_knowledgebase_header .header__menu-item--depth-1>.header__menu-link:active {} #hs_cos_wrapper_knowledgebase_header .header__menu-item--depth-1>.header__menu-link--active-link {} #hs_cos_wrapper_knowledgebase_header .header__menu-submenu .header__menu-link:hover, #hs_cos_wrapper_knowledgebase_header .header__menu-submenu .header__menu-link:focus {} #hs_cos_wrapper_knowledgebase_header .button {} #hs_cos_wrapper_knowledgebase_header .button:hover, #hs_cos_wrapper_knowledgebase_header .button:focus {} #hs_cos_wrapper_knowledgebase_header .button:active {} </style> <link rel="stylesheet" href="https://7052064.fs1.hubspotusercontent-na1.net/hubfs/7052064/hub_generated/module_assets/1/-153268142413/1743611272445/module_kb-search-input.min.css"> <style> #hs_cos_wrapper_hs_kb-search-input-module .hs-search-field__bar>form { border-radius:px; } #hs_cos_wrapper_hs_kb-search-input-module .hs-search-field__bar>form>label {} #hs_cos_wrapper_hs_kb-search-input-module .hs-search-field__bar>form>.hs-search-field__input { border-radius:px; } #hs_cos_wrapper_hs_kb-search-input-module .hs-search-field__button { border-radius:px; } #hs_cos_wrapper_hs_kb-search-input-module .hs-search-field__button:hover, #hs_cos_wrapper_hs_kb-search-input-module .hs-search-field__button:focus {} #hs_cos_wrapper_hs_kb-search-input-module .hs-search-field__button:active {} #hs_cos_wrapper_hs_kb-search-input-module .hs-search-field--open .hs-search-field__suggestions { border-radius:px; } #hs_cos_wrapper_hs_kb-search-input-module .hs-search-field--open .hs-search-field__suggestions a {} #hs_cos_wrapper_hs_kb-search-input-module .hs-search-field--open .hs-search-field__suggestions a:hover {} </style> <link rel="stylesheet" href="https://7052064.fs1.hubspotusercontent-na1.net/hubfs/7052064/hub_generated/module_assets/1/-112598395241/1743611237893/module_kb_home_category_listing.css"> <style> </style> <style> @font-face { font-family: "Nunito"; font-weight: 400; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Nunito/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Nunito/regular.woff") format("woff"); } @font-face { font-family: "Rubik"; font-weight: 400; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Rubik/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Rubik/regular.woff") format("woff"); } @font-face { font-family: "Rubik"; font-weight: 400; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Rubik/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Rubik/regular.woff") format("woff"); } @font-face { font-family: "Rubik"; font-weight: 700; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Rubik/700.woff2") format("woff2"), url("/_hcms/googlefonts/Rubik/700.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Open_Sans/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Open_Sans/regular.woff") format("woff"); } @font-face { font-family: "Open Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Open_Sans/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Open_Sans/regular.woff") format("woff"); } </style> <script data-search_input-config="config_hs_kb-search-input-module" type="application/json"> { "autosuggest_results_message": "Results for \u201C[[search_term]]\u201D", "autosuggest_no_results_message": "There are no autosuggest results for \u201C[[search_term]]\u201D", "sr_empty_search_field_message": "There are no suggestions because the search field is empty.", "sr_autosuggest_results_message": "There are currently [[number_of_results]] auto-suggested results for [[search_term]]. Navigate to the results list by pressing the down arrow key, or press return to search for all results.", "sr_search_field_aria_label": "This is a search field with an auto-suggest feature attached.", "sr_search_button_aria_label": "Search" } </script> <link rel="canonical" href="https://help.desygner.com"> <meta property="og:url" content="https://help.desygner.com"> <meta http-equiv="content-language" content="en"> <meta name="generator" content="HubSpot"></head> <body class=" hs-content-id-184863170694 hs-knowledge-listing-page hs-knowledge-listing-layout--content_rich theme-overrides" data-hs-theme-group_header-group_background-background_image="true"> <div class="kb-body-wrapper theme-overrides "> <div data-global-resource-path="@hubspot/cms-knowledge-base-theme/templates/partials/knowledgebase-header.html"> <header class="header"> <a href="#main-content" class="header__skip">Skip to content</a> <div id="hs_cos_wrapper_knowledgebase_header" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div class="header__container header__container--left"> <div class="header__top"> <div class="header__wrapper header__wrapper--top"> <div class="header__nav-wrapper"> </div> </div> </div> <div class="header__bottom"> <div class="header__wrapper header__wrapper--bottom"> <div class="header__logo-col"> <div class="header__logo"> <a class="header__logo-link" href="//desygner.com"> <img class="header__logo-image" src="https://help.desygner.com/hs-fs/hubfs/Group.png?width=197&height=28&name=Group.png" loading="eager" alt="" height="28" width="197" srcset="https://help.desygner.com/hs-fs/hubfs/Group.png?width=99&height=14&name=Group.png 99w, https://help.desygner.com/hs-fs/hubfs/Group.png?width=197&height=28&name=Group.png 197w, https://help.desygner.com/hs-fs/hubfs/Group.png?width=296&height=42&name=Group.png 296w, https://help.desygner.com/hs-fs/hubfs/Group.png?width=394&height=56&name=Group.png 394w, https://help.desygner.com/hs-fs/hubfs/Group.png?width=493&height=70&name=Group.png 493w, https://help.desygner.com/hs-fs/hubfs/Group.png?width=591&height=84&name=Group.png 591w" sizes="(max-width: 197px) 100vw, 197px"> </a> </div> </div> <div class="header__menu-col"> <nav class="header__menu header__menu--desktop" aria-label="Desktop navigation"> <ul class="header__menu-wrapper no-list"> </ul> </nav> <div class="header__menu-container header__menu-container--mobile"> <button class="header__menu-toggle header__menu-toggle--open header__menu-toggle--show no-button"> <span class="show-for-sr">Open main navigation</span> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" width="24" aria-hidden="true"><g id="bars1_layer"><path d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z" /></g></svg> </button> <button class="header__menu-toggle header__menu-toggle--close no-button"> <span class="show-for-sr">Close main navigation</span> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512" width="24" aria-hidden="true"><g id="times2_layer"><path d="M323.1 441l53.9-53.9c9.4-9.4 9.4-24.5 0-33.9L279.8 256l97.2-97.2c9.4-9.4 9.4-24.5 0-33.9L323.1 71c-9.4-9.4-24.5-9.4-33.9 0L192 168.2 94.8 71c-9.4-9.4-24.5-9.4-33.9 0L7 124.9c-9.4 9.4-9.4 24.5 0 33.9l97.2 97.2L7 353.2c-9.4 9.4-9.4 24.5 0 33.9L60.9 441c9.4 9.4 24.5 9.4 33.9 0l97.2-97.2 97.2 97.2c9.3 9.3 24.5 9.3 33.9 0z" /></g></svg> </button> <nav class="header__menu header__menu--mobile" aria-label="Mobile navigation"> <ul class="header__menu-wrapper no-list"> <li class="header__menu-item header__menu-item--button header__menu-item--depth-1 hs-skip-lang-url-rewrite"> <a href="" class="header__button button left"> Go to desygner.com </a> </li> </ul> </nav> </div> </div> <div class="header__button-col hidden-phone"> <a href="?hsLang=en" class="header__button button left"> Go to desygner.com </a> </div> </div> </div> </div></div> <section class="hs-kb-search-input-wrapper"> <div id="hs_cos_wrapper_hs_kb-search-input-module" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div class="hs-search-field"> <div class="hs-search-field__bar hs-search-field__bar--button-inline "> <form data-hs-do-not-collect="true" class="hs-search-field__form" action="https://help.desygner.com/kb-search-results"> <label class="hs-search-field__label " for="hs_kb-search-input-module-input"> How can we help you? </label> <input role="combobox" aria-expanded="false" aria-controls="autocomplete-results" aria-label="This is a search field with an auto-suggest feature attached." type="search" class="hs-search-field__input" id="hs_kb-search-input-module-input" name="q" autocomplete="off" aria-autocomplete="list" placeholder="Search for answers"> <input type="hidden" name="type" value="KNOWLEDGE_ARTICLE"> <input type="hidden" name="groupId" value="184870959912"> <button class="hs-search-field__button " aria-label="Search"> <span id="hs_cos_wrapper_hs_kb-search-input-module_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" aria-hidden="true"><g id="search1_layer"><path d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z" /></g></svg></span> </button> <div class="hs-search-field__suggestions-container "> <ul id="autocomplete-results" role="listbox" aria-label="term" class="hs-search-field__suggestions"> <li role="option" tabindex="-1" aria-posinset="1" aria-setsize="0" class="results-for show-for-sr">There are no suggestions because the search field is empty.</li> </ul> </div> </form> </div> <div id="sr-messenger" class="hs-search-sr-message-container show-for-sr" role="status" aria-live="polite" aria-atomic="true"> </div> </div> </div> </section> </header></div> <main id="main-content"> <div id="hs_cos_wrapper_knowledgebase_category_listing" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div class="hs-kb-home-list hs-kb-home-list--content_rich"> <div class="hs-kb-home-list__category"> <div class="hs-kb-home-list__empty-icon"></div> <div class="hs-kb-home-list__text"> <h3> <a href="https://help.desygner.com/creating-designs?hsLang=en" data-full-url="https://help.desygner.com/creating-designs" data-slug="/creating-designs"> Creating Designs </a> </h3> <p> Desygner basics, get to know the platform </p> <ul class="hs-kb-category-article-list"> </ul> <a class="hs-kb-home-list__text__category-link" href="https://help.desygner.com/creating-designs?hsLang=en">See more</a> </div> </div> <div class="hs-kb-home-list__category"> <div class="hs-kb-home-list__empty-icon"></div> <div class="hs-kb-home-list__text"> <h3> <a href="https://help.desygner.com/fixing-a-problem?hsLang=en" data-full-url="https://help.desygner.com/fixing-a-problem" data-slug="/fixing-a-problem"> Fixing a problem </a> </h3> <p> Need quick help? Browse for solutions to the most commonly known problems </p> <ul class="hs-kb-category-article-list"> </ul> <a class="hs-kb-home-list__text__category-link" href="https://help.desygner.com/fixing-a-problem?hsLang=en">See more</a> </div> </div> <div class="hs-kb-home-list__category"> <div class="hs-kb-home-list__empty-icon"></div> <div class="hs-kb-home-list__text"> <h3> <a href="https://help.desygner.com/importing-pdf-files?hsLang=en" data-full-url="https://help.desygner.com/importing-pdf-files" data-slug="/importing-pdf-files"> Importing PDF files </a> </h3> <p> </p> <ul class="hs-kb-category-article-list"> </ul> <a class="hs-kb-home-list__text__category-link" href="https://help.desygner.com/importing-pdf-files?hsLang=en">See more</a> </div> </div> <div class="hs-kb-home-list__category"> <div class="hs-kb-home-list__empty-icon"></div> <div class="hs-kb-home-list__text"> <h3> <a href="https://help.desygner.com/saving-downloading-sharing?hsLang=en" data-full-url="https://help.desygner.com/saving-downloading-sharing" data-slug="/saving-downloading-sharing"> Saving, Downloading & Sharing </a> </h3> <p> How to download & share your designs - including to print and social media. </p> <ul class="hs-kb-category-article-list"> </ul> <a class="hs-kb-home-list__text__category-link" href="https://help.desygner.com/saving-downloading-sharing?hsLang=en">See more</a> </div> </div> <div class="hs-kb-home-list__category"> <div class="hs-kb-home-list__empty-icon"></div> <div class="hs-kb-home-list__text"> <h3> <a href="https://help.desygner.com/print-network?hsLang=en" data-full-url="https://help.desygner.com/print-network" data-slug="/print-network"> Print Network </a> </h3> <p> How to order prints, print formats available and more </p> <ul class="hs-kb-category-article-list"> </ul> <a class="hs-kb-home-list__text__category-link" href="https://help.desygner.com/print-network?hsLang=en">See more</a> </div> </div> <div class="hs-kb-home-list__category"> <div class="hs-kb-home-list__empty-icon"></div> <div class="hs-kb-home-list__text"> <h3> <a href="https://help.desygner.com/plans-and-billing?hsLang=en" data-full-url="https://help.desygner.com/plans-and-billing" data-slug="/plans-and-billing"> Plans and Billing </a> </h3> <p> Understanding the difference between plans, which is right for you, and how billing works. </p> <ul class="hs-kb-category-article-list"> </ul> <a class="hs-kb-home-list__text__category-link" href="https://help.desygner.com/plans-and-billing?hsLang=en">See more</a> </div> </div> </div></div> </main> <div data-global-resource-path="@hubspot/cms-knowledge-base-theme/templates/partials/knowledgebase-footer.html"> <footer class="footer"> <div id="hs_cos_wrapper_knowledgebase_footer" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <nav aria-label="Footer"> <ul class="footer__menu" role="menubar"> </ul> </nav> </div> <hr> <div class="footer__bottom"> <div class="footer__bottom--left"> <div id="hs_cos_wrapper_footer_logo" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <span id="hs_cos_wrapper_footer_logo_hs_logo_widget" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="logo"><h2 class="logo-company-name"></h2></span> </div> <div id="hs_cos_wrapper_footer_address" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer_address_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="rich_text"><p>Desygner Help Center</p></span></div> </div> <div class="footer__bottom--right"> <div id="hs_cos_wrapper_footer_social_follow" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div class="hs-kb-social_follow"> <a rel="nofollow noopener" class="hs-kb-social_follow__link hs-kb-social_follow__link--facebook" target="_blank" aria-label="Follow us on Facebook" href="https://www.facebook.com/desygnerapp"> <span id="hs_cos_wrapper_footer_social_follow_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon hs-kb-social_follow__icon icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512" aria-hidden="true"><g id="Facebook F1_layer"><path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z" /></g></svg></span> </a> <a rel="nofollow noopener" class="hs-kb-social_follow__link hs-kb-social_follow__link--instagram" target="_blank" aria-label="Follow us on Instagram" href="https://instagram.com/desygnerapp/"> <span id="hs_cos_wrapper_footer_social_follow_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon hs-kb-social_follow__icon icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-hidden="true"><g id="Instagram1_layer"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" /></g></svg></span> </a></div></div> <div id="hs_cos_wrapper_footer_copyright" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer_copyright_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="rich_text"></span></div> </div> </div> </footer></div> </div> <!-- HubSpot performance collection script --> <script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script> <script> var hsVars = hsVars || {}; hsVars['language'] = 'en'; </script> <script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script> <script src="https://7052064.fs1.hubspotusercontent-na1.net/hubfs/7052064/hub_generated/module_assets/1/-107255593217/1743611270834/module_website-header.min.js"></script> <script src="https://7052064.fs1.hubspotusercontent-na1.net/hubfs/7052064/hub_generated/module_assets/1/-153268142413/1743611272445/module_kb-search-input.min.js"></script> <script src="//7052064.fs1.hubspotusercontent-na1.net/hubfs/7052064/hub_generated/template_assets/DEFAULT_ASSET/1743611034865/template_purify.min.js"></script> <!-- Start of HubSpot Analytics Code --> <script type="text/javascript"> var _hsq = _hsq || []; _hsq.push(["setContentType", "listing-page"]); _hsq.push(["setCanonicalUrl", "https:\/\/help.desygner.com"]); _hsq.push(["setPageId", "184863170694"]); _hsq.push(["setContentMetadata", { "contentPageId": 184863170694, "legacyPageId": "184863170694", "contentFolderId": null, "contentGroupId": 184870959912, "abTestId": null, "languageVariantId": 184863170694, "languageCode": "en", }]); </script> <script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/48685438.js"></script> <!-- End of HubSpot Analytics Code --> <script type="text/javascript"> var hsVars = { render_id: "0cdfb689-b551-4c0c-b45b-36a01ba4ab28", ticks: 1743645260241, page_id: 184863170694, content_group_id: 184870959912, portal_id: 48685438, app_hs_base_url: "https://app.hubspot.com", cp_hs_base_url: "https://cp.hubspot.com", language: "en", analytics_page_type: "listing-page", scp_content_type: "", analytics_page_id: "184863170694", category_id: 12, folder_id: 0, is_hubspot_user: false } </script> <script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.432/js/index.js"></script> </body></html>