.Slider-module__yfFqIq__slider{justify-content:flex-start;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.Slider-module__yfFqIq__slider label{text-transform:uppercase;font-weight:600}.Slider-module__yfFqIq__slider input{opacity:0;height:1.5rem;margin:0 -1ch;display:block}.Slider-module__yfFqIq__wrapper{vertical-align:middle;margin:0 1ch;display:inline-block;position:relative}.Slider-module__yfFqIq__slide,.Slider-module__yfFqIq__background{transform-origin:0;pointer-events:none;background:currentColor;border-radius:5px;width:calc(100% + 1.5ch);height:.5rem;margin:.5rem -1ch;display:block;position:absolute;inset:0}.Slider-module__yfFqIq__background{background:#0003}.Slider-module__yfFqIq__handle{color:#fff;pointer-events:none;z-index:1;background:#0e1111;border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;font-size:13px;font-weight:600;display:grid;position:absolute;top:0;transform:translate(-50%)}
.Swatch-module__yTQE9W__swatch{cursor:pointer;border-radius:.25rem;width:100%;display:block;position:relative;overflow:hidden;box-shadow:0 2px 5px #00000026}.Swatch-module__yTQE9W__swatch div{aspect-ratio:2;width:100%;position:relative}.Swatch-module__yTQE9W__swatch div:after{content:"";pointer-events:none;opacity:0;background-color:currentColor;place-items:center;transition:opacity .15s ease-out;display:grid;position:absolute;inset:0;-webkit-mask-image:url(/icons/copy.svg);mask-image:url(/icons/copy.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.Swatch-module__yTQE9W__swatch:hover div:after{opacity:1}.Swatch-module__yTQE9W__swatch label{text-transform:uppercase;cursor:pointer;padding:.25rem .5rem;font-size:.9rem;font-weight:500;line-height:1.1;display:block}@media (max-width:750px){.Swatch-module__yTQE9W__swatch div{aspect-ratio:1}.Swatch-module__yTQE9W__swatch label{display:none}}.Swatch-module__yTQE9W__swatch[data-editable=true]{transition:box-shadow .2s ease-in-out}.Swatch-module__yTQE9W__swatch[data-editable=true] div:after{opacity:1;-webkit-mask-image:url(/icons/eyedropper.svg);mask-image:url(/icons/eyedropper.svg)}.Swatch-module__yTQE9W__swatch[data-editable=true]:hover{box-shadow:0 2px 5px #0009}.Swatch-module__yTQE9W__swatch input[type=color]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.Swatch-module__yTQE9W__copied{color:#0e1111;opacity:0;pointer-events:none;background:#ffffffd9;border-radius:999px;padding:.18rem .5rem .25rem;font-size:.825rem;transition:opacity .2s ease-out,transform .2s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-42%)}.Swatch-module__yTQE9W__swatch[data-copied=true] .Swatch-module__yTQE9W__copied{opacity:1;transform:translate(-50%,-50%)}.Swatch-module__yTQE9W__swatch[data-copied=true] div:after{opacity:0}
.PaletteGrid-module__gCF9Sq__grid{gap:.5rem;display:flex;position:relative}.PaletteGrid-module__gCF9Sq__grid+.PaletteGrid-module__gCF9Sq__grid{margin-top:1rem}
.page-module___8aEwW__small{font-size:14px;font-style:italic}.page-module___8aEwW__faq{border-top:1px solid #c4c4c4;margin-top:2.5rem}.page-module___8aEwW__faq p{max-width:none}.page-module___8aEwW__paletteHeader{grid-template-columns:1fr min-content min-content;align-items:center;gap:.5rem;margin-block:2rem .5rem;display:grid}.page-module___8aEwW__paletteHeader h2{margin:0}.page-module___8aEwW__paletteHeader button{color:inherit;text-transform:uppercase;cursor:pointer;background-color:#f1f6fa;border:1px solid;border-radius:2px;padding:.25rem .5rem;transition:background-color .25s ease-in-out;display:block}.page-module___8aEwW__paletteHeader button:hover{background-color:#fff0f0}