.page-header{margin-top:4rem}.page-header h1{font-size:1.5rem}.page-header h2{max-width:960px}@media (min-width:992px){.page-header h2{margin-left:auto;margin-right:auto}}@media (min-width:768px){.page-header{margin-top:0}.page-header h1{font-size:2.5rem}}#tool--contrast-ratio{padding-left:0;padding-right:0;overflow-x:hidden;border-top:1px solid #a8a8a8;width:100%}label>span{display:inline-block;padding:.8em .9em;border-radius:.25rem .25rem 0 0;background:#292b2c;color:#fff}.text-input{position:relative;display:block;min-width:10em;color:#292b2c;border-width:0;background-color:#fff;font-size:1.125rem}@media (min-width:768px){.text-input{font-size:1.5rem}}@media (min-width:992px){.text-input{font-size:2rem}}input#background{border-bottom-left-radius:.25rem;text-align:center}@media (min-width:768px){input#background{text-align:right}}input#foreground{border-bottom-right-radius:.25rem;text-align:center}@media (min-width:768px){input#foreground{text-align:left}}#backgroundColorPicker,#foregroundColorPicker{margin-bottom:0}#backgroundColorPicker::-moz-color-swatch,#backgroundColorPicker::-webkit-color-swatch,#foregroundColorPicker::-moz-color-swatch,#foregroundColorPicker::-webkit-color-swatch{border-radius:50%;border:3px solid #fff}@media (min-width:768px){#backgroundColorPicker{left:2ch}}@media (min-width:768px){#foregroundColorPicker{right:2ch}}#backgroundColorPicker::-webkit-color-swatch,#foregroundColorPicker::-webkit-color-swatch{border-radius:50%;border:3px solid #fff}#results{position:absolute;left:50%;top:6rem;max-width:25em;padding:1em;border-radius:.3em;margin-top:.7em;filter:drop-shadow(.1em .1em .5em rgba(0,0,0,.5));background:#fff;text-align:left;transform:translateX(-50%) scale(0);transform-origin:top;transition:transform .4s;z-index:1}#results ul{margin:1em;padding-left:0}#results:before{content:" ";position:absolute;top:0;left:50%;transform:translate(-60%,-100%);width:25em;height:1em;margin-left:1em}#results:after{content:"";position:absolute;top:-15px;left:50%;width:0;height:0;margin-left:-30px;margin-top:-9px;border-color:transparent transparent #fff;border-style:solid;border-width:0 30px 30px}@media (min-width:768px){#results{top:12.5rem}}@media (min-width:992px){#results{top:14rem}}#results:hover,.contrast:focus+#results,.contrast:hover+#results{transform:translateX(-50%);transition-timing-function:cubic-bezier(.5,0,.7,1.8)}button{vertical-align:baseline;padding:.875rem 1rem;border:1px solid #292b2c;border-radius:2rem;background:#292b2c;cursor:pointer;color:#fff;font-size:1.125rem;transition:all .2s ease-in-out}button:focus,button:hover{border-color:#ff041d;background:#ff041d}button:active{box-shadow:0 1px hsla(0,0%,100%,.3),inset 0 1px .3em .05em rgba(0,0,0,.6)}output.rl{display:block;margin:2rem 0 0;font-weight:500;font-size:1rem}output.rl:before{content:attr(aria-label) ": ";font-weight:400}#preciseContrast{display:block;font-weight:500;background:#f5f5f5;text-align:center;padding:.9em .9em .5em;margin:.5em;border-radius:.2em;color:#292b2c}#preciseContrast:before{content:attr(aria-label)}#preciseContrast:before,#wcag{display:block;font-weight:400;color:#292b2c}#wcag{margin-left:1em}#grid--io{display:grid;grid-template-columns:repeat(2,1fr);grid-template-areas:"background-input foreground-input" "background-area foreground-area";background:linear-gradient(45deg,currentColor 25%,transparent 0,transparent 75%,currentColor 0,currentColor),linear-gradient(45deg,currentColor 25%,transparent 0,transparent 75%,currentColor 0,currentColor) 10px 10px;background-color:#eee;background-size:1.25rem 1.25rem}#grid--io .background,#grid--io .foreground{margin-bottom:0;padding-top:6rem}#grid--io .background{grid-area:background-input;padding-left:1rem;text-align:left}#grid--io .background .input-wrapper{border-bottom-left-radius:.25rem}@media (min-width:768px){#grid--io .background{padding-left:2rem}#grid--io .background .input-wrapper{justify-content:end;flex-direction:row-reverse}}@media (min-width:992px){#grid--io .background{padding-left:30%}}#grid--io .foreground{grid-area:foreground-input;padding-right:1rem;text-align:right}#grid--io .foreground .input-wrapper{border-bottom-right-radius:.25rem}@media (min-width:768px){#grid--io .foreground{padding-right:2rem}}@media (min-width:992px){#grid--io .foreground{padding-right:30%}}#grid--io #foregroundDisplay{grid-area:foreground-area;left:0;padding-top:4rem}#grid--io #backgroundDisplay{left:0;overflow:auto;overflow-anchor:auto;grid-area:background-area;padding-left:1rem}#grid--io #backgroundDisplay p:nth-of-type(2){font-family:Iowan Old Style,Apple Garamond,Baskerville,Times New Roman,Droid Serif,Times,Source Serif Pro,serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}#grid--io #backgroundDisplay p:nth-of-type(2) strong{font-weight:700}#grid--io #backgroundDisplay a{color:inherit;text-decoration:underline!important}#grid--io #backgroundDisplay a:focus,#grid--io #backgroundDisplay a:hover{opacity:.8}@media (min-width:768px){#grid--io #backgroundDisplay{padding-left:2rem}}@media (min-width:992px){#grid--io #backgroundDisplay{padding-left:30%;padding-bottom:16rem;padding-right:15%}}#grid--io .color-display{top:0;bottom:0;padding:1em;position:relative;z-index:auto}#grid--io .color-display h2,#grid--io .color-display p{margin-top:1rem}#grid--io .color-display p{font-size:1.125rem;max-width:none}#grid--io .input-wrapper{position:relative;display:flex;align-items:center;flex-direction:column-reverse;justify-content:center;column-gap:2rem;border:1px solid #a8a8a8}#grid--io .input-wrapper .color-picker{position:relative;background:conic-gradient(#0f0,#ff0,orange,red,#b900ed,#1a13ff,#02f5ff,#0f0);width:3.25em;height:3.25em;cursor:pointer;border:none;border-radius:100%}#grid--io .input-wrapper .text-input{padding:1rem .5rem;width:100%;font-size:1rem}@media (min-width:768px){#grid--io .input-wrapper #foreground{padding-left:20%}#grid--io .input-wrapper #background{padding-right:20%}#grid--io .input-wrapper .color-picker{position:absolute}#grid--io .input-wrapper .text-input{font-size:1.25rem}}@media (min-width:992px){#grid--io .input-wrapper{flex-direction:row}#grid--io .input-wrapper .text-input{padding:.5rem 2rem;font-size:2rem}}#grid--io .contrast{position:absolute;margin-left:50%;margin-top:1rem;transform:translateX(-50%);font-size:2rem;line-height:1;z-index:1;width:6rem;height:6rem;border:.5em solid #fff;color:#fff;border-radius:50%;display:grid;place-content:center}#grid--io .contrast strong{font-size:1.75rem;color:#fff!important}@media (min-width:992px){#grid--io .contrast strong{font-size:2.5rem}}#grid--io .contrast .error{position:absolute;bottom:.5em;left:0;right:0;opacity:.8;text-align:center;font-size:45%;letter-spacing:normal}@media (min-width:992px){#grid--io .contrast .error{bottom:1.5rem}}@media (min-width:768px){#grid--io .contrast{margin-top:7rem;width:8rem;height:8rem;font-size:2.5rem}}@media (min-width:992px){#grid--io .contrast{margin-top:6rem;width:11rem;height:11rem}}.siege-faq-section{margin-bottom:6rem}.relatedPosts .row.pb-p-lg{padding-bottom:0!important}
/*# sourceMappingURL=contrast.min.css.map */