.scl{padding-block:var(--scl-pt, 72px) var(--scl-pb, 72px);background:var(--scl-bg, #fff);color:var(--scl-fg, #1a1a1a)}.scl__inner{--gut: var(--page-margin, 16px);padding-inline:var(--gut);max-width:var(--page-width, 1520px);margin-inline:auto}.scl__head{margin-block-end:28px}.scl__title{margin:0;font-family:var(--font-heading--family);font-weight:400;font-size:clamp(28px,4.4vw,44px);line-height:1.12;letter-spacing:-.02em}.scl__intro{margin-block-start:8px;max-width:46ch;font-size:15px;line-height:1.5;color:#0009}.scl__intro p{margin:0}.scl__grid{display:grid;gap:28px}.scl__stage{position:relative;aspect-ratio:1 / 1;border-radius:18px;background:var(--scl-stage, #f5f4f1);overflow:hidden}.scl__shot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .22s ease;pointer-events:none}.scl__shot.is-on{opacity:1}@media(prefers-reduced-motion:reduce){.scl__shot{transition:none}}@media(min-width:900px){.scl__grid{grid-template-columns:1fr 1fr;gap:48px;align-items:stretch}.scl__stage{aspect-ratio:auto;height:100%;min-height:380px}}.scl__panel{display:flex;flex-direction:column;gap:22px}.scl__set{border:0;padding:0;margin:0}.scl__legend{padding:0;margin-block-end:10px;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#00000080}.scl__swatches{display:flex;flex-wrap:wrap;gap:8px}.scl__sw{display:inline-flex;align-items:center;gap:8px;padding:7px 13px 7px 8px;border:1px solid rgb(0 0 0 / .14);border-radius:999px;background:none;font:inherit;font-family:var(--font-body--family);font-size:13px;color:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease}.scl__sw:hover{border-color:#00000059}.scl__sw[aria-pressed=true]{border-color:currentColor;background:#0000000a;font-weight:600}.scl__dot{width:18px;height:18px;flex:none;border-radius:50%;background:#ccc;box-shadow:inset 0 0 0 1px #0000001f}.scl__dot--clear{background:linear-gradient(135deg,#fff,#e6ecf2,#cfd8e0)}.scl__pick-mobile{display:none}@media(max-width:899px){.scl__swatches{display:none}.scl__pick-mobile{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid rgb(0 0 0 / .16);border-radius:12px;background:var(--scl-bg, #fff)}.scl__pick-mobile:focus-within{border-color:transparent;outline:2px solid var(--scl-btn, #0076df);outline-offset:1px}.scl__native{flex:1;min-width:0;appearance:none;-webkit-appearance:none;border:0;background:none;padding:0;font:inherit;font-family:var(--font-body--family);font-size:15px;font-weight:600;color:inherit}.scl__native:focus{outline:none}.scl__chev{width:11px;height:7px;flex:none;color:#00000073}}.scl__sizes{display:flex;gap:8px}.scl__size{padding:9px 15px;border:1px solid rgb(0 0 0 / .14);border-radius:999px;background:none;font:inherit;font-family:var(--font-body--family);font-size:13px;color:inherit;cursor:pointer}.scl__size[aria-pressed=true]{border-color:currentColor;background:#0000000a;font-weight:600}.scl__note{margin:8px 0 0;font-size:11.5px;line-height:1.45;color:#00000080}.scl__note--opaque[hidden]{display:none}.scl__readout{border-top:1px solid rgb(0 0 0 / .1);padding-block-start:18px}.scl__pick{margin:0;font-size:16px;line-height:1.4}.scl__pick b{font-weight:600}.scl__pick span{color:#0000008c}.scl__form{margin:0}.scl__add{-webkit-appearance:none;appearance:none;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:999px;padding:15px 22px;font:inherit;font-family:var(--font-body--family);font-size:15px;font-weight:600;color:var(--scl-btn-fg, #fff);background:var(--scl-btn, #0076df);cursor:pointer;transition:background .15s ease}.scl__add-div{width:1px;height:16px;background:currentColor;opacity:.35}.scl__add:hover{background:var(--scl-btn-hover, #0156b3)}.scl__add:disabled{background:#0000002e;cursor:not-allowed}.scl__toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,14px);z-index:60;padding:11px 18px;border-radius:999px;background:#1a1a1a;color:#fff;font-size:13.5px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.scl__toast.is-on{opacity:1;transform:translate(-50%)}
/*# sourceMappingURL=/cdn/shop/t/87/assets/suti-color-lab.css.map */