div.cs-skin-boxes{z-index:2000;color:#fff;background:0 0;max-width:300px;font-size:.65em;font-weight:700}@media screen and (max-width:30em){div.cs-skin-boxes{font-size:1em}}.cs-skin-boxes>span{background:#555b64;border:3px solid #292c30;border-radius:5px;width:150px;height:140px;padding:0 0 0 10px;font-size:.5em}div.cs-skin-boxes:focus>span{box-shadow:0 0 0 2px #ffffff1a}.cs-skin-boxes>span:before{content:"";margin-left:-10px;padding-top:110px;display:block;box-shadow:0 25px #292c30,inset 0 -10px #292c30}.cs-skin-boxes>span:after,.cs-skin-boxes.cs-active>span:after{top:auto;transform:none}.cs-skin-boxes .cs-options{opacity:0;background:#3b3f45;width:100%;height:100%;font-size:12px;transition:opacity .3s,visibility 0s .3s;position:fixed;top:0;left:0;overflow:auto}.cs-skin-boxes.cs-active .cs-options{opacity:1;transition:opacity .3s}.cs-skin-boxes .cs-options ul{width:100%;height:100%;padding:10px;position:absolute}.cs-skin-boxes .cs-options li{float:left;cursor:pointer;opacity:0;color:#fff9;-webkit-transition:-webkit-transform .3s,opacity .3s;background-clip:padding-box;border:10px solid #0000;border-radius:14px;width:20%;height:25%;transition:transform .3s,opacity .3s;position:relative;overflow:hidden;transform:scale(.8);box-shadow:inset 0 -6em 0 -2em #282b30,inset 0 -1px 1px #000}@media screen and (max-width:30em){.cs-skin-boxes .cs-options li{box-shadow:none;border-width:3px;border-radius:8px}}.cs-skin-boxes.cs-active .cs-options li{opacity:1;transform:scale(1)}.cs-skin-boxes.cs-active .cs-options li:nth-child(2){transition-delay:10ms}.cs-skin-boxes.cs-active .cs-options li:nth-child(3){transition-delay:20ms}.cs-skin-boxes.cs-active .cs-options li:nth-child(4){transition-delay:30ms}.cs-skin-boxes.cs-active .cs-options li:nth-child(5){transition-delay:40ms}.cs-skin-boxes.cs-active .cs-options li:nth-child(6){transition-delay:50ms}.cs-skin-boxes.cs-active .cs-options li:nth-child(7){transition-delay:60ms}.cs-skin-boxes.cs-active .cs-options li:nth-child(8){transition-delay:70ms}.cs-skin-boxes.cs-active .cs-options li:nth-child(9){transition-delay:80ms}.cs-skin-boxes.cs-active .cs-options li:nth-child(10){transition-delay:90ms}.cs-skin-boxes.cs-active .cs-options li:nth-child(11){transition-delay:.1s}.cs-skin-boxes.cs-active .cs-options li:nth-child(12){transition-delay:.11s}.cs-skin-boxes.cs-active .cs-options li:nth-child(13){transition-delay:.12s}.cs-skin-boxes.cs-active .cs-options li:nth-child(14){transition-delay:.13s}.cs-skin-boxes.cs-active .cs-options li:nth-child(15){transition-delay:.14s}.cs-skin-boxes.cs-active .cs-options li:nth-child(16){transition-delay:.15s}.cs-skin-boxes.cs-active .cs-options li:nth-child(17){transition-delay:.16s}.cs-skin-boxes.cs-active .cs-options li:nth-child(18){transition-delay:.17s}.cs-skin-boxes.cs-active .cs-options li:nth-child(19){transition-delay:.18s}.cs-skin-boxes.cs-active .cs-options li:nth-child(20){transition-delay:.19s}.cs-skin-boxes .cs-options li.cs-selected:after{content:"✔";color:#0000001a;font-size:2em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateY(-1em)}.cs-skin-boxes .cs-options li.cs-selected span:after{content:""}@media screen and (max-width:30em){.cs-skin-boxes .cs-options li.cs-selected:after{transform:translate(-50%,-50%)}}.cs-skin-boxes .cs-options li.color-588c75{background-color:#588c75}.cs-skin-boxes .cs-options li.color-b0c47f{background-color:#b0c47f}.cs-skin-boxes .cs-options li.color-f3e395{background-color:#f3e395}.cs-skin-boxes .cs-options li.color-f3ae73{background-color:#f3ae73}.cs-skin-boxes .cs-options li.color-da645a{background-color:#da645a}.cs-skin-boxes .cs-options li.color-79a38f{background-color:#79a38f}.cs-skin-boxes .cs-options li.color-c1d099{background-color:#c1d099}.cs-skin-boxes .cs-options li.color-f5eaaa{background-color:#f5eaaa}.cs-skin-boxes .cs-options li.color-f5be8f{background-color:#f5be8f}.cs-skin-boxes .cs-options li.color-e1837b{background-color:#e1837b}.cs-skin-boxes .cs-options li.color-9bbaab{background-color:#9bbaab}.cs-skin-boxes .cs-options li.color-d1dcb2{background-color:#d1dcb2}.cs-skin-boxes .cs-options li.color-f9eec0{background-color:#f9eec0}.cs-skin-boxes .cs-options li.color-f7cda9{background-color:#f7cda9}.cs-skin-boxes .cs-options li.color-e8a19b{background-color:#e8a19b}.cs-skin-boxes .cs-options li.color-bdd1c8{background-color:#bdd1c8}.cs-skin-boxes .cs-options li.color-e1e7cd{background-color:#e1e7cd}.cs-skin-boxes .cs-options li.color-faf4d4{background-color:#faf4d4}.cs-skin-boxes .cs-options li.color-fbdfc9{background-color:#fbdfc9}.cs-skin-boxes .cs-options li.color-f1c1bd{background-color:#f1c1bd}.cs-skin-boxes .cs-options span{text-transform:uppercase;letter-spacing:1px;width:100%;line-height:2em;position:absolute;bottom:0}@media screen and (max-width:30em){.cs-skin-boxes .cs-options span{display:none}}.cs-skin-boxes .cs-options li span:hover,.cs-skin-boxes li.cs-focus span,.cs-skin-boxes li.cs-selected span{color:#fff}