.poly-color-chooser{--backgroundcolorOverlay: #ebebf8;--selection-faded: #639cb866;--iconColor: var(--text-lighter);position:relative;z-index:99;width:216px;height:auto;padding:8px;background:var(--backgroundcolorOverlay);box-shadow:var(--shadow-elevation-medium);border-radius:5px;overscroll-behavior:contain}[data-theme=dark] .poly-color-chooser{--backgroundcolorOverlay: var(--background-raised)}.poly-color-chooser .react-colorful__saturation{margin:0 0 4px;border-radius:4px;border-bottom:none}.poly-color-chooser .react-colorful__hue,.poly-color-chooser .react-colorful__alpha{height:1rem;margin:4px 0;border-radius:4px;width:calc(100% - 3.25rem);margin-left:3.25rem}.poly-color-chooser .react-colorful__saturation-pointer,.poly-color-chooser .react-colorful__hue-pointer,.poly-color-chooser .react-colorful__alpha-pointer{width:1.25rem;height:1.25rem}.poly-color-chooser .previewwrap{width:2.75rem;height:2.75rem;margin-top:-3rem;border-radius:.25rem;border-radius:4px;background:linear-gradient(45deg,#fff 25%,#0000 0 75%,#fff 0),linear-gradient(45deg,#fff 25%,#000 0 75%,#fff 0);background-size:16px 16px;background-position:0 0,8px 8px;position:relative}.poly-color-chooser .preview{border-radius:4px;box-shadow:inset 0 0 0 1px #0000000d;width:2.75rem;height:2.75rem;border-radius:.25rem;border:0}.forms{margin-top:8px;display:flex;align-items:stretch;justify-content:flex-start;gap:4px}.poly-color-chooser .forms button{border-radius:4px;border:0;margin:0;background:none;width:24px;height:24px;transition:background .25s ease-in-out}.poly-color-chooser .forms button:hover{background:var(--selection-faded)}.forms>input{flex:1 0 auto;padding:4px;border-radius:4px;border:0;background-color:var(--background);box-shadow:inset 0 0 0 1px #0000000d;width:calc(100% - 75px);overscroll-behavior:contain}.forms select{background:none;border:0;flex:0 0 min-content;outline:none}.forms select option{background:var(--background);color:var(--text)}.forms .combinedcolorinput{display:flex;flex:1 0 auto;gap:2px;width:calc(100% - 75px)}.forms .combinedcolorinput input{-webkit-appearance:input;appearance:input;-moz-appearance:textfield;padding:4px 2px;border-radius:4px;border:0;box-shadow:inset 0 0 0 1px #0000000d;width:calc(100% - 50px);background-color:var(--background)}.forms .combinedcolorinput input::-webkit-inner-spin-button,.forms .combinedcolorinput input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tintsandshades{display:flex;align-items:stretch;flex-direction:column;justify-content:center;gap:4px;padding-top:8px;font-size:.9rem}.tintsandshades>div{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:7px}.tintsandshades .tintwrapper{flex:0 0 16px;height:16px;border-radius:4px;border:0;background:linear-gradient(45deg,#fff 25%,#0000 0 75%,#fff 0),linear-gradient(45deg,#fff 25%,#000 0 75%,#fff 0);background-size:16px 16px;background-position:0 0,8px 8px}.tintsandshades button.swatch{box-shadow:inset 0 0 0 1px #0000000d;width:16px;height:16px;border-radius:4px;border:0;display:block}.odometer.odometer-auto-theme,.odometer.odometer-theme-default,.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-default .odometer-digit{display:inline-block;vertical-align:baseline;position:relative}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer{display:inline-block;vertical-align:baseline;visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner{text-align:center;display:block;position:absolute;inset:0;overflow:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon{display:block}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner{display:block;-webkit-backface-visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-default .odometer-digit .odometer-value{display:block;-webkit-transform:translateZ(0)}.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value{position:absolute}.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner{transition:transform .25s}.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner{transform:translateY(-100%)}.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner{transition:transform .25s;transform:translateY(0)}.odometer.odometer-auto-theme,.odometer.odometer-theme-default{line-height:1em}.odometer.odometer-auto-theme .odometer-value,.odometer.odometer-theme-default .odometer-value{text-align:center}.odometer.odometer-auto-theme:before{content:" ";z-index:1;position:absolute;top:0;left:0;right:0;height:.15em;background:linear-gradient(to bottom,var(--background),var(--backgroundTransparent))}.odometer.odometer-auto-theme:after{content:" ";z-index:1;position:absolute;bottom:0;left:0;right:0;height:.15em;background:linear-gradient(to top,var(--background),var(--backgroundTransparent))}ul>li:nth-child(1)>span>.odometer.odometer-auto-theme:before{background:linear-gradient(to bottom,rgba(16,125,181,1),var(--backgroundTransparent))}ul>li:nth-child(1)>span>.odometer.odometer-auto-theme:after{background:linear-gradient(to top,rgba(16,125,181,1),var(--backgroundTransparent))}ul>li:nth-child(2)>span>.odometer.odometer-auto-theme:before{background:linear-gradient(to bottom,rgba(16,181,125,1),var(--backgroundTransparent))}ul>li:nth-child(2)>span>.odometer.odometer-auto-theme:after{background:linear-gradient(to top,rgba(16,181,125,1),var(--backgroundTransparent))}ul>li:nth-child(3)>span>.odometer.odometer-auto-theme:before{background:linear-gradient(to bottom,rgba(125,16,181,1),var(--backgroundTransparent))}ul>li:nth-child(3)>span>.odometer.odometer-auto-theme:after{background:linear-gradient(to top,rgba(125,16,181,1),var(--backgroundTransparent))}._aa_6oipy_1,._aaa_6oipy_2{& input{display:block!important;visibility:visible!important;margin:0!important;width:0;height:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;&:focus-visible+label{outline:2px solid #107db5!important;outline-offset:2px}}& label{position:relative;color:var(--text-lighter);transition:.2s ease-in-out all;font-size:16px;font-weight:600;&:before{background-color:var(--background)!important}&:after{background-color:var(--background-raised);transition:.2s ease-in-out all}& small{background:#107db5;color:#fff;border-radius:2px;font-size:10px;padding:2px 4px;line-height:1.75ex;display:inline-block;margin-left:.25rem;vertical-align:middle}}}._aa_6oipy_1 label:last-child,._aaa_6oipy_2 label:first-child{color:var(--text);&:after{background-color:#67b26f}}.rsbc-switch-button{position:relative;line-height:100%;display:inline-block;vertical-align:middle;margin:0;box-sizing:border-box}.rsbc-switch-button label{cursor:pointer}.rsbc-switch-button.disabled label{cursor:not-allowed}.rsbc-switch-button input[type=checkbox]{position:absolute;margin-left:-9999px;visibility:hidden}.rsbc-switch-button>label:first-child{display:inline-block;margin:0 6px 0 0}.rsbc-switch-button label+label{margin-left:6px}.rsbc-switch-button input[type=checkbox]+label{display:inline-block;position:relative;margin:0;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.rsbc-switch-button.rsbc-switch-button-flat-round input[type=checkbox]+label{padding:2px;width:48px;height:24px;vertical-align:middle;background-color:#aaa;border-radius:60px;transition:background .4s}.rsbc-switch-button.rsbc-switch-button-flat-round.disabled input[type=checkbox]+label{background-color:#eee}.rsbc-switch-button.rsbc-switch-button-flat-round:hover input[type=checkbox]+label{background-color:#579fcb}.rsbc-switch-button.rsbc-switch-button-flat-round.disabled:hover input[type=checkbox]+label{background-color:#eee}.rsbc-switch-button.rsbc-switch-button-flat-round input[type=checkbox]+label:after,.rsbc-switch-button.rsbc-switch-button-flat-round input[type=checkbox]+label:before{display:inline-block;position:absolute;content:""}.rsbc-switch-button.rsbc-switch-button-flat-round input[type=checkbox]+label:before{inset:2px;background-color:#fff;border-radius:60px;transition:background .4s}.rsbc-switch-button.rsbc-switch-button-flat-round input[type=checkbox]+label:after{top:4px;left:4px;bottom:4px;width:16px;background-color:#919191;border-radius:52px;transition:margin .4s,background .4s}.rsbc-switch-button.rsbc-switch-button-flat-round.disabled input[type=checkbox]+label:after{background-color:#d5d5d5}.rsbc-switch-button.rsbc-switch-button-flat-round:hover input[type=checkbox]:checked+label{background-color:#aaa}.rsbc-switch-button.rsbc-switch-button-flat-round input[type=checkbox]:checked+label{background-color:#579fcb}.rsbc-switch-button.rsbc-switch-button-flat-round.disabled input[type=checkbox]:checked+label{background-color:#eee}.rsbc-switch-button.rsbc-switch-button-flat-round input[type=checkbox]:checked+label:after{margin-left:24px;background-color:#3887b7}.rsbc-switch-button.rsbc-switch-button-flat-round.disabled input[type=checkbox]:checked+label:after{margin-left:24px;background-color:#d5d5d5}.rsbc-switch-button.rsbc-switch-button.rsbc-switch-button-flat-round.rsbc-mode-select:hover input[type=checkbox]:checked+label,.rsbc-switch-button.rsbc-switch-button.rsbc-switch-button-flat-round.rsbc-mode-select input[type=checkbox]+label,.rsbc-switch-button.rsbc-switch-button.rsbc-switch-button-flat-round.rsbc-mode-select input[type=checkbox]+label:after{background-color:#579fcb!important}.rsbc-switch-button.rsbc-switch-button-flat-square input[type=checkbox]+label{padding:2px;width:48px;height:24px;vertical-align:middle;background-color:#aaa;border-radius:3px;transition:background .4s}.rsbc-switch-button.rsbc-switch-button-flat-square.disabled input[type=checkbox]+label{background-color:#eee}.rsbc-switch-button.rsbc-switch-button-flat-square:hover input[type=checkbox]+label{background-color:#579fcb}.rsbc-switch-button.rsbc-switch-button-flat-square.disabled:hover input[type=checkbox]+label{background-color:#eee}.rsbc-switch-button.rsbc-switch-button-flat-square input[type=checkbox]+label:after,.rsbc-switch-button.rsbc-switch-button-flat-square input[type=checkbox]+label:before{display:inline-block;position:absolute;content:""}.rsbc-switch-button.rsbc-switch-button-flat-square input[type=checkbox]+label:before{inset:2px;background-color:#fff;border-radius:2px;transition:background .4s}.rsbc-switch-button.rsbc-switch-button-flat-square input[type=checkbox]+label:after{top:4px;left:4px;bottom:4px;width:16px;background-color:#919191;border-radius:2px;transition:margin .4s,background .4s}.rsbc-switch-button.rsbc-switch-button-flat-square.disabled input[type=checkbox]+label:after{background-color:#d5d5d5}.rsbc-switch-button.rsbc-switch-button-flat-square:hover input[type=checkbox]:checked+label{background-color:#aaa}.rsbc-switch-button.rsbc-switch-button-flat-square input[type=checkbox]:checked+label{background-color:#579fcb}.rsbc-switch-button.rsbc-switch-button-flat-square.disabled input[type=checkbox]:checked+label{background-color:#eee}.rsbc-switch-button.rsbc-switch-button-flat-square input[type=checkbox]:checked+label:after{margin-left:24px;background-color:#3887b7}.rsbc-switch-button.rsbc-switch-button-flat-square.disabled input[type=checkbox]:checked+label:after{margin-left:24px;background-color:#d5d5d5}.rsbc-switch-button.rsbc-switch-button.rsbc-switch-button-flat-square.rsbc-mode-select:hover input[type=checkbox]:checked+label,.rsbc-switch-button.rsbc-switch-button.rsbc-switch-button-flat-square.rsbc-mode-select input[type=checkbox]+label,.rsbc-switch-button.rsbc-switch-button.rsbc-switch-button-flat-square.rsbc-mode-select input[type=checkbox]+label:after{background-color:#579fcb!important}._popover_hsi60_1{position:absolute;z-index:2;top:60px}._cover1_hsi60_7,._cover2_hsi60_8{position:fixed;inset:0}@media (min-width: 40rem){._cover1_hsi60_7{right:50%}._cover2_hsi60_8{left:50%}}._wrap_hsi60_26{padding:0 1rem;._toggles_hsi60_29{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0 2rem}._toggleWrap_hsi60_37{display:flex;align-items:center;justify-content:center;line-height:1;font-size:1rem;margin-bottom:1rem}._ratio_hsi60_46{text-align:center;font-weight:700;font-size:3rem;line-height:1;margin-bottom:1rem;@media (min-width: 60rem){font-size:5rem}._explanation_hsi60_57{font-size:1rem;font-weight:400}>span{transition:.25s ease-in-out color;vertical-align:bottom;line-height:54px}>span div{vertical-align:bottom}._ratios_hsi60_72{margin-bottom:1rem}._ratios_hsi60_72._wcag_hsi60_75>span:nth-child(2):before,._ratios_hsi60_72._apca_hsi60_76>span:nth-child(3):before{content:" to ";font-size:.75em;color:var(--text-lighter)}._ratios_hsi60_72 sup{line-height:1ex;margin-left:-.15em}}._warning_hsi60_88{color:var(--warn);& svg{margin-right:.5rem;vertical-align:middle}}._inputs_hsi60_97{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%;max-width:60rem;margin:0 auto;@media (min-width: 40rem){flex-direction:row}._inputWrap_hsi60_110{flex:1 1 auto;position:relative;display:block;font-family:Inter var,sans-serif!important;& label{opacity:0;pointer-events:none;position:absolute}._swatchWrap_hsi60_122{position:absolute;border-radius:5px;width:40px;height:40px;left:7px;top:7px;box-shadow:0 0 0 1px #0000001a;background:linear-gradient(45deg,var(--background) 25%,#0000 0,#0000 75%,var(--background) 0),linear-gradient(45deg,var(--background) 25%,#000 0,#000 75%,var(--background) 0);background-size:10px 10px;background-position:0 0,5px 5px;._swatch_hsi60_122{display:block;width:40px;height:40px;border-radius:4px;box-shadow:0 2px 2px #0000001a inset;border:0}}>input{background:var(--background-raised);width:100%;font-size:1rem;padding:1rem 1rem 1rem calc(47px + .5rem);height:55px;margin:0 auto;border-radius:5px;border:0;box-shadow:var(--shadow-elevation-medium);font-family:monospace;@media (min-width: 60rem){font-size:1.5rem}}}>button{border:0;background:none;flex:0 0 auto;margin:1rem;outline:none;transform:scale(1);transition:.25s ease-in-out all;&:focus{color:#107db5}&:hover{transform:scale(1.05);color:#107db5}&:active{transition:.05s ease-in-out all;transform:scale(1);color:#006da5}}}}._good_hsi60_202{color:var(--good)}._warn_hsi60_88{color:var(--warn)}._bad_hsi60_210{color:var(--bad)}._suggestions_hsi60_214{width:100%;max-width:60rem;text-align:center;margin:5rem auto 0;& h2{color:var(--text-lighter);margin-bottom:0}& p{margin-bottom:1rem}._suggestionRow_hsi60_229{display:flex;justify-content:center;align-items:stretch;margin-bottom:1rem;flex-direction:column;& span{text-align:center;flex:0 0 55px;margin:2rem 1rem 0;font-size:1.5rem;font-weight:700;order:-1}._colorWrap_hsi60_245{flex:1 1 50%;position:relative;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:0;background:none;border-radius:5px;font-size:1.5rem;text-align:left;margin-bottom:.5rem;._swatchWrap_hsi60_122{position:absolute;border-radius:5px;width:40px;height:40px;left:7px;top:7px;box-shadow:0 0 0 1px #0000001a;background:linear-gradient(45deg,#fff 25%,#0000 0 75%,#fff 0),linear-gradient(45deg,#fff 25%,#000 0 75%,#fff 0);background-size:10px 10px;background-position:0 0,5px 5px;._swatch_hsi60_122{display:block;width:40px;height:40px;border-radius:4px;box-shadow:0 2px 2px #0000001a inset}}._color_hsi60_245{-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--background-raised);width:100%;font-size:1rem;height:55px;line-height:calc(55px - 2rem);padding:1rem 1rem 1rem calc(47px + .5rem);margin:0 auto;border-radius:5px;border:2px solid var(--background-raised);box-shadow:var(--shadow-elevation-medium);font-family:monospace;white-space:nowrap;@media (min-width: 60rem){font-size:1.5rem}}&:hover,&:focus{._color_hsi60_245{border:2px solid #107db5}}}@media (min-width: 40rem){flex-direction:row;align-items:center;& span{margin-top:0;order:initial}._colorWrap_hsi60_245{margin-bottom:0}}}}._colorFormat_hsi60_323{text-align:center;display:block;margin-bottom:1rem;& select{font-size:inherit;padding:.25rem;margin-left:.5rem;border-radius:5px;color:var(--text);background:var(--background-raised);border:1px solid var(--background-raised);box-shadow:var(--shadow-elevation-low)}}._examples_hsi60_340{display:none;@media (min-width: 40rem){display:flex;align-items:stretch;justify-content:space-between;gap:2rem;margin:0rem auto 2rem;padding:0 .1rem 2rem;max-width:60rem;>div{flex:1 1 auto;position:relative;>div{position:relative;height:100%;line-height:1.25;margin:0 auto;border-radius:5px;border:0;box-shadow:var(--shadow-elevation-medium);&:before{border-radius:8px;z-index:-1;content:" ";position:absolute;inset:0;background:linear-gradient(45deg,#fff 25%,#0000 0 75%,#fff 0),linear-gradient(45deg,#fff 25%,#000 0 75%,#fff 0);background-size:72px 72px;background-position:0 0,36px 36px}& div{border-radius:6px;height:100%;background:#fff;padding:1rem 2rem 1rem 1rem}}& small{position:absolute;display:block;font-size:.9rem;line-height:1.5;color:var(--text-lighter);left:0;bottom:-3.5em;& b{display:block}}& a{color:currentcolor;&:hover,&:focus{color:currentcolor}}}._smallText_hsi60_413{font-size:16px}._largeText_hsi60_417{font-size:24px}._icons_hsi60_421{padding:1rem 2rem;display:flex;align-items:center;justify-content:center;gap:.5rem}}}@keyframes _copied_hsi60_453{0%{opacity:0;transform:translate(-50%)}40%{opacity:1;transform:translate(-50%) translateY(-35px)}60%{opacity:1;transform:translate(-50%) translateY(-35px)}to{opacity:0;transform:translate(-50%) translateY(-40px)}}._copiedmsg_hsi60_453{position:absolute;background:#333338;color:#fff;font-weight:700;border-radius:4px;font-size:14px;left:50%;transform:translate(-50%);top:10px;padding:2px 6px;pointer-events:none;opacity:0;z-index:99999;&._copied_hsi60_453{animation-name:_copied_hsi60_453;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:linear}}._filterselector_hsi60_476{display:none;@media (min-width: 40rem){display:flex;align-items:center;justify-content:flex-end;margin:1rem auto 0;padding:0 .1rem .5rem;max-width:60rem;& select{font-size:inherit;padding:.25rem;margin-left:.5rem;border-radius:5px;color:var(--text);background:var(--background-raised);border:1px solid var(--background-raised);width:147px;box-shadow:var(--shadow-elevation-low)}& span{height:20px;display:block;width:20px;& svg{stroke:#107db5}}}}._none_hsi60_511>div div{filter:saturate(100%)}._protanopia_hsi60_515>div div{filter:url(#protanopia)}._deuteranopia_hsi60_519>div div{filter:url(#deuteranopia)}._tritanopia_hsi60_523>div div{filter:url(#tritanopia)}._achromatopsia_hsi60_527>div div{filter:url(#achromatopsia)}