.ContrastChecker_wrap__j5PFe{border:1px solid rgb(var(--ig-separator));border-radius:var(--radius-lg);padding:20px;background:rgb(var(--ig-elevated-background))}.ContrastChecker_top__66R6C{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.ContrastChecker_preview__Bp2q_{width:88px;height:88px;border-radius:var(--radius-lg);border:1px solid rgb(var(--ig-separator));display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:var(--fw-bold);flex-shrink:0}.ContrastChecker_inputs__p1kYL{display:flex;flex-direction:column;gap:10px;flex:1 1;min-width:200px}.ContrastChecker_inputRow__PUA8D{display:flex;align-items:center;gap:8px;font-size:13px;color:rgb(var(--ig-secondary-text))}.ContrastChecker_inputRow__PUA8D span{width:78px;flex-shrink:0}.ContrastChecker_inputRow__PUA8D input[type=color]{width:32px;height:32px;border:1px solid rgb(var(--ig-separator));border-radius:var(--radius-sm);padding:0;background:none;cursor:pointer}.ContrastChecker_hexInput__8NyWE{flex:1 1;min-width:0;border:1px solid rgb(var(--ig-separator));background:rgb(var(--ig-secondary-background));color:rgb(var(--ig-primary-text));border-radius:var(--radius-sm);padding:7px 10px;font-family:var(--font-mono);font-size:13px}.ContrastChecker_result__lyA_4{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.ContrastChecker_ratio__lOip1{font-size:32px;font-weight:var(--fw-bold);font-family:var(--font-mono)}.ContrastChecker_ratioLabel__W29ij{font-size:11.5px;color:rgb(var(--ig-tertiary-text))}.ContrastChecker_badges__e7n1t{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.ContrastChecker_badge__JUgSF{font-size:12.5px;font-weight:var(--fw-semibold);padding:6px 12px;border-radius:var(--radius-pill);background:rgba(var(--ig-error),.1);color:rgb(var(--ig-error))}.ContrastChecker_badge__JUgSF[data-pass=true]{background:rgba(var(--ig-success),.1);color:rgb(var(--ig-success))}.ContrastChecker_presets__zp7Xq{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px solid rgb(var(--ig-separator))}.ContrastChecker_preset__Gm3H_{border:1px solid rgb(var(--ig-separator));background:rgb(var(--ig-secondary-background));color:rgb(var(--ig-secondary-text));font-size:12px;font-weight:var(--fw-medium);padding:6px 12px;border-radius:var(--radius-pill);cursor:pointer}.ContrastChecker_preset__Gm3H_:hover{border-color:rgb(var(--ig-stroke))}