body{margin:0;background:#f6f4eb;color:#161511;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}a{color:#2f5be7}a:hover{color:#2549c8}::selection{background:#2f5be72e}@keyframes om-spin{to{transform:rotate(360deg)}}@keyframes om-fadein{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}@keyframes om-toast{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}button{font-family:inherit}button:focus-visible,input[type=range].q:focus-visible{outline:2px solid #2f5be7;outline-offset:2px}.side-btn:hover:not(.sel){background:#eae7d8!important}.pill-btn:hover:not(.sel){background:#eae7d8!important}.replace-btn:hover{background:#f4f1e5!important}.swatch:hover{transform:scale(1.1)}.dl-btn:hover:not(:disabled):not(.saved){background:#2549c8!important}.reset-btn:hover{color:#161511!important}.hex-input:focus{outline:none;border-color:#2f5be7!important;box-shadow:0 0 0 3px #2f5be726}input[type=range].q{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;outline:none;margin:14px 0 4px}input[type=range].q::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:1px solid #d9d6c8;box-shadow:0 1px 3px #0000002e;cursor:pointer}input[type=range].q::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:1px solid #d9d6c8;box-shadow:0 1px 3px #0000002e;cursor:pointer}.color-pop .react-colorful{width:100%;height:168px}.color-pop .react-colorful__saturation{border-radius:9px;border-bottom:none;margin-bottom:12px}.color-pop .react-colorful__hue{height:14px;border-radius:999px}.color-pop .react-colorful__pointer{width:18px;height:18px;border:2px solid #ffffff;box-shadow:0 1px 4px #00000059}@media(prefers-reduced-motion:reduce){*{animation-duration:0s!important;transition-duration:0s!important}}