#container:not(.plain-view).vertical:not(.accordion) .click-to-reveal {
  margin-top: 10px;
  position: relative;
  max-width: 512px;
  display: table; }

#container:not(.plain-view).vertical:not(.accordion) .label-container, #container:not(.plain-view).vertical:not(.accordion) .reveal-container {
  vertical-align: top;
  display: table-cell; }

#container:not(.plain-view).vertical:not(.accordion) .label-container {
  width: 200px; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label {
  width: 100%;
  position: relative;
  font-weight: bold;
  transition: background-color 0.25s; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label span {
  z-index: 2;
  position: relative; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label:hover:before, #container:not(.plain-view).vertical:not(.accordion) .label-container .label:focus:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 1; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label:not(:last-of-type) {
  margin-bottom: 10px; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  right: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 13px solid transparent;
  left: auto;
  z-index: 2;
  top: 50%;
  transition: right 0.25s, border-left-color 0.25s;
  transform: translateY(-50%); }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.selected:after {
  right: -12px; }

#container:not(.plain-view).vertical:not(.accordion) .reveal-container {
  background-color: #bee3f0;
  vertical-align: top; }
#container:not(.plain-view).vertical:not(.accordion) .reveal-container .reveal {
  margin: 0;
  width: 297px;
  box-sizing: border-box; }

#container:not(.plain-view).vertical:not(.accordion)[data-colour=colour-1] .reveal-container {
  background-color: #f6cadd; }

#container:not(.plain-view).vertical:not(.accordion)[data-colour=colour-2] .reveal-container {
  background-color: #f6c0c9; }

#container:not(.plain-view).vertical:not(.accordion)[data-colour=colour-3] .reveal-container {
  background-color: #f7bdbd; }

#container:not(.plain-view).vertical:not(.accordion)[data-colour=colour-4] .reveal-container {
  background-color: #f8c5b7; }

#container:not(.plain-view).vertical:not(.accordion)[data-colour=colour-5] .reveal-container {
  background-color: #fad5b5; }

#container:not(.plain-view).vertical:not(.accordion)[data-colour=colour-6] .reveal-container {
  background-color: #fae3b7; }

#container:not(.plain-view).vertical:not(.accordion)[data-colour=colour-7] .reveal-container {
  background-color: #faf7bb; }

#container:not(.plain-view).vertical:not(.accordion)[data-colour=colour-8] .reveal-container {
  background-color: #dcedb0; }

#container:not(.plain-view).vertical:not(.accordion)[data-colour=colour-9] .reveal-container {
  background-color: #cfe8b0; }

#container:not(.plain-view).vertical:not(.accordion)[data-colour=colour-10] .reveal-container {
  background-color: #c3f0cc; }

#container:not(.plain-view).vertical:not(.accordion)[data-colour=colour-11] .reveal-container {
  background-color: #c2f2f0; }

#container:not(.plain-view).vertical:not(.accordion)[data-colour=colour-12] .reveal-container {
  background-color: #b6e7f7; }

#container:not(.plain-view).vertical:not(.accordion)[data-colour=colour-13] .reveal-container {
  background-color: #b6cff4; }

#container:not(.plain-view).vertical:not(.accordion)[data-colour=colour-14] .reveal-container {
  background-color: #c8c8f1; }

#container:not(.plain-view).vertical:not(.accordion)[data-colour=colour-15] .reveal-container {
  background-color: #d9c8ed; }

#container:not(.plain-view).vertical:not(.accordion)[data-colour=colour-16] .reveal-container {
  background-color: #e5c8e8; }

#container:not(.plain-view).vertical:not(.accordion)[data-colour=colour-17] .reveal-container {
  background-color: #cbcbcb; }

#container:not(.plain-view).vertical:not(.accordion)[data-colour=colour-18] .reveal-container {
  background-color: #d8d8d8; }

#container:not(.plain-view).vertical:not(.accordion)[data-colour=colour-19] .reveal-container {
  background-color: #e4e4e4; }

#container:not(.plain-view).vertical:not(.accordion)[data-colour=colour-20] .reveal-container {
  background-color: #f1f1f1; }

#container:not(.plain-view).vertical:not(.accordion) .label-container {
  padding-right: 20px; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.selected {
  background-color: #b0ddec; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.selected:after {
  border-left-color: #b0ddec; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-1.selected {
  background-color: #f4bfd6; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-1.selected:after {
  border-left-color: #ed95ba;
  border-left-color: #f4bfd6 !important; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-2.selected {
  background-color: #f4b3be; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-2.selected:after {
  border-left-color: #ed8092;
  border-left-color: #f4b3be !important; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-3.selected {
  background-color: #f5b0b0; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-3.selected:after {
  border-left-color: #ee7b7b;
  border-left-color: #f5b0b0 !important; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-4.selected {
  background-color: #f7b9a8; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-4.selected:after {
  border-left-color: #f18b6e;
  border-left-color: #f7b9a8 !important; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-5.selected {
  background-color: #f8cca6; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-5.selected:after {
  border-left-color: #f4aa6a;
  border-left-color: #f8cca6 !important; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-6.selected {
  background-color: #f9dda9; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-6.selected:after {
  border-left-color: #f5c76f;
  border-left-color: #f9dda9 !important; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-7.selected {
  background-color: #f9f5ad; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-7.selected:after {
  border-left-color: #f5ee77;
  border-left-color: #f9f5ad !important; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-8.selected {
  background-color: #d5e9a0; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-8.selected:after {
  border-left-color: #b9da60;
  border-left-color: #d5e9a0 !important; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-9.selected {
  background-color: #c5e3a0; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-9.selected:after {
  border-left-color: #9fd161;
  border-left-color: #c5e3a0 !important; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-10.selected {
  background-color: #b6edc2; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-10.selected:after {
  border-left-color: #86e199;
  border-left-color: #b6edc2 !important; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-11.selected {
  background-color: #b5efec; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-11.selected:after {
  border-left-color: #84e4e0;
  border-left-color: #b5efec !important; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-12.selected {
  background-color: #a7e2f5; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-12.selected:after {
  border-left-color: #6dcfee;
  border-left-color: #a7e2f5 !important; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-13.selected {
  background-color: #a7c5f1; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-13.selected:after {
  border-left-color: #6c9ee8;
  border-left-color: #a7c5f1 !important; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-14.selected {
  background-color: #bdbdee; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-14.selected:after {
  border-left-color: #9191e2;
  border-left-color: #bdbdee !important; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-15.selected {
  background-color: #d1bce9; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-15.selected:after {
  border-left-color: #b390db;
  border-left-color: #d1bce9 !important; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-16.selected {
  background-color: #dfbce3; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-16.selected:after {
  border-left-color: #ca90d0;
  border-left-color: #dfbce3 !important; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-17.selected {
  background-color: #c1c1c1; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-17.selected:after {
  border-left-color: #979797;
  border-left-color: #c1c1c1 !important; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-18.selected {
  background-color: #d0d0d0; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-18.selected:after {
  border-left-color: #b0b0b0;
  border-left-color: #d0d0d0 !important; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-19.selected {
  background-color: #dfdfdf; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-19.selected:after {
  border-left-color: #c9c9c9;
  border-left-color: #dfdfdf !important; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-20.selected {
  background-color: #eeeeee; }
#container:not(.plain-view).vertical:not(.accordion) .label-container .label.colour-20.selected:after {
  border-left-color: #e3e3e3;
  border-left-color: #eeeeee !important; }
