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