@font-face{font-family:Inter;src:url(InterVariable.e6ec8b96.woff2)format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(RobotoMono-VariableFont_wght.ede68c66.ttf)format("ttf-variations");font-weight:100 800;font-style:normal;font-display:swap}:root{--demo-fg-color:#000;--demo-bg-color:#fff;--bkg-color:#fff;--txt-color:#000;--border:2px solid #000;--border-radius:16px;--ratio-color-red:#fbdada;--ratio-color-yellow:#fbf1da;--ratio-color-green:#dafbdc;--ratio-color:transparent;--font-w-normal:500;--font-w-bold:700;--font-w-superbold:900}*{-webkit-user-select:none;user-select:none;box-sizing:border-box;margin:0;padding:0}:before{-webkit-user-select:none;user-select:none;box-sizing:border-box;margin:0;padding:0}:after{-webkit-user-select:none;user-select:none;box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bkg-color);font-feature-settings:"liga" 1,"calt" 1;height:100%;font-family:Inter,sans-serif;font-size:16px;line-height:1;font-weight:var(--font-w-normal);background:var(--bkg-color);color:var(--txt-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow-x:hidden}.container{flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;gap:0;width:100%;min-height:100vh;display:flex}.col1{z-index:101;background:var(--bkg-color);flex-direction:column;flex:auto;width:100%;min-width:375px;max-width:500px;height:100vh;max-height:100vh;padding:30px 30px 0;display:flex;top:0;overflow-x:hidden;overflow-y:auto;box-shadow:2px 0 2px rgba(0,0,0,.08)}.col1 .header .title a{font-weight:var(--font-w-superbold);text-transform:uppercase;color:var(--txt-color);cursor:pointer;font-size:30px;line-height:1;text-decoration:none;display:inline-block}.col1 .header .title a:hover{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#009845 9%,#0a78db 26%,#7927c8 42%,#e62000 58%,#ff7b02 75%,#fdcb05 90%);-webkit-background-clip:text;background-clip:text}.col1 .dashboard{flex:auto;margin-top:30px}.col1 .dashboard .controls,.col1 .dashboard .ratio,.col1 .dashboard .results{font-weight:var(--font-w-bold);border:var(--border);background-color:var(--bkg-color);padding:20px;display:block;position:relative}.col1 .dashboard .controls{border-radius:var(--border-radius);margin-bottom:15px}.col1 .dashboard .results{border-radius:var(--border-radius)var(--border-radius)0 0;padding-bottom:8px}.col1 .dashboard .ratio{border-radius:0 0 var(--border-radius)var(--border-radius);margin-top:-2px;margin-bottom:15px}.col1 .dashboard .controls .input-groups{flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;display:flex}.col1 .dashboard .controls .input-groups .input-swap{text-align:center;cursor:pointer;flex:0 0 30px;height:58px;margin:30px 5px 0;line-height:58px}.col1 .dashboard .controls .input-groups .input-group{flex:50%}.col1 .dashboard .controls .input-groups .input-group label{font-weight:var(--font-w-bold);padding-bottom:14px;display:block}.col1 .dashboard .controls .input-groups .input-group .foreground-input,.col1 .dashboard .controls .input-groups .input-group .background-input{border:var(--border);background:var(--bkg-color);border-radius:12px;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:0;padding:12px 14px;display:flex}.col1 .dashboard .controls .input-groups .input-group .foreground-input input,.col1 .dashboard .controls .input-groups .input-group .background-input input{max-width:83px;font-size:inherit;font-weight:var(--font-w-normal);text-transform:uppercase;border:0;outline:0;flex:auto;line-height:30px}.col1 .dashboard .controls .input-groups .input-group .foreground-input .foreground-preview,.col1 .dashboard .controls .input-groups .input-group .background-input .background-preview{border:var(--border);cursor:pointer;background-color:#000;border-radius:50%;flex:0 0 30px;height:30px;display:inline-block}.col1 .dashboard .controls .simulation{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:0 20px;margin-top:20px;display:flex}.col1 .dashboard .controls .simulation label{font-weight:var(--font-w-bold);flex:auto}.col1 .dashboard .controls .simulation select{border:var(--border);background:var(--bkg-color);font-size:inherit;font-weight:var(--font-w-normal);-webkit-appearance:none;-ms-appearance:none;appearance:none;border-radius:12px;outline:0;flex:0 0 120px;padding:10px 36px 10px 14px}.col1 .dashboard .controls .simulation select#simulation-type{cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6 9L12 15L18 9\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke=\"currentColor\"/></svg>");background-position:right 10px center;background-repeat:no-repeat;background-size:20px}.col1 .dashboard .results .label{font-weight:var(--font-w-bold);width:100%;padding-bottom:14px;display:block}.info-dot{vertical-align:bottom;content:"";background-image:url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%22-0.04%20-0.04%200.48%200.48%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMinYMin%22%20class%3D%22jam%20jam-info%22%3E%3Cpath%20d%3D%22M.2.4C.09.4%200%20.31%200%20.2S.09%200%20.2%200s.2.09.2.2S.31.4.2.4m0-.04a.16.16%200%201%200%200-.32.16.16%200%200%200%200%20.32m0-.2a.02.02%200%200%201%20.02.02v.1a.02.02%200%200%201-.04%200v-.1A.02.02%200%200%201%20.2.16m0-.02A.02.02%200%201%201%20.2.1a.02.02%200%200%201%200%20.04%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-size:contain;width:16px;height:15px;margin-left:6px;display:inline-block}.col1 .dashboard .results table{border-collapse:collapse;table-layout:fixed;text-align:center;width:100%;font-size:14px;line-height:18px}.col1 .dashboard .results table thead{border-bottom:var(--border)}.col1 .dashboard .results table thead tr th,.col1 .dashboard .results table tbody tr th,.col1 .dashboard .results table tbody tr td{padding:12px 16px}.col1 .dashboard .results table thead tr th:first-child{text-align:left;padding-left:0}.col1 .dashboard .results table tbody tr th:first-child{text-align:left;padding-left:0}.col1 .dashboard .results table tbody tr{border-bottom:var(--border);border-bottom-style:dotted}.col1 .dashboard .results table tbody tr:last-of-type{border:none}.col1 .dashboard .results table tbody tr td span.check{display:block}.col1 .dashboard .results table tbody tr td span.check.pass:before{border-radius:50%;width:18px;height:18px;font-size:12px;line-height:18px;display:inline-block}.col1 .dashboard .results table tbody tr td span.check.fail:before{border-radius:50%;width:18px;height:18px;font-size:12px;line-height:18px;display:inline-block}.col1 .dashboard .results table tbody tr td span.check.pass:before{content:"✓";background:var(--ratio-color-green);margin-right:6px}.col1 .dashboard .results table tbody tr td span.check.fail:before{content:"✗";background:var(--ratio-color-red);margin-left:-8px;margin-right:6px}.col1 .dashboard .ratio{background-color:var(--ratio-color);flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:0;display:flex}.col1 .dashboard .ratio .ratio-score-group,.col1 .dashboard .ratio .ratio-grade-group{flex:50%}.col1 .dashboard .ratio .ratio-grade-group{text-align:right}.col1 .dashboard .ratio .ratio-score-group .label,.col1 .dashboard .ratio .ratio-grade-group .label{font-weight:var(--font-w-bold);padding-bottom:14px;display:block}.col1 .dashboard .ratio .ratio-score-group .score-number{text-align:left;font-size:30px;font-weight:var(--font-w-superbold);line-height:1}.col1 .dashboard .ratio .ratio-grade-group .score-grade{text-align:right;font-size:30px;line-height:1;font-weight:var(--font-w-superbold)}.info{cursor:help;-webkit-text-decoration:underline dotted var(--txt-color);-webkit-text-decoration:underline dotted var(--txt-color);text-decoration:underline dotted var(--txt-color);position:relative}.info:after{content:attr(data-tooltip);color:#fff;text-align:left;opacity:0;pointer-events:none;z-index:110;background-color:rgba(0,0,0,.91);border-radius:12px;min-width:230px;max-width:250px;padding:16px;font-size:14px;line-height:1.4;transition:opacity .2s;position:absolute;box-shadow:0 1px 3px rgba(0,0,0,.1),0 5px 12px rgba(0,0,0,.13),0 0 .5px rgba(0,0,0,.15)}.info.totop:after{bottom:120%;left:50%;-ms-transform:translate(-50%);transform:translate(-50%)}.info.tobottom:after{top:120%;left:50%;-ms-transform:translate(-50%);transform:translate(-50%)}.info.toleft:after{top:50%;right:105%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.info.toright:after{top:50%;left:105%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.info:hover:after{opacity:1}.info:focus:after{opacity:1}.col1 .dashboard .share{flex-wrap:nowrap;justify-content:space-between;align-items:center;margin-top:10px;display:flex}.col1 .dashboard .share button{font-size:inherit;font-weight:var(--font-w-bold);background:var(--bkg-color);border:var(--border);cursor:pointer;border-radius:12px;flex:0 100%;padding:10px 0;transition:all .2s;display:block;position:relative}.col1 .dashboard .share button:hover{background:var(--txt-color);color:var(--bkg-color)}.col1 .dashboard .share button:disabled{cursor:default;background:var(--txt-color);color:var(--bkg-color)}.col1 .footer{margin-top:auto;padding:20px 0 0}.col1 .footer .footer-group{font-size:13px;font-weight:var(--font-w-bold);text-transform:uppercase}.col1 .footer .footer-group a{color:inherit;cursor:pointer;text-decoration:none}.col1 .footer .footer-group a:hover{color:inherit;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:1px}.col1 .footer .footer-colors{background:var(--bkg-color);border-radius:var(--border-radius)var(--border-radius)0 0;height:5px;margin-top:15px;display:block}.col1 .footer:hover .footer-colors{background:linear-gradient(120deg,#009845 9%,#0a78db 26%,#7927c8 42%,#e62000 58%,#ff7b02 75%,#fdcb05 90%)}.picker{border:var(--border);border-radius:var(--border-radius)!important;width:290px!important;padding:20px!important}.picker .pcr-selection .pcr-color-palette{margin:0 0 20px!important}.picker .pcr-selection .pcr-color-palette .pcr-picker{box-shadow:0 1px 3px rgba(0,0,0,.1),0 5px 12px rgba(0,0,0,.13),0 0 .5px rgba(0,0,0,.15);border:4px solid #fff!important;width:25px!important;height:25px!important}.picker .pcr-selection .pcr-color-palette .pcr-palette{border-radius:12px!important}.picker .pcr-selection .pcr-color-palette .pcr-palette:before{border-radius:12px!important}.picker .pcr-selection .pcr-color-chooser{height:15px!important;margin:0 0 20px!important}.picker .pcr-swatches{margin:none!important;height:0!important;display:none!important}.picker .pcr-selection .pcr-color-chooser .pcr-picker{box-shadow:0 1px 3px rgba(0,0,0,.1),0 5px 12px rgba(0,0,0,.13),0 0 .5px rgba(0,0,0,.15);border:4px solid #fff!important;width:25px!important;height:25px!important}.picker .pcr-interaction input{font-size:16px!important;font-weight:var(--font-w-normal)!important;border:var(--border)!important;color:#000!important;background-color:var(--bkg-color)!important;border-radius:8px!important}.picker .pcr-interaction input:focus{box-shadow:none!important}.picker .pcr-interaction input.pcr-result{flex:0 0 100%}.picker .pcr-interaction input.pcr-type{flex:30%}.picker .pcr-interaction input.pcr-type.active{color:#fff!important;background:#000!important}.col2{flex-direction:column;flex:100%;width:100%;height:100vh;display:flex;top:0;overflow-y:auto}.col2 .demo{background:var(--demo-bg-color);flex:auto;padding:55px 30px 120px}.col2 .demo .demo-wrapper{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:0 20px;max-width:650px;margin:0 auto;display:flex}.col2 .demo .demo-wrapper .post,.col2 .demo .demo-wrapper .text,.col2 .demo .demo-wrapper .numbers,.col2 .demo .demo-wrapper .noise,.col2 .demo .demo-wrapper .icons{background:var(--demo-bg-color);color:var(--demo-fg-color);font-size:14pt;line-height:1.4;font-weight:var(--font-w-normal);max-width:100%}.col2 .demo .demo-wrapper .post{flex:100%}.col2 .demo .demo-wrapper .post.intro p{margin:20px 0 0}.col2 .demo .demo-wrapper .post.duo{flex:40%}.col2 .demo .demo-wrapper .text{flex:100%;line-height:1.6}.col2 .demo .demo-wrapper .icons{flex:100%;font-size:30px!important}.col2 .demo .demo-wrapper .mono{font-optical-sizing:auto;font-variant-emoji:text;font-family:Roboto Mono,monospace}.col2 .demo .demo-wrapper .noise{flex:100%;font-size:30px;line-height:.9}.col2 .demo .demo-wrapper .text p{word-break:break-all}.col2 .demo .demo-wrapper .noise p{word-break:inherit;margin-bottom:20px;overflow:hidden}.col2 .demo .demo-wrapper .noise p:last-of-type{margin-bottom:0}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:var(--font-w-bold);margin:0 0 6px}h1{font-size:38px}h2{font-size:30px}h3{font-size:26px}h4{font-size:22px}h5{font-size:18px}h6{font-size:16px}.col2 .demo .demo-wrapper .small{font-size:14pt;font-weight:var(--font-w-normal)}.col2 .demo .demo-wrapper .large{font-size:18pt;font-weight:var(--font-w-normal)}.col2 .content{background:var(--bkg-color);flex:auto;padding:60px 30px}.col2 .content .content-wrapper{flex-wrap:wrap;align-items:flex-start;max-width:650px;margin:0 auto;display:flex}.col2 .content .content-wrapper .faqs{flex:100%}.col2 .content .content-wrapper .faqs details{border-bottom:2px solid var(--txt-color);padding:20px 0}.col2 .content .content-wrapper .faqs details:last-of-type{border-bottom:none}.col2 .content .content-wrapper .faqs details p{margin-top:15px;font-size:18px;line-height:1.4}.col2 .content .content-wrapper .faqs details p a{color:inherit;-webkit-text-decoration:underline dotted var(--txt-color);-webkit-text-decoration:underline dotted var(--txt-color);text-decoration:underline dotted var(--txt-color)}.col2 .content .content-wrapper .faqs details p a:hover{-webkit-text-decoration:underline solid var(--txt-color);-webkit-text-decoration:underline solid var(--txt-color);text-decoration:underline solid var(--txt-color)}.col2 .content .content-wrapper .faqs summary{cursor:pointer;align-items:center;font-size:18px;font-weight:700;list-style:none;display:flex;position:relative}.col2 .content .content-wrapper .faqs summary::marker{content:""}.col2 .content .content-wrapper .faqs summary:after{content:"+";flex-shrink:0;margin-left:auto}.col2 .content .content-wrapper .faqs details[open] summary:after{rotate:45deg}.hr-demo{border:0;border-top:2px dotted var(--demo-fg-color);outline:0;width:100%;height:0;margin:60px 0;display:block}.col2 .content .content-wrapper .legal-text{text-align:justify;-webkit-user-select:none;user-select:none;background-color:var(--bkg-color);color:var(--txt-color);line-height:1.6;font-weight:var(--font-w-normal);border-radius:var(--border-radius)}.col2 .content .content-wrapper .legal-text h2,.col2 .content .content-wrapper .legal-text h3{font-size:18px;line-height:1;font-weight:var(--font-w-bold);margin:0;padding:0}.col2 .content .content-wrapper .legal-text h2{text-transform:uppercase;margin:20px 0 40px}.col2 .content .content-wrapper .legal-text h3{margin:40px 0 20px}.col2 .content .content-wrapper .legal-text p{margin:10px 0 0;padding:0}.col2 .content .content-wrapper .legal-text ul{margin:10px 0 0;padding:0 0 0 14px;list-style-type:disc;list-style-position:outside}.col2 .content .content-wrapper .legal-text ol{margin:10px 0 0;padding:0 0 0 18px;list-style-type:decimal;list-style-position:outside}.col2 .content .content-wrapper .legal-text ol ol,.col2 .content .content-wrapper .legal-text ul ul{margin:5px 0}.col2 .content .content-wrapper .legal-text a{color:var(--txt-color);-webkit-text-decoration:2px underline dotted var(--txt-color);-webkit-text-decoration:2px underline dotted var(--txt-color);text-decoration:2px underline dotted var(--txt-color)}.col2 .content .content-wrapper .legal-text a:hover{-webkit-text-decoration:2px underline solid var(--txt-color);-webkit-text-decoration:2px underline solid var(--txt-color);text-decoration:2px underline solid var(--txt-color)}.col2 .content .content-wrapper .legal-text hr{border:none;border-top:2px dotted var(--txt-color);margin:60px 0}@media (max-width:767.98px){.container{flex-flow:column wrap}.col1{max-width:none;height:auto;max-height:none;box-shadow:0 2px 2px rgba(0,0,0,.08)}.col1 .footer{margin-top:40px}.col2{height:auto}}@media (min-width:768px) and (max-width:820px){.col1 .dashboard .controls .input-groups .input-group .foreground-input .foreground-preview,.col1 .dashboard .controls .input-groups .input-group .background-input .background-preview{flex:0 0 20px;height:20px}.col1 .dashboard .controls .input-groups .input-swap{margin:30px 0 0}.col1 .dashboard .controls .simulation label{line-height:1.2}.col1 .dashboard .results table thead tr th,.col1 .dashboard .results table tbody tr th,.col1 .dashboard .results table tbody tr td{padding:12px 5px}.col1 .footer .footer-group{letter-spacing:-.1px;word-spacing:-.475px}}