html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,hr{margin:0;padding:0;border:0;vertical-align:baseline;font:inherit;font-size:100%}*{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:50%;line-height:0;position:relative}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0}button,input{overflow:visible}button,select{text-transform:none}:root{--header-offset: 2rem}@media(min-width: 37.5625em){:root{--header-offset: calc(var(--wp-admin--admin-bar--height, 0rem) + 2rem)}}@media(min-width: 48em){:root{--header-offset: calc(var(--wp-admin--admin-bar--height, 0rem) + 2rem + 5.4375rem)}}@font-face{font-display:swap;font-family:"Outfit";font-style:normal;font-weight:600;src:url("../../fonts/outfit-v15-latin-600.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Outfit";font-style:normal;font-weight:800;src:url("../../fonts/outfit-v15-latin-800.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Lato";font-style:normal;font-weight:400;src:url("../../fonts/lato-v25-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Lato";font-style:italic;font-weight:400;src:url("../../fonts/lato-v25-latin-italic.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Lato";font-style:normal;font-weight:900;src:url("../../fonts/lato-v25-latin-900.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Lato";font-style:italic;font-weight:900;src:url("../../fonts/lato-v25-latin-900italic.woff2") format("woff2")}html{font-family:"Lato",sans-serif}strong{font-weight:bold}em{font-style:italic}html::-moz-selection{background-color:#008fd5;color:#000}html::selection{background-color:#008fd5;color:#000}main{display:grid}@media(min-width: 48em){main{grid-template-columns:20rem 1fr}}.wrapper{width:90%;margin:0 auto;max-width:50rem}.group::after{content:"";display:block;clear:both}.screen-reader{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;width:1px;padding:0;overflow:hidden;position:absolute;white-space:nowrap}h2,h3,h4,h5,h6{font-family:"Outfit",sans-serif;color:#008fd5;font-weight:600}.content{color:#333}.content h2,.content h3,.content h4,.content h5,.content h6{margin-bottom:1rem;line-height:1.2;position:relative}.content h2:nth-child(n+2),.content h3:nth-child(n+2),.content h4:nth-child(n+2),.content h5:nth-child(n+2),.content h6:nth-child(n+2){margin-top:2rem}.content h2{font-size:2rem}.content h3{font-size:1.5rem;text-transform:uppercase;letter-spacing:.05em;border-top:2px solid #e6e6e6;padding-top:1.75rem}.content p,.content li{font-size:1rem;line-height:1.6;margin-bottom:.5rem}.content ul,.content ol{padding-left:2rem;margin:.75rem 0}.content li::marker{color:#008fd5}.content blockquote{background:#333;padding:1.25rem 1.75rem 1rem;margin:1rem 0;border-left:4px solid #ffde2f}.content hr{margin:3rem auto;height:.125rem;position:relative;background:#333}.content strong{font-weight:900;transition:inherit}.content code,.content pre{font-family:monospace;font-size:1rem;background:#efefef;color:#000;line-height:1.5}.content code{display:inline-block;padding:.125rem .5rem;margin:0 .125rem}.content pre{padding:.75rem 3rem .75rem 1rem;white-space:pre-wrap;margin:1rem 0}a{text-decoration:none;color:inherit;transition:.2s ease border,.2s ease color,.2s ease background}a:before,a:after{transition:inherit}.content a{border-bottom:solid .125rem #008fd5}.content a:after{color:#008fd5}.content a[href^=http]:not(:where([href*="peatwebstudio.com"],[href^="#"],[href^="/"]:not([href^="//"]))):after{display:inline-block;text-rendering:auto;-webkit-font-smoothing:antialiased;font:var(--fa-font-sharp-solid);content:"";margin-left:.25rem}.content a:hover,.content a:focus{color:#000;border-bottom-width:.25rem}.content a:hover strong,.content a:hover:after,.content a:focus strong,.content a:focus:after{color:#000}img{max-width:100%;height:auto}i.fa-solid{color:#000;display:flex;justify-content:center;align-items:center;width:1rem;height:1rem;font-size:.5rem;border-radius:50%}.text i{background:#39b54a}.large i{background:#ffde2f}.fail i{background:#ef4130}#sidebar{background:#262626;color:#8c8c8c;overflow-y:auto;padding:1.75rem 2rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem;scrollbar-color:#737373 #262626}@media(min-width: 48em){#sidebar{height:100vh}}#sidebar h1{font-family:"Outfit",sans-serif;font-weight:600;font-size:1.75rem;line-height:1;color:#fff}#sidebar h1 a{display:inline-block;color:#737373;margin-left:.25rem}#sidebar h1 a:hover,#sidebar h1 a:focus{color:#008fd5}#sidebar h1 a i{color:inherit;font-size:1rem}#sidebar .callout{display:block;font-family:"Outfit",sans-serif;text-transform:uppercase;letter-spacing:.25em;font-weight:600;font-size:.75rem}#sidebar .colors{flex:1;display:flex;flex-direction:column;gap:.5rem}#sidebar .colors textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;resize:none;min-height:10rem;flex:1;padding:.625rem .75rem;font-family:monospace;font-size:1rem;line-height:1.5;background:#1e1e1e;color:#ccc;border:2px solid #737373;scrollbar-color:#737373 #1e1e1e;scrollbar-width:thin;transition:background .2s ease,color .2s ease,border .2s ease,scrollbar-color .2s ease}#sidebar .colors textarea:hover{background:#141414;scrollbar-color:#737373 #141414}#sidebar .colors textarea:focus{outline:none;background:#141414;color:#fff;border-color:#008fd5;scrollbar-color:#737373 #141414}#sidebar fieldset{display:flex;gap:2px}#sidebar fieldset legend{margin-bottom:.5rem}#sidebar fieldset label{position:relative;flex:1;padding:.875rem .75rem .75rem;background:#333;box-shadow:0 0 inset rgba(0,0,0,0);transition:background .2s ease,box-shadow .2s ease;min-height:3rem;line-height:1}#sidebar fieldset label input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset:0;cursor:pointer}#sidebar fieldset label i{margin-bottom:.375rem}#sidebar fieldset label .name{display:block;font-family:"Outfit",sans-serif;font-size:1.0625rem;font-weight:600;color:#fff}#sidebar fieldset label .ratio{font-family:"Outfit",sans-serif;font-size:.75rem;color:#b3b3b3;transition:inherit}#sidebar fieldset label:hover{background:#404040}#sidebar fieldset label.level:has(input:checked){box-shadow:0 4px inset #008fd5}#sidebar fieldset label.text:has(input:checked){box-shadow:0 4px inset #39b54a}#sidebar fieldset label.large:has(input:checked){box-shadow:0 4px inset #ffde2f}#sidebar fieldset label.fail:has(input:checked){box-shadow:0 4px inset #ef4130}#sidebar #controls-level .name{text-align:center;font-size:1rem}#sidebar .credit{padding-top:1.5rem;border-top:2px solid #333}#sidebar .credit a{display:inline-block;transition:opacity .2s ease;width:9rem}#sidebar .credit a svg{width:100%;height:auto}#sidebar .credit a .icon{transition:fill .2s ease}#sidebar .credit a:hover .icon,#sidebar .credit a:focus .icon{fill:#fff}#primary{max-height:100vh;padding:2rem;overflow:auto}#primary #info table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.875rem;background:#efefef}#primary #info table th,#primary #info table td{padding:.75rem;border:2px solid #fff}#primary #info table td{text-align:center;vertical-align:middle}#primary #info table th{background:#008fd5 !important;color:#000;font-family:"Outfit",sans-serif;text-transform:uppercase;letter-spacing:.15em;font-weight:600 !important;font-size:.75rem}#primary #info table th:first-of-type,#primary #info table td:first-of-type{text-align:left;background:#e6e6e6;font-weight:900}#primary #info table i{margin-bottom:.25rem}#primary #grid{max-height:calc(100vh - 4rem);overflow:auto;position:relative;width:-moz-fit-content;width:fit-content;max-width:100%;scrollbar-color:#737373 #fff}#primary #grid table{border-collapse:collapse}#primary #grid th,#primary #grid td{vertical-align:top}#primary #grid .swatch{display:flex;flex-direction:column;justify-content:space-between;position:relative;width:5rem;height:5rem;padding:.5rem;line-height:1;overflow-wrap:break-word;border-bottom:2px solid #fff;border-right:2px solid #fff;color:#fff}#primary #grid .swatch.label-dark{color:#000}#primary #grid .swatch:before{content:"";position:absolute;inset:0;border:1px solid #000;mix-blend-mode:multiply;opacity:.05}#primary #grid .corner{background:#fff;position:sticky;left:0;top:0;z-index:3}#primary #grid .column-key{position:sticky;top:0;z-index:2}#primary #grid .row-key{position:sticky;left:0;z-index:1}#primary #grid .row-key .swatch{width:8rem}#primary #grid .column-key .swatch,#primary #grid .row-key .swatch{text-align:left}#primary #grid .column-key .swatch .name,#primary #grid .row-key .swatch .name{position:relative;font-family:"Lato",sans-serif;font-weight:900;font-size:.875rem;padding-top:.125rem}#primary #grid .column-key .swatch .hex,#primary #grid .row-key .swatch .hex{position:relative;font-family:monospace;font-size:.875rem}#primary #grid .swatch.spacer::before{display:none}#primary #grid .swatch.is-hidden{background:#efefef !important}#primary #grid .swatch.is-hidden .ratio,#primary #grid .swatch.is-hidden i,#primary #grid .swatch.is-hidden:before{display:none}#primary #grid .swatch .ratio{position:relative;font-family:"Outfit",sans-serif;font-size:1.25rem}/*# sourceMappingURL=front-end.css.map */