.ColorPicker_top-margin__id9Ad{margin-top:5rem}.ColorPicker_bottom-margin__a_ggB{margin-bottom:5rem}.ColorPicker_colors-swatches-list__1D6Xr{display:flex;flex-wrap:nowrap;overflow:scroll;padding:.5rem 0 1rem;margin-bottom:0;width:calc(100% + 1.5rem);-webkit-overflow-scrolling:touch;list-style:none}@media (min-width:721px){.ColorPicker_colors-swatches-list__1D6Xr{flex-wrap:wrap;margin-left:0;padding:0;width:100%;overflow:auto}}@supports (display:grid){@media (min-width:721px){.ColorPicker_colors-swatches-list__1D6Xr{display:grid;grid-gap:12px;grid-template-columns:1fr 1fr 1fr 1fr;overflow:visible;margin:0;padding:0;width:100%}}@media (min-width:970px){.ColorPicker_colors-swatches-list__1D6Xr{grid-gap:30px;grid-template-columns:90px 90px 90px 90px}}}@media (min-width:721px) and (-ms-high-contrast:none){.ColorPicker_colors-swatches-list__1D6Xr li{flex-basis:90px;width:90px;margin:.5rem}}.ColorPicker_color-swatch-input__9biq9{display:none}.ColorPicker_color-swatch-button__blgmc{-webkit-tap-highlight-color:transparent;width:100%;text-align:center;text-transform:uppercase;font-weight:700;margin:0!important;padding-top:5em;padding-bottom:.25em;position:relative;cursor:pointer;box-shadow:0 0 0 rgba(0,0,0,.35);will-change:box-shadow,transform;transition:all .15s ease;display:block}@media (max-width:720px){.ColorPicker_color-swatch-button__blgmc{width:90px;margin:0 .5rem!important}}.ColorPicker_color-swatch-button__blgmc:before{content:attr(data-name);width:100%;height:2.25rem;color:#000;background-color:#fff;display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;backface-visibility:hidden;transform:translateZ(0)}.ColorPicker_color-swatch-button__blgmc:active{transform:scale(.98)}.ColorPicker_color-swatch-button__blgmc.ColorPicker_custom-swatch__HIgKA{line-height:1.25;padding-top:6rem;background:url('data:image/svg+xml;utf8,<svg width="90px" height="90px" viewBox="0 0 90 90" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path d="M30 0h30v90H30" fill="%23FF008E"/><path d="M60 0h30v90H60" fill="%23EFE100"/><path d="M0 0h30v90H0" fill="%2300B2F2"/></g></svg>') #d4d4d4 no-repeat 50%;background-size:cover}.ColorPicker_color-swatch-input__9biq9:checked+.ColorPicker_color-swatch-button__blgmc{box-shadow:0 3px 10px rgba(0,0,0,.35)}.ColorPicker_colors-recipe-preview__F3n3w{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;margin-top:4.76rem}@media (min-width:721px){.ColorPicker_colors-recipe-preview__F3n3w{padding:1.5rem 2rem;align-items:center;background-color:#fff}}.ColorPicker_colors-recipe-preview__F3n3w .ColorPicker_title-label__q_pu5{font-weight:700;text-transform:uppercase;color:#000;margin-bottom:.25rem}.ColorPicker_colors-recipe-preview__F3n3w .ColorPicker_product-name__Ti8PT{display:block;margin-bottom:1rem;font-weight:400;font-size:2.5rem}.ColorPicker_colors-recipe-preview__F3n3w p{font-weight:400;font-size:1rem;color:#000;text-transform:uppercase}.ColorPicker_cr-preview-info__qqaMO{position:relative;flex:0 1 50%}.ColorPicker_cr-preview-info__qqaMO p{margin-top:0}.ColorPicker_cr-preview-info__qqaMO .ColorPicker_form-x-product-label__7UbpV{display:block;position:relative;margin-top:-1rem;margin-bottom:2rem;font-weight:700;text-transform:uppercase;font-size:.875rem;opacity:.5}.ColorPicker_custom-color-preview__oOHdB .ColorPicker_cr-preview-info__qqaMO{flex:0 1 100%}.ColorPicker_cr-preview-image__VlfTW{flex:0 1 50%}.ColorPicker_cr-preview-actions__eab5E,.ColorPicker_cr-preview-recipe__pUALk{flex:0 1 100%}.ColorPicker_cr-preview-recipe__pUALk ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0}.ColorPicker_cr-preview-recipe__pUALk li{flex:0 1 240px;line-height:1.5}.ColorPicker_cr-preview-recipe__pUALk li:before{content:"";display:inline-block;margin-right:.5em;width:.25em;height:1em;position:relative;top:3px}.ColorPicker_cr-preview-recipe__pUALk .ColorPicker_swatch-title__2PKqq{display:inline-block;text-transform:uppercase;font-weight:700;width:120px}.ColorPicker_cr-preview-recipe__pUALk .ColorPicker_title-label__q_pu5{font-weight:700;text-transform:uppercase;color:#000;margin-bottom:.25rem}@media (min-width:1136px){.ColorPicker_swatch-cyan__ZWdHs{order:1}}.ColorPicker_swatch-cyan__ZWdHs:before{background-color:#28b9fc}@media (min-width:1136px){.ColorPicker_swatch-magenta__KNM31{order:3}}.ColorPicker_swatch-magenta__KNM31:before{background-color:#fc2ad5}@media (min-width:1136px){.ColorPicker_swatch-yellow__d14NQ{order:5}}.ColorPicker_swatch-yellow__d14NQ:before{background-color:#fdd536}@media (min-width:1136px){.ColorPicker_swatch-black__JJr_I{order:2}}.ColorPicker_swatch-black__JJr_I:before{background-color:#000}@media (min-width:1136px){.ColorPicker_swatch-white__VKvpz{order:4}}.ColorPicker_swatch-white__VKvpz:before{background-color:#fff;box-shadow:inset 0 0 0 1px #ccc}.ColorPicker_cr-preview-actions__eab5E{display:block;margin-top:2rem}.ColorPicker_color-picker-output-group__twO_a,.ColorPicker_cr-preview-color-picker__63jFw{width:100%}.ColorPicker_picker-swatch__1V1q8{width:6rem;height:2rem;background-color:#f7f7f7;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);margin-bottom:0}.ColorPicker_custom-color-picker__7By1x{display:flex;flex-wrap:nowrap;width:100%;margin-bottom:.5rem}@media (-ms-high-contrast:none) and (max-width:980px){.ColorPicker_custom-color-picker__7By1x{flex-wrap:wrap}}@supports (display:grid){.ColorPicker_custom-color-picker__7By1x{display:grid;grid-gap:1.5rem;grid-template-areas:"map input output";grid-template-columns:45fr 30fr 25fr}@media (max-width:1040px){.ColorPicker_custom-color-picker__7By1x{grid-template-columns:30fr 30fr 40fr;grid-template-areas:"map map map" "input input output"}}}.ColorPicker_custom-color-picker__7By1x .ColorPicker_color-controls__kJACZ{display:flex;grid-area:map}@media (-ms-high-contrast:none){.ColorPicker_custom-color-picker__7By1x .ColorPicker_color-controls__kJACZ{min-width:180px}}@media (-ms-high-contrast:none) and (max-width:980px){.ColorPicker_custom-color-picker__7By1x .ColorPicker_color-controls__kJACZ{width:100%}}.ColorPicker_custom-color-picker__7By1x .ColorPicker_picker-swatch-label__PfeOb{margin-top:.5rem;font-weight:700;font-size:.875rem}.ColorPicker_custom-color-picker__7By1x .ColorPicker_custom-color-picker-rgb-fields__D0743{display:flex;flex-wrap:nowrap;height:75}@supports (display:grid){.ColorPicker_custom-color-picker__7By1x .ColorPicker_custom-color-picker-rgb-fields__D0743{display:grid;grid-column-gap:.5rem;grid-template-columns:33fr 33fr 33fr;height:4rem}}.ColorPicker_custom-color-picker__7By1x .ColorPicker_swatch-title__2PKqq{font-weight:600;margin-top:1rem}.ColorPicker_custom-color-picker__7By1x .ColorPicker_color-saturation-picker__iThO1{position:relative;width:100%;height:12rem;margin-right:.5rem;overflow:hidden;min-width:8rem}.ColorPicker_custom-color-picker__7By1x .ColorPicker_color-hue-picker__rHYTU{width:1.25rem;height:12rem;position:relative;overflow:hidden;flex-shrink:0}.ColorPicker_custom-saturation-pointer__8qQ5k{display:block;width:.5rem;height:.5rem;border-radius:100%;background-color:rgba(255,255,255,.15);box-shadow:0 0 0 1px #fff,0 1px 3px rgba(0,0,0,.45);will-change:top,left}.ColorPicker_custom-hue-pointer__KSFsn{display:block;width:1.25rem;height:3px;background-color:rgba(255,255,255,.45);transform:translateY(-1px);box-shadow:0 0 0 1px #fff,0 1px 3px rgba(0,0,0,.45);cursor:ns-resize}.ColorPicker_custom-color-picker__7By1x .ColorPicker_color-picker-input-group__5XQ6Z{grid-area:input}.ColorPicker_custom-color-picker__7By1x p{margin-top:0}@media (-ms-high-contrast:none){.ColorPicker_custom-color-picker__7By1x .ColorPicker_color-picker-input-group__5XQ6Z{margin:0 1rem;width:100%}}@media (-ms-high-contrast:none) and (max-width:980px){.ColorPicker_custom-color-picker__7By1x .ColorPicker_color-picker-input-group__5XQ6Z{margin:1rem 0}}.ColorPicker_custom-color-picker__7By1x .ColorPicker_color-picker-input-group__5XQ6Z input{width:100%;font-size:1rem;background-color:transparent;box-shadow:none;border:none;border-bottom:1px solid #ccc;padding:0 0 .25em;margin:0 0 1rem;height:auto}.ColorPicker_custom-color-picker__7By1x .ColorPicker_color-picker-input-group__5XQ6Z input:focus{outline:none;border-bottom-color:azure}.ColorPicker_custom-color-picker__7By1x .ColorPicker_color-picker-input-group__5XQ6Z input+span{display:none}.ColorPicker_custom-color-picker__7By1x .ColorPicker_color-picker-output-group__twO_a{grid-area:output}@media (-ms-high-contrast:none){.ColorPicker_custom-color-picker__7By1x .ColorPicker_color-picker-output-group__twO_a{width:100%}}@keyframes ColorPicker_loadingPulse__HatE7{0%{opacity:1}25%{opacity:.35}50%{opacity:.1}75%{opacity:.35}to{opacity:1}}