@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal.0364d368.woff2) format("woff2"),url(/assets/inter-latin-400-normal.3ea830d4.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal.ced2d8e0.woff2) format("woff2"),url(/assets/inter-latin-700-normal.51df444d.woff) format("woff")}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spacing-xx-small: .25rem;--spacing-x-small: .5rem;--spacing-small: .75rem;--spacing-medium: 1rem;--spacing-large: 1.5rem;--spacing-x-large: 2rem;--spacing-xx-large: 3rem;--line-height-small: 1.125;--line-height-normal: 1.25;--line-height-medium: 1.375;--line-height-large: 1.5;--font-size-small: .75rem;--font-size-normal: .875rem;--font-size-medium: 1rem;--font-size-large: 1.25rem;--font-weight-normal: 400;--font-weight-bold: 700;--border-radius-small: .25rem;--border-radius-medium: .5rem;--border-radius-large: 1rem;--box-shadow-small: 0 .25rem .5rem;--box-shadow-medium: 0 .75rem 1.5rem;--box-shadow-large: 0 1.5rem 3rem;--transition-duration-slow: .5s;--transition-duration-medium: .25s;--transition-duration-fast: .125s}:root{--body-color: #121416;--body-color-soft: #9fa8bb;--body-background-color: #f3f4f7;--layout-body-border-color: #f3f4f7;--layout-body-background-color: #fff;--layout-body-box-shadow-color: rgba(159, 168, 187, .25);--switch-background-color: #dde0e8;--switch-handle-background-color: #fff;--switch-handle-box-shadow-color: rgba(159, 168, 187, .5);--input-border-color: #f3f4f7;--input-focus-background-color: rgba(243, 244, 247, .5);--color-swatch-border-color: #dde0e8;--color-swatch-background-color: #f3f4f7;--transparency-background-color: #fff;--transparency-alternate-background-color: #f3f4f7}[data-theme=dark]{--body-color: #fff;--body-color-soft: #505868;--body-background-color: #121416;--layout-body-border-color: #23252b;--layout-body-background-color: #191b1f;--layout-body-box-shadow-color: transparent;--switch-background-color: #23252b;--switch-handle-background-color: #121416;--switch-handle-box-shadow-color: transparent;--input-border-color: #23252b;--input-focus-background-color: rgba(35, 37, 43, .5);--color-swatch-border-color: #32363f;--color-swatch-background-color: #23252b;--transparency-background-color: #191b1f;--transparency-alternate-background-color: #23252b}body{color:var(--body-color);font-family:Inter,sans-serif;font-size:var(--font-size-normal);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);background-color:var(--body-background-color)}body ::-moz-selection{color:var(--body-background-color);background-color:var(--body-color)}body ::selection{color:var(--body-background-color);background-color:var(--body-color)}body a{color:currentColor;text-decoration:underline}body strong{font-weight:var(--font-weight-bold)}body input{color:currentColor;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none}._header_1wggl_1{display:flex;align-items:center}._header__link_1wggl_5{margin:.125rem 0 0 var(--spacing-x-small);color:var(--body-color-soft)}._header__link_1wggl_5 a:hover{color:var(--body-color)}._switch_117u4_1{display:inline-flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}._switch__container_117u4_7{position:relative;width:2.25rem;height:1.25rem;background-color:var(--switch-background-color);border-radius:.625rem}._switch__container--hasLabelBefore_117u4_14{margin-left:var(--spacing-x-small)}._switch__container--hasLabelAfter_117u4_17{margin-right:var(--spacing-x-small)}._switch__handle_117u4_20{position:absolute;width:1rem;height:1rem;margin:.125rem;background-color:var(--switch-handle-background-color);box-shadow:var(--box-shadow-small) var(--switch-handle-box-shadow-color);transition:transform var(--transition-duration-medium);border-radius:.5rem}._switch__input_117u4_30:checked+._switch__handle_117u4_20{transform:translate(100%)}._switch__input_117u4_30{display:none}._footer_n30ug_1{display:flex;align-items:center;justify-content:space-between;color:var(--body-color-soft)}._footer__attribution_n30ug_7 a:hover{color:var(--body-color)}._footer__icon_n30ug_10{width:1.25rem;height:1.25rem}._displayNotice_4kh0j_1{position:fixed;display:flex;z-index:100;inset:0;text-align:center;align-items:center;flex-direction:column;justify-content:center;color:var(--body-color-soft);padding:var(--spacing-x-large);background-color:var(--body-background-color)}@media (min-width: 1024px){._displayNotice_4kh0j_1{display:none}}._displayNotice__icon_4kh0j_19{width:4rem;height:4rem;stroke-width:.0625rem;margin-bottom:var(--spacing-medium)}._displayNotice__logo_4kh0j_25{color:var(--body-color);margin-bottom:var(--spacing-small)}._layout_18xid_1{display:none;min-height:100vh;align-items:center;justify-content:center}@media (min-width: 1024px){._layout_18xid_1{display:flex}}._layout__container_18xid_12{position:relative;flex-basis:100%;max-width:56rem;margin:var(--spacing-xx-large)}._layout__header_18xid_18,._layout__footer_18xid_18{padding:0 var(--spacing-x-large)}._layout__body_18xid_21{display:flex;flex-wrap:wrap;margin:var(--spacing-x-large) 0;background-color:var(--layout-body-background-color);box-shadow:var(--box-shadow-large) var(--layout-body-box-shadow-color);border-radius:var(--border-radius-large)}._layout__body_18xid_21>*{flex-basis:50%;box-sizing:border-box}._layout__body_18xid_21>:nth-child(3){flex-basis:100%}._colorForm_iby9w_1{-webkit-user-select:none;-moz-user-select:none;user-select:none;border-left:.0625rem solid var(--layout-body-border-color)}._colorForm__field_iby9w_5{position:relative}._colorForm__field_iby9w_5:first-child{border-top-right-radius:var(--border-radius-large)}._colorForm__field_iby9w_5:not(:last-child){border-bottom:.0625rem solid var(--input-border-color)}._colorForm__field--focus_iby9w_14{background-color:var(--input-focus-background-color)}._colorForm__label_iby9w_17{position:absolute;top:50%;left:var(--spacing-x-large);color:var(--body-color-soft);transform:translateY(-50%)}._colorForm__input_iby9w_24{position:relative;width:100%;height:4rem;padding-left:calc(var(--spacing-x-large) + 4rem);padding-right:var(--spacing-x-large);box-sizing:border-box}._colorForm__copyButton_iby9w_32{position:absolute;display:none;top:50%;cursor:pointer;align-items:center;justify-content:center;right:var(--spacing-large);color:var(--body-color-soft);padding:var(--spacing-x-small);transition:transform var(--transition-duration-fast);animation:_scaleCopyButton_iby9w_1 var(--transition-duration-fast);transform:translateY(-50%)}@keyframes _scaleCopyButton_iby9w_1{0%{transform:translateY(-50%) scale(.75)}}._colorForm__copyButton_iby9w_32:active{transition:none;transform:translateY(-50%) scale(1.25)}._colorForm__copyButton_iby9w_32 svg{width:1.25rem;height:1.25rem}._colorForm__field_iby9w_5:hover ._colorForm__copyButton_iby9w_32{display:flex}._colorAnalysis_1iw1m_1{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-x-small) var(--spacing-xx-large)}._colorAnalysis__item_1iw1m_6{display:flex;flex-basis:50%;justify-content:space-between}._colorAnalysis__label_1iw1m_11{color:var(--body-color-soft)}._colorAnalysis__value_1iw1m_14{text-align:right}._colorPicker_m9nye_1{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;padding:var(--spacing-x-large);border-right:.0625rem solid var(--layout-body-border-color)}._colorPicker__wheel_m9nye_9{position:relative;width:16rem;height:16rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;margin-right:var(--spacing-x-large);background-image:radial-gradient(circle closest-side,white,transparent),conic-gradient(red,yellow,lime,aqua,blue,magenta,red);border-radius:100%}._colorPicker__slider_m9nye_19{position:relative;width:1rem;height:16rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;border-radius:.5rem;background-image:linear-gradient(currentColor,black)}._colorPicker__slider_m9nye_19:nth-child(3){margin-left:var(--spacing-medium);background-size:auto,1rem 1rem;background-image:linear-gradient(currentColor,transparent),repeating-conic-gradient(var(--transparency-background-color) 0% 25%,var(--transparency-alternate-background-color) 0% 50%)}._colorPicker__handle_m9nye_33{position:absolute;top:50%;left:50%;width:1rem;height:1rem;background-size:1rem 1rem;background-image:repeating-conic-gradient(var(--transparency-background-color) 0% 25%,var(--transparency-alternate-background-color) 0% 50%);transform:translate(-50%,-50%);border:.25rem solid var(--body-color);border-radius:100%}._colorPicker__handle_m9nye_33:before{position:absolute;content:"";width:100%;height:100%;background-color:currentColor;border:.125rem solid var(--body-background-color);box-sizing:border-box;border-radius:100%}._colorPicker__analysis_m9nye_55{flex-basis:100%;margin:var(--spacing-x-large) var(--spacing-large) 0}._colorSwatch_1q2d9_1{display:flex;padding:var(--spacing-large);justify-content:space-between;border-top:.125rem solid var(--layout-body-border-color)}._colorSwatch__item_1q2d9_7{position:relative;width:3rem;height:3rem;cursor:pointer;color:transparent;background-color:var(--color-swatch-background-color);border-radius:var(--border-radius-medium)}._colorSwatch__item--hasColor_1q2d9_16{background-size:1rem 1rem;background-image:repeating-conic-gradient(var(--transparency-background-color) 0% 25%,var(--transparency-alternate-background-color) 0% 50%)}._colorSwatch__item_1q2d9_7:before{position:absolute;content:"";width:100%;height:100%;background-color:currentColor;border-radius:var(--border-radius-medium)}._colorSwatch__item_1q2d9_7:after{position:absolute;content:"";top:100%;left:50%;width:1.25rem;height:.25rem;margin-top:.625rem;background-color:var(--color-swatch-border-color);transition:transform var(--transition-duration-fast);transform:translate(-50%) scaleX(0);border-radius:.125rem}._colorSwatch__item--active_1q2d9_41:after{transform:translate(-50%) scaleX(1)}._colorSwatch__plusIcon_1q2d9_44{position:absolute;display:none;top:50%;left:50%;width:1.25rem;height:1.25rem;color:var(--body-color-soft);animation:_scalePlusIcon_1q2d9_1 var(--transition-duration-fast);transform:translate(-50%,-50%)}@keyframes _scalePlusIcon_1q2d9_1{0%{transform:translate(-50%,-50%) scale(0)}}._colorSwatch__item_1q2d9_7:hover ._colorSwatch__plusIcon_1q2d9_44{display:block}._colorSwatch__clearButton_1q2d9_63{position:absolute;display:flex;top:0;right:0;width:1.375rem;height:1.375rem;align-items:center;justify-content:center;color:var(--body-background-color);background-color:var(--body-color);animation:_scaleClearButton_1q2d9_1 var(--transition-duration-fast);transform:translate(50%,-50%);border-radius:100%}@keyframes _scaleClearButton_1q2d9_1{0%{transform:translate(50%,-50%) scale(.75)}}._colorSwatch__clearButton_1q2d9_63 svg{width:.875rem;height:.875rem;stroke-width:.1875rem}