div.cs-skin-border{background:transparent;font-size:2em;font-weight:700;max-width:600px}@media screen and (max-width: 30em){div.cs-skin-border{font-size:1em}}.cs-skin-border>span{border:5px solid #000;border-color:inherit;transition:background .2s,border-color .2s}.cs-skin-border>span:after,.cs-skin-border .cs-selected span:after{font-family:icomoon;content:""}.cs-skin-border ul span:after{content:"";opacity:0}.cs-skin-border .cs-selected span:after{content:"";color:#ddd9c9;font-size:1.5em;opacity:1;transition:opacity .2s}.cs-skin-border.cs-active>span{background:#fff;border-color:#fff;color:#2980b9}.cs-skin-border .cs-options{color:#2980b9;font-size:.75em;opacity:0;transition:opacity .2s,visibility 0s .2s}.cs-skin-border.cs-active .cs-options{opacity:1;transition:opacity .2s}.cs-skin-border ul span{padding:1em 2em;backface-visibility:hidden}.cs-skin-border .cs-options li span:hover,.cs-skin-border li.cs-focus span{background:#f5f3ec}