.kss-swatch {
  display: inline-block;
  position: relative;
  margin-bottom: 5px;
  width: 145px;
  height: 140px;
  text-align: center;
  font-size: 1.4rem;
  color: #FFF;
  padding-top: 90px; }
  .kss-swatch.kss-swatch-light {
    border: 1px solid #F6F6F6;
    color: #000; }

.community-iframe-wrapper {
  display: inline-block;
  width: 100%; }
  .community-iframe-wrapper .community-iframe-body {
    height: 237px;
    overflow: scroll; }
    .community-iframe-wrapper .community-iframe-body.twitter {
      background-color: #2ab5fa;
      border: 2px solid #2ab5fa; }
    .community-iframe-wrapper .community-iframe-body.youtube {
      background-color: #cd0e12;
      border: 2px solid #cd0e12; }
    .community-iframe-wrapper .community-iframe-body.facebook {
      background-color: #3455aa;
      border: 2px solid #3455aa; }
    .community-iframe-wrapper .community-iframe-body iframe {
      width: 100%;
      height: 237px; }
  .community-iframe-wrapper .community-iframe-frame {
    padding: 2px; }
    .community-iframe-wrapper .community-iframe-frame.twitter {
      background-color: #03a1f0; }
      .community-iframe-wrapper .community-iframe-frame.twitter a:hover {
        color: #03a1f0; }
    .community-iframe-wrapper .community-iframe-frame.youtube {
      background-color: #cd0e12; }
      .community-iframe-wrapper .community-iframe-frame.youtube a:hover {
        color: #cd0e12; }
    .community-iframe-wrapper .community-iframe-frame.facebook {
      background-color: #284590; }
      .community-iframe-wrapper .community-iframe-frame.facebook a:hover {
        color: #284590; }
    .community-iframe-wrapper .community-iframe-frame a {
      color: #fff;
      display: block;
      font-size: 16px;
      padding: 10px 15px; }
      .community-iframe-wrapper .community-iframe-frame a:hover {
        background-color: #fff;
        text-decoration: none; }