.contrast-module__SxxnyG__top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) minmax(12rem,.9fr);align-items:end;gap:1rem 1.1rem;padding:clamp(1.3rem,3vw,2.2rem) clamp(1.3rem,3vw,2.4rem);display:grid}.contrast-module__SxxnyG__colour{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:.55rem;display:grid}.contrast-module__SxxnyG__well{background:var(--colour);cursor:pointer;border:1px solid #ffffff38;border-radius:12px;width:3.25rem;height:3.25rem;position:relative;overflow:hidden}.contrast-module__SxxnyG__well input{opacity:0;cursor:pointer;width:calc(100% + 1rem);height:calc(100% + 1rem);position:absolute;inset:-.5rem}.contrast-module__SxxnyG__well:focus-within{outline-offset:3px;outline:2px solid #ffffffd9}.contrast-module__SxxnyG__swap{margin-bottom:.4rem}.contrast-module__SxxnyG__ratio{text-align:right}.contrast-module__SxxnyG__ratio .tl-figure{font-size:clamp(2.4rem,4.6vw,3.4rem)}.contrast-module__SxxnyG__preview{background:var(--bg);color:var(--fg);border-radius:16px;gap:.9rem;margin:0 clamp(1.3rem,3vw,2.4rem);padding:clamp(1.5rem,3.4vw,2.4rem);display:grid;box-shadow:inset 0 0 0 1px #ffffff1a}.contrast-module__SxxnyG__preview h3{color:inherit;font-family:var(--mystya-heading-font);letter-spacing:.01em;text-transform:uppercase;margin:0;font-size:clamp(1.9rem,3.6vw,2.7rem);font-weight:200;line-height:1.05}.contrast-module__SxxnyG__preview p{max-width:40rem;color:inherit;margin:0;font-size:1rem;line-height:1.65}.contrast-module__SxxnyG__preview small{color:inherit;font-size:.8rem;line-height:1.5}.contrast-module__SxxnyG__sampleButton{border:1px solid var(--fg);color:inherit;font-family:var(--mystya-button-font);letter-spacing:.12em;text-transform:uppercase;border-radius:2px;justify-self:start;padding:.75rem 1.3rem;font-size:.68rem;font-weight:600}.contrast-module__SxxnyG__verdict{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1.4rem 2.2rem;padding:clamp(1.3rem,3vw,2rem) clamp(1.3rem,3vw,2.4rem) clamp(1.4rem,3vw,2.2rem);display:grid}.contrast-module__SxxnyG__checks{margin:0;display:grid}.contrast-module__SxxnyG__check{border-top:1px solid var(--tl-line);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1rem;min-height:2.9rem;display:grid}.contrast-module__SxxnyG__check dt{color:var(--tl-quiet);font-size:.95rem}.contrast-module__SxxnyG__check dd{margin:0}.contrast-module__SxxnyG__badge{border:1px solid var(--tl-line-strong);min-width:6.4rem;color:var(--tl-faint);font-family:var(--mystya-button-font);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;padding:.32rem .6rem;font-size:.6rem;font-weight:600;display:inline-flex}.contrast-module__SxxnyG__badge svg{width:.85rem;height:.85rem}.contrast-module__SxxnyG__badge[data-pass=true]{border-color:color-mix(in oklab, var(--tl-accent) 55%, transparent);background:color-mix(in oklab, var(--tl-accent) 12%, transparent);color:#fff}.contrast-module__SxxnyG__badge b{color:var(--tl-faint);font-family:var(--tl-mono);letter-spacing:0;font-weight:400}.contrast-module__SxxnyG__fixes{align-content:start;gap:.7rem;display:grid}.contrast-module__SxxnyG__fix{border:1px solid var(--tl-line);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.7rem .8rem;display:grid}.contrast-module__SxxnyG__fix i{background:var(--colour);border-radius:8px;width:2.1rem;height:2.1rem;box-shadow:inset 0 0 0 1px #ffffff2e}.contrast-module__SxxnyG__fix span{min-width:0;color:var(--tl-ink);font-family:var(--tl-mono);gap:.15rem;font-size:.9rem;display:grid}.contrast-module__SxxnyG__fix small{color:var(--tl-faint);font-family:var(--mystya-button-font);letter-spacing:.14em;text-transform:uppercase;font-size:.58rem;font-weight:600}.contrast-module__SxxnyG__note{color:var(--tl-faint);margin:0;font-size:.86rem;line-height:1.55}@media (max-width:900px){.contrast-module__SxxnyG__top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.contrast-module__SxxnyG__ratio{text-align:left;grid-column:1/-1}.contrast-module__SxxnyG__verdict{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.contrast-module__SxxnyG__top{grid-template-columns:minmax(0,1fr)}.contrast-module__SxxnyG__swap{justify-self:center;margin:0;transform:rotate(90deg)}.contrast-module__SxxnyG__ratio{text-align:center}}