.layer-focused {
  max-width: 90%;
  height: auto;
  top: 5%;
  position: absolute;
  padding: 0;
  margin: 0;
  display: none;
  z-index: 99999999;
}

.layer-focused--container {
  background-color: #fff;
  border: 2px solid #333;
  padding: 15px 7.995px 0 7.995px;
  padding: 1rem 0.533rem 0 0.533rem;
}

.layer-focused--body-button .layer-focused--container {
  padding-bottom: 15px;
  padding-bottom: 1rem;
}

.layer-focused--close-button {
  padding: 10.005px;
  padding: 0.667rem;
  margin: 10.005px;
  margin: 0.667rem;
  width: 16px;
  height: 16px;
  cursor: pointer;
  display: block;
  float: right;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzk4OTg5OCIgZD0iTTAgMTMuNmwyLjQgMi40IDUuNi01LjYgNS42IDUuNiAyLjQtMi40LTUuNi01LjYgNS42LTUuNi0yLjQtMi40LTUuNiA1LjYtNS42LTUuNi0yLjQgMi40IDUuNiA1LjZ6Ii8+PC9zdmc+') no-repeat center center;
}

.no-svg .layer-focused--close-button {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAVdEVYdENyZWF0aW9uIFRpbWUANi8xMS8xMgh2CcgAAACkSURBVDiNrZO9EcMgDIU/sYBXyQiM4lRqGcWtqmQUj+BVvEEakfMlIHxxVOnQ+zmeQADMbAYWIKvqRlBmdgNWoKjqU5z88PkeiRzIkx/dkzvXmoDVgSMywJKA7M5dkQ55B7KMAN43Z6q6yQkXGmfvnOQw6Ikc6ytk+UQEIs0NpY7T6frfFS6FeGmNEbm6RJg0IgN4n2m82ASUiDwQKTWDmR+/8wt8nHU8re6bGQAAAABJRU5ErkJggg==') no-repeat center center;
}

.layer-focused .layer-focused--body {
  padding: 0 7.995px;
  padding: 0 0.533rem;
  overflow-y: auto;
}

.layer-focused .layer-focused--body::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 6px;
  background-color: #fff;
}

.layer-focused .layer-focused--body::-webkit-scrollbar:vertical {
  width: 11px;
}

.layer-focused .layer-focused--body::-webkit-scrollbar:horizontal {
  width: 11px;
}

.layer-focused .layer-focused--body::-webkit-scrollbar-track {
  background-color: #fff;
}

.layer-focused .layer-focused--body::-webkit-scrollbar-thumb {
  background-color: #999;
  border-radius: 4px;
  border: 2px solid white;
  /* should match background, can't be transparent */
}

.layer-focused--button {
  display: none;
}

.layer-focused--body-button .layer-focused--button {
  position: relative;
  display: block;
  margin: 30px auto 3px auto;
  margin: 2rem auto 0.2rem auto;
}

.layer-focused .layer-focused--body-content {
  padding-bottom: 18px;
  padding-bottom: 1.2rem;
}

.layer-focused--scrollable .layer-focused--body-content {
  padding-top: 12px;
  padding-top: 0.8rem;
}

.layer-focused--body-button .layer-focused--body-content {
  padding-bottom: 0;
}

.layer-focused--body-content {
  /*font-family: Cambria, Georgia, serif;*/
  font-size: 1em;
  line-height: 1.4em;
  color: #000000;
}

.layer-focused--overlay-background {
  position: fixed;
  background-color: #000;
  opacity: .30;
  filter: alpha(opacity=30);
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: none;
  z-index: 99999998;
}

.layer-focused .h2 {
  padding-right: 7.995px;
  padding-right: 0.533rem;
  padding-left: 7.995px;
  padding-left: 0.533rem;
}

.layer-focused--scrollable .h2 {
  margin-bottom: 0;
}