@charset "UTF-8";:root{--header-breakpoint: 1280px;--grid-column-gap: 16px;--pre-header-height: .1px;--header-height: 96px;--grid-row-gap: 64px;--grid-size: 100vw;--page-size: 100vw;--sticky-top: calc(var(--header-height) + var(--pre-header-height))}@media (min-width: 512px){:root{--grid-column-gap: 16px}}@media (min-width: 900px){:root{--grid-row-gap: 80px;--grid-column-gap: 24px}}@media (min-width: 1280px){:root{--grid-column-gap: 64px;--pre-header-height: 0;--header-height: 88px;--grid-row-gap: 100px}}@media (min-width: 1200px){:root{--grid-size: 1200px}}@media (min-width: 2560px){:root{--page-size: 2560px}}html{box-sizing:border-box;position:relative;scroll-behavior:smooth;background-color:#fff}html *,html *:before,html *:after{box-sizing:border-box}body{color:#292c3a;background-color:#fff;font-family:Open Sans,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-break:break-word;line-height:1.5;margin:0;-ms-overflow-style:-ms-autohiding-scrollbar}body *:focus-visible{outline:2px solid #ff4c44!important;outline-offset:4px!important;border-radius:4px}p,.paragraph,ul,ol,dl,dd,table{margin:0 0 16px;max-width:768px}figure{margin:0}fieldset{border:1px solid #ccc;border-radius:8px;padding:12px 16px}fieldset:not(:first-of-type){margin-top:16px}fieldset legend{padding:0 8px;margin-left:-8px}legend{display:flex;margin-right:0;margin-left:auto;align-items:flex-end}ul,ol{padding-left:20px}ul ul,ul ol,ol ul,ol ol{margin-bottom:0}p>.button{margin-top:48px}hr{background-color:#fff;border:0;display:block;height:1px;margin:40px 0}img{display:block;height:auto;max-width:100%;width:100%}figcaption{font-size:.875rem;margin-top:.625rem}code{letter-spacing:.5px}table{border-collapse:collapse;border-spacing:0;max-width:100%}tr{background-color:#fafafa}tr:nth-child(2n){background-color:#fff}thead+tbody tr{background-color:#fff}thead+tbody tr:nth-child(2n){background-color:#fafafa}.friendation:not(.backgroundDefault) tr{background-color:#fff}.friendation:not(.backgroundDefault) tr:nth-child(2n){background-color:#fafafa}td,th{padding:1.25rem;text-align:inherit;vertical-align:top}th{background-color:#fff}.friendation:not(.backgroundDefault) th{background-color:#fff}thead th{box-shadow:inset 0 -2px #292c3a;vertical-align:bottom}tbody th{box-shadow:inset -2px 0 #292c3a}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;padding:0;text-align:inherit}form{margin:0}legend,b{font-weight:600}@font-face{font-family:Open Sans;src:url(/assets/OpenSans-ExtraBold-09e21dbf.woff) format("woff");font-weight:800}@font-face{font-family:Open Sans;src:url(/assets/OpenSans-Regular-b2e4cba2.woff) format("woff");font-weight:400}@font-face{font-family:Open Sans;src:url(/assets/OpenSans-SemiBold-bb6dd6e2.woff) format("woff");font-weight:600}h1,.h1{-webkit-hyphenate-limit-after:0;-webkit-hyphenate-limit-before:0;-ms-hyphenate-limit-chars:8 0 0;hyphenate-limit-chars:8 0 0;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;-ms-word-break:break-all;word-break:break-word;word-wrap:break-word;font-size:3rem;color:#6e00f5;line-height:1.3;margin:0 0 16px}@media (min-width: 462px){h1,.h1{font-size:4rem}}h2,.h2{-webkit-hyphenate-limit-after:0;-webkit-hyphenate-limit-before:0;-ms-hyphenate-limit-chars:8 0 0;hyphenate-limit-chars:8 0 0;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;-ms-word-break:break-all;word-break:break-word;word-wrap:break-word;font-size:2rem;line-height:1.3;color:#6e00f5;font-weight:800;margin-bottom:16px}@media (min-width: 512px){h2,.h2{font-size:3rem;line-height:1.22}}h3,.h3{-webkit-hyphenate-limit-after:0;-webkit-hyphenate-limit-before:0;-ms-hyphenate-limit-chars:8 0 0;hyphenate-limit-chars:8 0 0;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;-ms-word-break:break-all;word-break:break-word;word-wrap:break-word;font-size:1.75rem;line-height:1.28;font-weight:800}@media (min-width: 512px){h3,.h3{font-size:2rem;line-height:1.28}}h4,.h4{-webkit-hyphenate-limit-after:0;-webkit-hyphenate-limit-before:0;-ms-hyphenate-limit-chars:8 0 0;hyphenate-limit-chars:8 0 0;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;-ms-word-break:break-all;word-break:break-word;word-wrap:break-word;font-size:1.1rem;line-height:1.33}@media (min-width: 512px){h4,.h4{font-size:1.5rem;line-height:1.1875}}@media (min-width: 900px){h4,.h4{font-size:2rem}}h5,.h5{-webkit-hyphenate-limit-after:0;-webkit-hyphenate-limit-before:0;-ms-hyphenate-limit-chars:8 0 0;hyphenate-limit-chars:8 0 0;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;-ms-word-break:break-all;word-break:break-word;word-wrap:break-word;font-size:1.25rem;line-height:1.5}@media (min-width: 512px){h5,.h5{font-size:1.5rem;line-height:1.33}}h6,.h6{-webkit-hyphenate-limit-after:0;-webkit-hyphenate-limit-before:0;-ms-hyphenate-limit-chars:8 0 0;hyphenate-limit-chars:8 0 0;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;-ms-word-break:break-all;word-break:break-word;word-wrap:break-word;font-size:1.125rem;line-height:1.33}.lead{-webkit-hyphenate-limit-after:0;-webkit-hyphenate-limit-before:0;-ms-hyphenate-limit-chars:8 0 0;hyphenate-limit-chars:8 0 0;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;-ms-word-break:break-all;word-break:break-word;word-wrap:break-word;font-size:1.2rem;font-weight:600;margin-top:24px}.lead+h1,.lead+.h1{margin-top:0}.lead+h2,.lead+.h2{margin-top:0}a,.link{-webkit-hyphenate-limit-after:0;-webkit-hyphenate-limit-before:0;-ms-hyphenate-limit-chars:8 0 0;hyphenate-limit-chars:8 0 0;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;-ms-word-break:break-all;word-break:break-word;word-wrap:break-word;color:#292c3a;text-decoration:none;position:relative;font-weight:500;overflow:hidden;display:inline-flex;transition:color .2s ease-out}a:after,.link:after{position:absolute;bottom:0;background-color:#292c3a;left:0;content:"";width:100%;transform:translate(-100%);height:2px;transition:transform .2s ease-out,background-color .2s ease-out}a:hover,a:focus-visible,.link:hover,.link:focus-visible{color:#6e00f5}a:hover:after,a:focus-visible:after,.link:hover:after,.link:focus-visible:after{transform:translate(0);background-color:#6e00f5}blockquote,.blockquote{-webkit-hyphenate-limit-after:0;-webkit-hyphenate-limit-before:0;-ms-hyphenate-limit-chars:8 0 0;hyphenate-limit-chars:8 0 0;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;-ms-word-break:break-all;word-break:break-word;word-wrap:break-word;background-color:#fff;border:1px solid #292c3a;border-radius:8px;margin:80px 0;padding:12px 16px 16px}@media (min-width: 900px){blockquote,.blockquote{padding:32px 40px 40px}}p{-webkit-hyphenate-limit-after:0;-webkit-hyphenate-limit-before:0;-ms-hyphenate-limit-chars:8 0 0;hyphenate-limit-chars:8 0 0;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;-ms-word-break:break-all;word-break:break-word;word-wrap:break-word;line-height:1.7}ul:not([class]):not([role]) li:not(:last-child),ol:not([class]):not([role]) li:not(:last-child),.ul:not([class]):not([role]) li:not(:last-child),.ol:not([class]):not([role]) li:not(:last-child){margin-bottom:.5em}ul:not([class]):not([role]) li:not(:last-child) ul,ul:not([class]):not([role]) li:not(:last-child) ol,ul:not([class]):not([role]) li:not(:last-child) .ul,ul:not([class]):not([role]) li:not(:last-child) .ol,ol:not([class]):not([role]) li:not(:last-child) ul,ol:not([class]):not([role]) li:not(:last-child) ol,ol:not([class]):not([role]) li:not(:last-child) .ul,ol:not([class]):not([role]) li:not(:last-child) .ol,.ul:not([class]):not([role]) li:not(:last-child) ul,.ul:not([class]):not([role]) li:not(:last-child) ol,.ul:not([class]):not([role]) li:not(:last-child) .ul,.ul:not([class]):not([role]) li:not(:last-child) .ol,.ol:not([class]):not([role]) li:not(:last-child) ul,.ol:not([class]):not([role]) li:not(:last-child) ol,.ol:not([class]):not([role]) li:not(:last-child) .ul,.ol:not([class]):not([role]) li:not(:last-child) .ol{margin-top:.5em}ul{list-style-type:none}ul>li{position:relative}ul>li:before{background-color:#fafafa;border-radius:2px;content:"";display:block;height:6px;left:-16px;position:absolute;top:9px;width:6px}.button{align-items:center;align-self:flex-start;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#6e00f5;color:#fff;border:2px solid #6e00f5;border-radius:4px;font-weight:600;box-sizing:border-box;cursor:pointer;display:inline-flex;height:48px;justify-content:center;line-height:inherit;min-height:48px;min-width:48px;padding:8px 32px;text-align:center;text-decoration:none;-webkit-user-select:none;user-select:none;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out}.button:hover,.button:focus-visible{background-color:transparent;color:#6e00f5;border-color:#6e00f5}.button:active{background-color:#6e00f5;color:#fff;border-color:#6e00f5}.button--secondary{background-color:transparent;border-color:#6e00f5;color:#6e00f5}.button--secondary:hover,.button--secondary:focus-visible{background-color:#6e00f5;color:#fff;border-color:#6e00f5}.button--secondary:active{background-color:transparent;border-color:#6e00f5;color:#6e00f5}.button-negative{border-color:#fff;background-color:#fff;color:#292c3a}.button-negative:hover,.button-negative:focus-visible{background-color:transparent;color:#fff;border-color:#fff}.button-negative:active{border-color:#fff;background-color:#fff;color:#292c3a}header.componentPadding{padding-bottom:0}.header{column-gap:16px;display:grid;grid-template-columns:repeat(1,minmax(8px,1fr));row-gap:16px;align-items:center;margin-top:64px}.header svg{margin-top:16px;width:100%}@media (min-width: 512px){.header svg{margin-top:16px;width:50%}}@media (min-width: 900px){.header{column-gap:16px;display:grid;grid-template-columns:repeat(2,minmax(8px,1fr));row-gap:16px}.header svg{margin-top:16px;width:85%}}.header-logo{display:none}@media (min-width: 512px){.header-logo{display:flex;align-items:center;justify-content:center}}.header-svg .green-light{fill:#a3e2cf}.header-svg .green-dark{fill:#66cfb0}.header-svg .black-light{fill:#292c3a}.header-svg .purple-dark{fill:#6e00f5}.header-svg .purple-light{fill:#fdb7b6}.header-svg .reg-white{fill:#fff}.farbtool{column-gap:16px;display:grid;grid-template-columns:repeat(1,minmax(8px,1fr));row-gap:16px}@media (min-width: 1024px){.farbtool{display:grid;gap:16px;grid-template-columns:calc((100% - var(--grid-size)) / 2) repeat(12,minmax(8px,calc(var(--grid-size) / 12))) calc((100% - var(--grid-size)) / 2)}}.farbtool-selection-box{display:flex;flex-direction:column}.farbtool-selection-box>*{width:100%}@media (min-width: 900px){.farbtool-selection-box{flex-direction:row;gap:24px}}@media (min-width: 1024px){.farbtool-selection-box{flex-direction:column;gap:0}}@media (min-width: 1024px){.farbtool-selection-box{grid-column-end:8;grid-column-start:1;grid-row-end:1;grid-row-start:1}}@media (min-width: 1024px){.farbtool-preview-box{grid-column-end:15;grid-column-start:8;grid-row-end:1;grid-row-start:1}}.farbtool-tip{padding-top:16px;font-size:16px}@media (min-width: 900px){.farbtool-tip{padding-top:24px}}.farbtool .box{background-color:#fafafa;border-radius:16px;padding:12px}@media (min-width: 900px){.farbtool .box{padding:16px}}@media (min-width: 1024px){.farbtool .box{padding:24px}}.farbtool .color-input{display:flex;align-items:center;gap:16px}.farbtool .color-input-wrapper{display:flex;flex-direction:column;gap:16px}@media (min-width: 512px){.farbtool .color-input-wrapper{flex-direction:row}}@media (min-width: 900px){.farbtool .color-input-wrapper{justify-content:space-between}}.farbtool .color-input input[type=color]{cursor:pointer;border:2px solid #ccc;border-radius:50%;height:32px;width:32px;background-color:transparent;display:flex;align-items:center;justify-content:center;padding:0;-webkit-appearance:none;appearance:none;-moz-appearance:none}.farbtool .color-input input[type=color]::-webkit-color-swatch-wrapper{padding:0;height:30px;width:30px}.farbtool .color-input input[type=color]::-webkit-color-swatch{border-color:transparent;border-radius:50%}.farbtool .color-input input[type=color]::-moz-color-swatch{border-color:transparent;border-radius:50%}.farbtool .color-input input[type=color]::-moz-focus-inner{border:0;padding:0}.farbtool .preview{padding:16px;border:1px solid #ccc;border-radius:8px;height:calc(100% + 8px);margin-top:-8px}@media (min-width: 900px){.farbtool .preview{padding:16px 24px}}@media (min-width: 1024px){.farbtool .preview{padding:20px 32px}}.farbtool .preview-label{height:40px;width:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39.98 40'%3E%3Cpath d='M19.23.02c9.89-.41,18.67,6.65,20.41,16.36,2.46,13.7-9.15,25.51-22.88,23.38-7.42-1.15-13.79-6.74-15.91-13.92C-2.89,13.19,6.12.56,19.23.02ZM19.82,6.27c-2.84.17-3.99,3.68-1.83,5.51,1.82,1.53,4.68.49,5.07-1.85.33-2.01-1.21-3.79-3.25-3.66ZM29.4,13.65c-1.09-1.11-2.69-.01-3.88.4-3.65,1.26-7.4,1.27-11.04,0-.67-.23-1.93-.9-2.55-.91-1.57-.04-2.58,2.01-1.42,3.15.48.47,1.97,1.01,2.64,1.25.98.35,2,.63,3.02.81l.06.06v4.04c-.48,2.54-1.73,4.99-2.39,7.48-.22.84-.08,1.61.63,2.16,1.15.89,2.46.31,2.97-.95.73-1.8,1.14-3.86,1.86-5.68.22-.57,1.11-.62,1.36-.07.72,1.82,1.14,3.87,1.87,5.68,1.01,2.5,4.15,1.47,3.65-.98-.76-2.56-1.85-5.04-2.44-7.64v-4.04s.04-.05.07-.06c.23-.09.7-.13.97-.19,1.05-.26,4.08-1.14,4.75-1.89s.55-1.92-.14-2.62Z' fill='%23f7d74f'/%3E%3C/svg%3E%0A");border:2px solid #fafafa;border-radius:50%;background-color:#fff}.farbtool .preview-content>:first-child{margin-top:0!important;padding-top:0!important}.farbtool .preview-content>:last-child{margin-bottom:0;padding-bottom:0}.farbtool .preview-content .fake-button{height:40px;min-width:40px;border:1px solid transparent;border-color:inherit;display:inline-flex;border-radius:99px;align-items:center;justify-content:center;padding:8px 24px}.farbtool .preview-content .fake-button:first-of-type{margin-top:8px;margin-bottom:16px}.farbtool .preview-content .fake-button span{margin-right:12px}.farbtool .contrast-ratio{margin-bottom:16px}.farbtool #contrast-ratio{font-size:18px;font-weight:600;color:#707070}.farbtool .result{display:block;list-style:none;margin:0;padding:0}.farbtool .result:not([class]) li:not(:last-child){margin-bottom:0}.farbtool .result ul{padding:0}.farbtool .result li:before{display:none}.farbtool .result-item{display:flex;line-height:1.2;font-size:18px}.farbtool .result-item-aa,.farbtool .result-item-aaa{margin-bottom:24px}.farbtool .result-item--number{display:inline-flex;height:16px;width:16px;border:1px solid #777;align-items:center;justify-content:center;border-radius:50%;font-size:10px;color:#777;transform:translate(-2px,-10px)}.farbtool .result-item--meta{display:block;font-size:12px;color:#707070;margin-top:4px}.status-indicator{display:inline-block;border-radius:50%;position:relative;padding:2px;flex-shrink:0}.status-indicator.passed{width:36px;height:24px;border-radius:12px;background-repeat:no-repeat;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 496'%3E%3Cpath d='M496,248c0,136.97-111.03,248-248,248S0,384.97,0,248,111.03,0,248,0s248,111.03,248,248ZM219.31,379.31l184-184c6.25-6.25,6.25-16.38,0-22.63l-22.63-22.63c-6.25-6.25-16.38-6.25-22.63,0l-150.06,150.06-70.06-70.06c-6.25-6.25-16.38-6.25-22.63,0l-22.63,22.63c-6.25,6.25-6.25,16.38,0,22.63l104,104c6.25,6.25,16.38,6.25,22.63,0h0Z' fill='%2375d35f'/%3E%3C/svg%3E%0A")}.status-indicator.passed+.result-item--content .positive{display:inline-flex}.status-indicator.passed+.result-item--content .negative{display:none}.status-indicator.failed{width:36px;height:24px;border-radius:12px;background-repeat:no-repeat;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 496'%3E%3Cpath d='M248,0C111,0,0,111,0,248s111,248,248,248,248-111,248-248S385,0,248,0ZM369.6,313.1c4.7,4.7,4.7,12.3,0,17l-39.6,39.5c-4.7,4.7-12.3,4.7-17,0l-65-65.6-65.1,65.6c-4.7,4.7-12.3,4.7-17,0l-39.5-39.6c-4.7-4.7-4.7-12.3,0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3,0-17l39.6-39.6c4.7-4.7,12.3-4.7,17,0l65,65.7,65.1-65.6c4.7-4.7,12.3-4.7,17,0l39.6,39.6c4.7,4.7,4.7,12.3,0,17l-65.7,65,65.6,65.1Z' fill='%23d8254c'/%3E%3C/svg%3E")}.status-indicator.failed+.result-item--content .positive{display:none}.status-indicator.failed+.result-item--content .negative{display:inline-flex}.hidden{display:none}.progress{height:100%;width:0;background-color:#75d35f;border-radius:10px;transition:width .4s}.progress-bar{margin-top:24px;margin-bottom:8px;width:100%;height:8px;background-color:#e0e0e0;border-radius:10px;position:relative}.progress-text--meta{font-size:12px;color:#707070}.dropdown{position:relative;display:inline-block;margin-bottom:8px}.dropdown-toggle{padding:8px 48px 8px 16px;cursor:pointer;border:1px solid #ccc;background-color:#fff;width:100%;border-radius:4px;display:flex;gap:16px}.dropdown-toggle:after{height:12px;width:12px;content:"";position:absolute;right:24px;top:50%;transform:translateY(-50%);transition:transform .2s ease-out;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 436.7 448.05'%3E%3Cpath fill='%23777' d='M407.45,190.5l22.2,22.2c9.4,9.4,9.4,24.6,0,33.9l-194.3,194.4c-9.4,9.4-24.6,9.4-33.9,0L7.05,246.6c-9.4-9.4-9.4-24.6,0-33.9l22.2-22.2c9.5-9.5,25-9.3,34.3.4l114.8,120.5V24c0-13.3,10.7-24,24-24h32c13.3,0,24,10.7,24,24v287.4l114.8-120.5c9.3-9.8,24.8-10,34.3-.4h0Z'/%3E%3C/svg%3E%0A")}.dropdown-toggle[aria-expanded=true]:after{transform:translateY(-50%) rotate(-180deg)}.dropdown-menu{display:block;position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #ccc;list-style:none;padding:0;margin:0;display:none;z-index:99}.dropdown-menu:not([class]) li:not(:last-child){margin-bottom:0}.dropdown-menu ul{padding:0}.dropdown-menu li:before{display:none}.dropdown-menu[aria-hidden=false]{display:block}.dropdown-item{padding:10px;cursor:pointer}.dropdown-item:focus,.dropdown-item:focus-visible,.dropdown-item:hover{background-color:#777;color:#fff}.dropdown-icon{height:12px;width:12px}.modal{position:fixed;width:calc(100% - 32px);max-width:768px;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 10px #292c3a33;z-index:9999999;background-color:#fafafa;border-radius:16px;padding:10px 16px 16px}@media (min-width: 768px){.modal{padding:18px 24px 24px}}.modal-open{overflow:hidden}.modal-item{margin-bottom:16px;display:flex}.modal-item:first-of-type{margin-top:24px}.modal-item:last-of-type{margin-bottom:32px}.modal-item-inner{display:flex;flex-direction:column}.modal-item-meta{font-size:14px;font-weight:400}.modal-item .lead{margin:0}.modal .button{margin-bottom:12px}.modal input[type=checkbox]{height:24px;width:24px;margin-right:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #292c3a;border-radius:4px;display:inline-block;position:relative;cursor:pointer;flex-shrink:0}.modal input[type=checkbox]:checked{background-color:#6e00f5;border-color:#6e00f5}.modal input[type=checkbox]:checked:after{content:"✔";font-size:16px;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(41,44,58,.4);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999999}.menu{position:fixed;top:16px;left:0;right:0;width:100%;z-index:99999}.menu-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:8px;background-color:#6e00f5;padding:12px;position:relative}.menu-wrapper:before{opacity:1;top:-16px;left:0;right:0;height:75%;position:absolute;z-index:-1;content:"";background-color:#fff0;background-image:radial-gradient(transparent 1px,#fff 1px);background-size:5px 5px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);mask:linear-gradient(#000 50%,rgba(255,255,255,0) 100%);transition:opacity .5s ease;pointer-events:none}.menu-wrapper .logo{display:flex;align-items:center;gap:16px}.menu-wrapper .logo-wrapper{height:48px;width:48px;overflow:hidden;border-radius:4px;background-color:#fff}.menu-wrapper .logo-wrapper svg{height:100%;width:100%}.menu-wrapper .logo-breadcrumb{display:block;list-style:none;margin:0;padding:0;display:flex;color:#fff;font-weight:600}.menu-wrapper .logo-breadcrumb:not([class]) li:not(:last-child){margin-bottom:0}.menu-wrapper .logo-breadcrumb ul{padding:0}.menu-wrapper .logo-breadcrumb li:before{display:none}@media (max-width: 563px){.menu-wrapper .logo-breadcrumb{display:none}}.menu-wrapper .logo-breadcrumb-first,.menu-wrapper .logo-breadcrumb-second{opacity:.7;margin-right:8px;display:none;color:#fff;font-weight:500}.menu-wrapper .logo-breadcrumb-first:focus-visible:after,.menu-wrapper .logo-breadcrumb-first:hover:after,.menu-wrapper .logo-breadcrumb-second:focus-visible:after,.menu-wrapper .logo-breadcrumb-second:hover:after{background-color:#ffffffb3}@media (min-width: 512px){.menu-wrapper .logo-breadcrumb-first,.menu-wrapper .logo-breadcrumb-second{display:inline-flex}}.menu-wrapper .logo-breadcrumb-second{opacity:.7;margin-right:8px;display:none}@media (min-width: 900px){.menu-wrapper .logo-breadcrumb-second{display:inline-flex}}.menu-wrapper .logo-breadcrumb-seperator{opacity:.6;margin-right:8px;display:none}@media (min-width: 512px){.menu-wrapper .logo-breadcrumb-seperator{display:inline-flex}}.menu-wrapper .logo-breadcrumb-seperator:nth-of-type(2){display:none}@media (min-width: 900px){.menu-wrapper .logo-breadcrumb-seperator:nth-of-type(2){display:inline-flex}}footer .logo,.footer .logo{display:flex;align-items:center;gap:16px}footer .logo-wrapper,.footer .logo-wrapper{height:40px;width:40px;border-radius:4px;overflow:hidden;flex-shrink:0}footer .logo-wrapper svg,.footer .logo-wrapper svg{height:100%}footer .logo-breadcrumb-list,.footer .logo-breadcrumb-list{display:block;list-style:none;margin:0;padding:0;display:flex;color:#292c3a;font-weight:600;letter-spacing:1px;gap:8px}footer .logo-breadcrumb-list:not([class]) li:not(:last-child),.footer .logo-breadcrumb-list:not([class]) li:not(:last-child){margin-bottom:0}footer .logo-breadcrumb-list ul,.footer .logo-breadcrumb-list ul{padding:0}footer .logo-breadcrumb-list li:before,.footer .logo-breadcrumb-list li:before{display:none}footer .logo-breadcrumb-list-main,.footer .logo-breadcrumb-list-main{color:#6e00f5}footer-examples,.footer-examples{margin-top:32px}footer-examples .lead,.footer-examples .lead{margin-bottom:12px}footer-examples .button-wrapper,.footer-examples .button-wrapper{display:flex;gap:16px;flex-wrap:wrap}footer-links-list,.footer-links-list{display:block;list-style:none;margin:32px 0 0;padding:0;display:flex;align-items:center;gap:32px}footer-links-list:not([class]) li:not(:last-child),.footer-links-list:not([class]) li:not(:last-child){margin-bottom:0}footer-links-list ul,.footer-links-list ul{padding:0}footer-links-list li:before,.footer-links-list li:before{display:none}footer-last,.footer-last{margin-top:32px;display:block}body.dark-mode{background-color:#000;color:#fff}body.dark-mode .button{background-color:#fff;color:#292c3a;border-color:#fff}body.dark-mode .button:hover,body.dark-mode .button:focus-visible{background-color:transparent;color:#fff;border-color:#fff}body.dark-mode h1,body.dark-mode h2{color:#fff}body.dark-mode .menu-wrapper:before{background-image:radial-gradient(transparent 1px,#000 1px);mask:linear-gradient(#fff 50%,rgba(255,255,255,0) 100%)}body.dark-mode .header-svg .black-light{fill:#fff}body.dark-mode .header-svg .purple-light{fill:#fdb7b6}body.dark-mode .header-svg .reg-white{fill:#292c3a}body.dark-mode .modal{box-shadow:0 4px 10px #ffffff1a;background-color:#292c3a}body.dark-mode .modal input[type=checkbox]{border-color:#ccc}body.dark-mode .modal input[type=checkbox]:checked{background-color:#fff;border-color:#fff}body.dark-mode .modal input[type=checkbox]:checked:after{color:#292c3a}body.dark-mode .modal-overlay{background:rgba(255,255,255,.1)}body.dark-mode .farbtool .box{background-color:#292c3a}body.dark-mode .farbtool .dropdown-toggle{background-color:transparent}body.dark-mode .farbtool .dropdown-toggle:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 436.7 448.05'%3E%3Cpath fill='%23fff' d='M407.45,190.5l22.2,22.2c9.4,9.4,9.4,24.6,0,33.9l-194.3,194.4c-9.4,9.4-24.6,9.4-33.9,0L7.05,246.6c-9.4-9.4-9.4-24.6,0-33.9l22.2-22.2c9.5-9.5,25-9.3,34.3.4l114.8,120.5V24c0-13.3,10.7-24,24-24h32c13.3,0,24,10.7,24,24v287.4l114.8-120.5c9.3-9.8,24.8-10,34.3-.4h0Z'/%3E%3C/svg%3E%0A")}body.dark-mode .farbtool .dropdown-item{background-color:#292c3a}body.dark-mode .farbtool .dropdown-item:focus,body.dark-mode .farbtool .dropdown-item:focus-visible,body.dark-mode .farbtool .dropdown-item:hover{background-color:#fafafa;color:#292c3a}body.dark-mode .farbtool #contrast-ratio,body.dark-mode .farbtool .result-item--meta,body.dark-mode .footer .logo-breadcrumb,body.dark-mode .footer .logo-breadcrumb button.link{color:#fff}body.dark-mode .footer .logo-breadcrumb button.link:hover:after,body.dark-mode .footer .logo-breadcrumb button.link:focus-visible:after{background-color:#fff}body.dark-mode .footer .logo-breadcrumb-main{color:#fff;position:relative}body.dark-mode .footer .logo-breadcrumb-main:after{position:absolute;bottom:0;background-color:#fff;left:0;content:"";width:100%;height:2px}body.dark-mode .footer-links .link{color:#fff}body.dark-mode .footer-links .link:hover:after,body.dark-mode .footer-links .link:focus-visible:after{background-color:#fff}body.easy-language .language--simple{display:block}body.easy-language .language--regular,body .language--simple{display:none}body.large-text h1,body.large-text .h1{font-size:4rem;margin-bottom:24px;letter-spacing:.5px}@media (min-width: 512px){body.large-text h1,body.large-text .h1{font-size:4.8rem}}body.large-text h2,body.large-text .h2{font-size:2.5rem;margin-bottom:24px;letter-spacing:.5px}@media (min-width: 512px){body.large-text h2,body.large-text .h2{font-size:3.75rem}}body.large-text h3,body.large-text .h3{font-size:2rem;line-height:50px;letter-spacing:.5px}@media (min-width: 512px){body.large-text h3,body.large-text .h3{font-size:2.5rem}}body.large-text p{font-size:20px;line-height:40px;letter-spacing:.5px}body.large-text label{font-size:20px}body.large-text .lead{font-size:24px}body.large-text .button,body.large-text .logo-breadcrumb,body.large-text legend{font-size:18px}body.large-text fieldset{padding:20px}body.large-text .color-input{flex-wrap:wrap}body.large-text .contrast-ratio #contrast-ratio{font-size:24px}body.large-text .dropdown-toggle,body.large-text .dropdown-item{font-size:20px}body.large-text .result-item--content{font-size:21px}body.large-text .result-item--meta{font-size:16px}.container{display:flex;flex-direction:column;max-width:600px;text-align:center}.cool{border-radius:8px;transform-origin:center;overflow:hidden}.cool{position:relative}.cool:focus{outline:0}.pageWrapper{margin:0 auto}.mainFooter{overflow:hidden}.componentPadding{padding-bottom:64px;padding-top:64px}@media (min-width: 900px){.componentPadding{padding-bottom:80px;padding-top:80px}}@media (min-width: 1280px){.componentPadding{padding-bottom:100px;padding-top:100px}}.componentPadding:not(.customBackground).coolBackgroundDefault+.componentPadding:not(.customBackground).coolBackgroundDefault:not(.customBackground),.componentPadding:not(.customBackground).coolBackgroundDefault+.componentPadding:not(.customBackground)[data-background-top=coolBackgroundDefault]:not(.customBackground),.componentPadding:not(.customBackground)[data-background-bottom=coolBackgroundDefault]+.componentPadding:not(.customBackground).coolBackgroundDefault:not(.customBackground),.componentPadding:not(.customBackground).coolBackgroundOne+.componentPadding:not(.customBackground).coolBackgroundOne:not(.customBackground),.componentPadding:not(.customBackground).coolBackgroundOne+.componentPadding:not(.customBackground)[data-background-top=coolBackgroundOne]:not(.customBackground),.componentPadding:not(.customBackground)[data-background-bottom=coolBackgroundOne]+.componentPadding:not(.customBackground).coolBackgroundOne:not(.customBackground),.componentPadding:not(.customBackground).coolBackgroundTwo+.componentPadding:not(.customBackground).coolBackgroundTwo:not(.customBackground),.componentPadding:not(.customBackground).coolBackgroundTwo+.componentPadding:not(.customBackground)[data-background-top=coolBackgroundTwo]:not(.customBackground),.componentPadding:not(.customBackground)[data-background-bottom=coolBackgroundTwo]+.componentPadding:not(.customBackground).coolBackgroundTwo:not(.customBackground){padding-top:0}.componentPadding:not(.customBackground).coolBackgroundDefault+.componentPadding:not(.customBackground).coolBackgroundDefault:not(.customBackground)[data-background-ratio],.componentPadding:not(.customBackground).coolBackgroundDefault+.componentPadding:not(.customBackground)[data-background-top=coolBackgroundDefault]:not(.customBackground)[data-background-ratio],.componentPadding:not(.customBackground)[data-background-bottom=coolBackgroundDefault]+.componentPadding:not(.customBackground).coolBackgroundDefault:not(.customBackground)[data-background-ratio],.componentPadding:not(.customBackground).coolBackgroundOne+.componentPadding:not(.customBackground).coolBackgroundOne:not(.customBackground)[data-background-ratio],.componentPadding:not(.customBackground).coolBackgroundOne+.componentPadding:not(.customBackground)[data-background-top=coolBackgroundOne]:not(.customBackground)[data-background-ratio],.componentPadding:not(.customBackground)[data-background-bottom=coolBackgroundOne]+.componentPadding:not(.customBackground).coolBackgroundOne:not(.customBackground)[data-background-ratio],.componentPadding:not(.customBackground).coolBackgroundTwo+.componentPadding:not(.customBackground).coolBackgroundTwo:not(.customBackground)[data-background-ratio],.componentPadding:not(.customBackground).coolBackgroundTwo+.componentPadding:not(.customBackground)[data-background-top=coolBackgroundTwo]:not(.customBackground)[data-background-ratio],.componentPadding:not(.customBackground)[data-background-bottom=coolBackgroundTwo]+.componentPadding:not(.customBackground).coolBackgroundTwo:not(.customBackground)[data-background-ratio]{background-color:var(--background-color-bottom);background-position-y:-32px;background-repeat:no-repeat}@media (min-width: 900px){.componentPadding:not(.customBackground).coolBackgroundDefault+.componentPadding:not(.customBackground).coolBackgroundDefault:not(.customBackground)[data-background-ratio],.componentPadding:not(.customBackground).coolBackgroundDefault+.componentPadding:not(.customBackground)[data-background-top=coolBackgroundDefault]:not(.customBackground)[data-background-ratio],.componentPadding:not(.customBackground)[data-background-bottom=coolBackgroundDefault]+.componentPadding:not(.customBackground).coolBackgroundDefault:not(.customBackground)[data-background-ratio],.componentPadding:not(.customBackground).coolBackgroundOne+.componentPadding:not(.customBackground).coolBackgroundOne:not(.customBackground)[data-background-ratio],.componentPadding:not(.customBackground).coolBackgroundOne+.componentPadding:not(.customBackground)[data-background-top=coolBackgroundOne]:not(.customBackground)[data-background-ratio],.componentPadding:not(.customBackground)[data-background-bottom=coolBackgroundOne]+.componentPadding:not(.customBackground).coolBackgroundOne:not(.customBackground)[data-background-ratio],.componentPadding:not(.customBackground).coolBackgroundTwo+.componentPadding:not(.customBackground).coolBackgroundTwo:not(.customBackground)[data-background-ratio],.componentPadding:not(.customBackground).coolBackgroundTwo+.componentPadding:not(.customBackground)[data-background-top=coolBackgroundTwo]:not(.customBackground)[data-background-ratio],.componentPadding:not(.customBackground)[data-background-bottom=coolBackgroundTwo]+.componentPadding:not(.customBackground).coolBackgroundTwo:not(.customBackground)[data-background-ratio]{background-position-y:-40px}}@media (min-width: 1280px){.componentPadding:not(.customBackground).coolBackgroundDefault+.componentPadding:not(.customBackground).coolBackgroundDefault:not(.customBackground)[data-background-ratio],.componentPadding:not(.customBackground).coolBackgroundDefault+.componentPadding:not(.customBackground)[data-background-top=coolBackgroundDefault]:not(.customBackground)[data-background-ratio],.componentPadding:not(.customBackground)[data-background-bottom=coolBackgroundDefault]+.componentPadding:not(.customBackground).coolBackgroundDefault:not(.customBackground)[data-background-ratio],.componentPadding:not(.customBackground).coolBackgroundOne+.componentPadding:not(.customBackground).coolBackgroundOne:not(.customBackground)[data-background-ratio],.componentPadding:not(.customBackground).coolBackgroundOne+.componentPadding:not(.customBackground)[data-background-top=coolBackgroundOne]:not(.customBackground)[data-background-ratio],.componentPadding:not(.customBackground)[data-background-bottom=coolBackgroundOne]+.componentPadding:not(.customBackground).coolBackgroundOne:not(.customBackground)[data-background-ratio],.componentPadding:not(.customBackground).coolBackgroundTwo+.componentPadding:not(.customBackground).coolBackgroundTwo:not(.customBackground)[data-background-ratio],.componentPadding:not(.customBackground).coolBackgroundTwo+.componentPadding:not(.customBackground)[data-background-top=coolBackgroundTwo]:not(.customBackground)[data-background-ratio],.componentPadding:not(.customBackground)[data-background-bottom=coolBackgroundTwo]+.componentPadding:not(.customBackground).coolBackgroundTwo:not(.customBackground)[data-background-ratio]{background-position-y:-50px}}.centerMaxWidthContainer{display:block;margin-left:auto;margin-right:auto;max-width:1200px;padding-left:16px;padding-right:16px}@media (min-width: 900px){.centerMaxWidthContainer{padding-left:24px;padding-right:24px}}@media (min-width: 1280px){.centerMaxWidthContainer{padding-left:64px;padding-right:64px}}.centerMaxWidthContent{margin-left:16px;margin-right:16px;max-width:768px}@media (min-width: 900px){.centerMaxWidthContent{margin-left:auto;margin-right:auto}}.maxWidthContent{max-width:100%}@media (min-width: 900px){.maxWidthContent{max-width:768px}}.preContent{margin-bottom:16px;max-width:768px}@media (min-width: 900px){.preContent{margin-bottom:24px}}@media (min-width: 1024px){.preContent{margin-bottom:64px}}@media (min-width: 1280px){.preContent{margin-bottom:36px}}.preContent--alignLeft{margin-right:auto;text-align:left}.preContent--alignRight{margin-left:auto;text-align:right}.preContent--alignCenter{margin-left:auto;margin-right:auto;text-align:center}.preContent--alignCenter ul{display:inline-block}.preContent--alignCenter ul li{text-align:left}.preContent--alignCenter ul ul{display:block}.preContent--fullWidth{max-width:none}.content>:first-child{margin-top:0;padding-top:0}.content--alignLeft{text-align:left}.content--alignCenter{text-align:center}.content--alignCenter ul{display:inline-block}.content--alignCenter ul li{text-align:left}.content--alignCenter ul ul{display:block}.content--fullWidth{max-width:none}.scrollableTableWrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.boxPadding{box-sizing:border-box;padding:16px}@media (min-width: 1024px){.boxPadding{padding:24px}}@media (min-width: 1280px){.boxPadding{padding:64px}}.boxPadding-x{padding-left:16px;padding-right:16px}@media (min-width: 1024px){.boxPadding-x{padding-left:24px;padding-right:24px}}@media (min-width: 1280px){.boxPadding-x{padding-left:64px;padding-right:64px}}.boxPadding-y{padding-bottom:16px;padding-top:16px}@media (min-width: 1024px){.boxPadding-y{padding-bottom:24px;padding-top:24px}}@media (min-width: 1280px){.boxPadding-y{padding-bottom:64px;padding-top:64px}}.boxShadow{box-shadow:0 20px 30px #0000004d}.boxShadow--light{box-shadow:0 15px 20px #0000000d}.borderRadius{border-radius:8px}.visuallyHidden{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;white-space:nowrap;width:1px}
