[data-v-2d946b50]{box-sizing:border-box}.app-header[data-v-2d946b50]{background:#f7f7f7;position:fixed;top:0;left:0;width:100%;height:70px;padding-left:90px;z-index:90;display:flex;align-items:center;font-weight:500}@media screen and (max-width:767px){.app-header[data-v-2d946b50]{padding:0 20px}}.app-header.active[data-v-2d946b50]{z-index:150}.app-header .block[data-v-2d946b50]{margin-right:15px;background:#f1f1f1}@media screen and (max-width:990px){.app-header .block[data-v-2d946b50]{margin-right:2px}}.bg[data-v-2d946b50]{position:fixed;top:70px;left:0;right:0;bottom:0;display:none}.bg.active[data-v-2d946b50]{display:block}.actions[data-v-2d946b50]{width:100%;align-items:center;justify-content:space-between;display:none}@media screen and (max-width:767px){.actions[data-v-2d946b50]{display:flex}}.actions .filter-toggle[data-v-2d946b50]{opacity:.5}.actions .filter-toggle.active[data-v-2d946b50]{opacity:1}.hidden[data-v-2d946b50]{visibility:hidden;pointer-events:none}.content[data-v-2d946b50]{display:flex;align-items:center;width:100%}@media screen and (max-width:767px){.content[data-v-2d946b50]{position:absolute;top:100%;left:0;width:100%;padding:0 20px 10px;background:#f7f7f7;border-bottom:1px solid hsla(0,0%,75.7%,.4);display:none}.content.active[data-v-2d946b50]{display:block}}@media screen and (min-width:1201px){.layout[data-v-2d946b50]{width:220px}}@media screen and (min-width:1201px){.sample[data-v-2d946b50]{width:200px}}.sample img[data-v-2d946b50]{display:block}.sample .current[data-v-2d946b50]{padding-left:45px;position:relative}.sample .current img[data-v-2d946b50]{position:absolute;top:50%;left:25px;transform:translate(-50%,-50%);max-width:20px}.sample .dropdown[data-v-2d946b50]{width:400px;padding:15px 5px 0;text-align:center;display:flex;flex-flow:row wrap}@media screen and (max-width:767px){.sample .dropdown[data-v-2d946b50]{width:100%}}.sample .dropdown .item[data-v-2d946b50]{margin-bottom:15px;padding:0 5px;width:33.3333%;font-size:12px;font-weight:500;transition:all .25s ease-out;opacity:.6}@media screen and (max-width:767px){.sample .dropdown .item[data-v-2d946b50]{width:50%}}.sample .dropdown .item.active[data-v-2d946b50],.sample .dropdown .item[data-v-2d946b50]:hover{opacity:1}.sample .dropdown .item.active img[data-v-2d946b50]{box-shadow:0 12px 14px rgba(0,0,0,.15)}.sample .dropdown .name[data-v-2d946b50]{margin-bottom:5px}.layout img[data-v-2d946b50],.treatment img[data-v-2d946b50]{margin-right:8px}.layout .dropdown[data-v-2d946b50],.treatment .dropdown[data-v-2d946b50]{min-width:190px}.contrast img[data-v-2d946b50],.grid img[data-v-2d946b50]{margin-right:8px}@media screen and (min-width:1201px){.color[data-v-2d946b50]{width:160px}}@media screen and (min-width:1201px){.treatment[data-v-2d946b50]{width:210px}}@media screen and (min-width:1201px){.contrast[data-v-2d946b50]{width:240px}}.block[data-v-2d946b50]{border-radius:3px}.block.active[data-v-2d946b50]{border-radius:3px 3px 0 0}@media screen and (max-width:767px){.block[data-v-2d946b50]{width:100%;margin-bottom:10px}}.numbers[data-v-2d946b50]{padding:0 15px}.numbers a[data-v-2d946b50]{padding:14px;color:#c1c1c1}.numbers a.active[data-v-2d946b50],.numbers a[data-v-2d946b50]:hover{color:#525252}.block.filter[data-v-2d946b50]{background:#f7f7f7;text-align:center}.clear-filter[data-v-2d946b50]{padding:5px 10px;border-radius:40px;text-transform:uppercase;font-size:12px}[data-v-f00eafd2]{box-sizing:border-box}.active .info[data-v-f00eafd2]{opacity:1}.color-palette-item[data-v-f00eafd2]{flex:1;padding:40px 20px}@media screen and (max-width:1200px){.color-palette-item[data-v-f00eafd2]{padding:40px 15px}}@media screen and (max-width:767px){.color-palette-item[data-v-f00eafd2]{padding:0}}.info[data-v-f00eafd2]{font-weight:500;opacity:0;transition:all .25s ease-out;display:flex;align-items:center;margin-bottom:5px}.info.invert[data-v-f00eafd2],.info.invert a[data-v-f00eafd2],.info.invert a[data-v-f00eafd2]:hover{color:#fff}.info.invert .input[data-v-f00eafd2]{background:hsla(0,0%,96.9%,.1);border:2px solid hsla(0,0%,100%,.1)}.info.invert input[data-v-f00eafd2]{color:#fff}.info.active .color[data-v-f00eafd2],.info.active .text[data-v-f00eafd2]{display:none}.info.active .input[data-v-f00eafd2]{display:flex}.open[data-v-f00eafd2]{opacity:0;padding:0 15px;margin-bottom:10px;pointer-events:none}.color[data-v-f00eafd2]{font-size:30px;padding:11px 15px;opacity:.5;flex:1;border:2px solid transparent}.input[data-v-f00eafd2]{position:relative;margin-right:10px;font-size:30px;display:none;flex:1;align-items:center;background:rgba(0,0,0,.1);border:2px solid rgba(0,0,0,.1);border-radius:4px;padding:0 15px}.copy[data-v-f00eafd2]{opacity:.5;cursor:pointer;transition:all .25s ease-out;color:#525252}.copy[data-v-f00eafd2]:hover{opacity:1;color:#525252}input[data-v-f00eafd2]{height:60px;padding:10px 0;background:none;border:none;color:#525252;font-size:30px;width:100%}