.color-line[data-v-9aef2ace]{border-radius:5px;overflow:hidden}[data-v-48c7651c]{box-sizing:border-box}.palette-sample-list[data-v-48c7651c]{display:flex;flex-flow:row wrap;margin:0 -12px}@media screen and (max-width:480px){.palette-sample-list[data-v-48c7651c]{margin:0 -8px}}.item[data-v-48c7651c]{padding:0 12px;margin-bottom:25px;width:10%;min-height:150px;position:relative}.item.placeholder[data-v-48c7651c]{pointer-events:none}@media screen and (max-width:3200px){.item[data-v-48c7651c]{width:9.091%}.item.placeholder[data-v-48c7651c]:nth-child(11){display:none}}@media screen and (max-width:2500px){.item[data-v-48c7651c]{width:10%}.item.placeholder[data-v-48c7651c]:nth-child(10){display:none}}@media screen and (max-width:1920px){.item[data-v-48c7651c]{width:11.1111%}.item.placeholder[data-v-48c7651c]:nth-child(9){display:none}}@media screen and (max-width:1800px){.item[data-v-48c7651c]{width:12.5%}.item.placeholder[data-v-48c7651c]:nth-child(8){display:none}}@media screen and (max-width:1200px){.item[data-v-48c7651c]{width:14.2857%}.item.placeholder[data-v-48c7651c]:nth-child(7){display:none}}@media screen and (max-width:990px){.item[data-v-48c7651c]{width:20%}.item.placeholder[data-v-48c7651c]:nth-child(5),.item.placeholder[data-v-48c7651c]:nth-child(7),.item.placeholder[data-v-48c7651c]:nth-child(8),.item.placeholder[data-v-48c7651c]:nth-child(9){display:flex}}@media screen and (max-width:767px){.item[data-v-48c7651c]{width:33.3333%}.item.placeholder[data-v-48c7651c]:nth-child(5),.item.placeholder[data-v-48c7651c]:nth-child(6),.item.placeholder[data-v-48c7651c]:nth-child(7),.item.placeholder[data-v-48c7651c]:nth-child(8){display:none}}@media screen and (max-width:480px){.item[data-v-48c7651c]{width:50%;padding:0 8px;margin-bottom:15px}}.item img[data-v-48c7651c]{display:block;width:100%;height:100%}.empty[data-v-48c7651c]{display:flex;padding:0 12px}@media screen and (max-width:480px){.empty[data-v-48c7651c]{padding:0 8px}}.empty .inner[data-v-48c7651c]{background:#f7f7f7;display:flex;align-items:center;font-weight:500;width:100%}@media screen and (max-width:990px){.empty .inner[data-v-48c7651c]{min-height:150px}}@media screen and (max-width:767px){.empty .inner[data-v-48c7651c]{min-height:220px}}.empty .content[data-v-48c7651c]{position:relative;text-align:center;width:100%}.empty .text[data-v-48c7651c]{font-size:18px;position:absolute;top:-30px;left:0;width:100%}.empty i[data-v-48c7651c]{font-size:40px}.empty .hint[data-v-48c7651c]{position:absolute;left:50%;bottom:100%;width:auto;height:135%;max-width:none;opacity:0;pointer-events:none;transform:translate(-50%,20px);transition:all .25s ease-out}.empty .hint.active[data-v-48c7651c]{opacity:1;pointer-events:auto;transform:translate(-50%)}[data-v-1f0d1622]{box-sizing:border-box}.palette-view[data-v-1f0d1622]{padding-top:70px;overflow:hidden}@media screen and (min-width:768px){.palette-view[data-v-1f0d1622]{padding-right:20px}}.palette[data-v-1f0d1622]{position:relative;margin-bottom:30px}@media screen and (max-width:767px){.palette[data-v-1f0d1622]{padding:0 20px;overflow:hidden}}.colors[data-v-1f0d1622]{height:calc(100vh - 180px);position:relative}.colors .inner[data-v-1f0d1622]{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .25s ease-out;border-radius:5px;overflow:hidden;display:flex;pointer-events:none}.colors .inner.current[data-v-1f0d1622]{pointer-events:auto}@media screen and (min-width:768px){.colors .inner[data-v-1f0d1622]{opacity:0}.colors .inner.current[data-v-1f0d1622]{opacity:1}}@media screen and (max-width:767px){.colors .inner[data-v-1f0d1622]{flex-direction:column;top:5%;height:90%}.colors .inner.current[data-v-1f0d1622]{top:0;height:100%;transform:translateZ(0)}.colors .inner.back[data-v-1f0d1622]{transform:translate3d(calc(-100% - 15px),0,0)}.colors .inner.next[data-v-1f0d1622]{transform:translate3d(calc(100% + 15px),0,0)}.colors .inner.backFar[data-v-1f0d1622]{transform:translate3d(-200%,0,0)}.colors .inner.nextFar[data-v-1f0d1622]{transform:translate3d(200%,0,0)}}.arrow[data-v-1f0d1622]{position:absolute;top:50%;z-index:2;margin-top:-15px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:10px 10px 6px;background:#f7f7f7;border-radius:100%;box-shadow:0 14px 19px rgba(0,0,0,.23);opacity:0;transition:all .25s ease-out}@media screen and (max-width:767px){.arrow[data-v-1f0d1622]{display:none}}.arrow[data-v-1f0d1622]:hover{color:#2284eb}.arrow.back[data-v-1f0d1622]{left:10px;transform:translate3d(-100%,0,0)}.arrow.next[data-v-1f0d1622]{right:10px;transform:translate3d(100%,0,0)}.arrow i[data-v-1f0d1622]{font-size:30px}.actions[data-v-1f0d1622]{position:absolute;bottom:20px;left:50%;transform:translate(-50%);border-radius:5px;padding:15px 30px;background:hsla(0,0%,100%,.2);box-shadow:0 5px 9px rgba(0,0,0,.15);transition:all .25s ease-out}.actions a[data-v-1f0d1622]{margin-right:20px;color:#fff;opacity:.5}.actions a.active[data-v-1f0d1622],.actions a[data-v-1f0d1622]:hover{opacity:1}.actions a[data-v-1f0d1622]:last-child{margin-right:0}.actions i[data-v-1f0d1622]{vertical-align:middle}.actions .text[data-v-1f0d1622]{font-weight:500;position:relative;top:2px;margin-left:10px}@media screen and (min-width:991px){.palette.hover .arrow[data-v-1f0d1622]{opacity:1;transform:translateZ(0)}.palette.hover .actions[data-v-1f0d1622]{background:#fff}.palette.hover .actions a[data-v-1f0d1622]{color:#525252;opacity:1}.palette.hover .actions a[data-v-1f0d1622]:hover{color:#2284eb}.palette.hover .slider[data-v-1f0d1622]{opacity:1;pointer-events:auto}}.container[data-v-1f0d1622]{border-radius:3px;background:#f1f1f1;padding:30px 30px 30px 50px}@media screen and (max-width:990px){.container[data-v-1f0d1622]{padding:30px 20px}}.color-line[data-v-1f0d1622]{position:absolute;top:30px;left:20px;z-index:10;width:7px;height:calc(100% - 85px)}.hint[data-v-1f0d1622]{position:absolute;top:50%;left:50%;width:233px;box-shadow:0 14px 19px rgba(0,0,0,.23);transform:translate(-50%,-50%);opacity:0;pointer-events:none;z-index:10}.hint.active[data-v-1f0d1622]{opacity:1;pointer-events:auto}@media screen and (max-width:990px){.hint-1[data-v-1f0d1622],.hint-2[data-v-1f0d1622]{display:none!important}}.hint-3[data-v-1f0d1622]{pointer-events:none!important}@media screen and (min-width:991px){.hint-3[data-v-1f0d1622]{display:none!important}}.hint-2[data-v-1f0d1622],.hint-3[data-v-1f0d1622],.slider[data-v-1f0d1622]{transition:all .25s ease-out}.slider[data-v-1f0d1622]{position:absolute;left:0;bottom:120px;padding:0 40px;z-index:2;opacity:0;pointer-events:none}