.color-grid-container{width:100%}.grid-container{width:100%;max-width:650px;margin:0 auto}.color-cell{box-shadow:0 1px 2px #0000001a}.color-cell:hover{z-index:10;box-shadow:0 4px 8px #0003}@media (max-width: 640px){.grid-container{grid-template-columns:repeat(13,1fr)!important;gap:1px!important;max-width:100%!important}.color-cell{min-width:16px!important;min-height:16px!important}}.flicking-viewport{position:relative;overflow:hidden}.flicking-viewport.vertical{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.flicking-viewport.vertical>.flicking-camera{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flicking-viewport.flicking-hidden>.flicking-camera>*{visibility:hidden}.flicking-camera{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;z-index:1;will-change:transform}.flicking-camera>*{-ms-flex-negative:0;flex-shrink:0}