.carousel-container      {
                             display:                   inline-block;
                             background-color:          var(--carousel-background);
                         }
.carousel                {
                             position:                  relative;
                             padding:                   0;
                             margin:                    0px;
                             border-radius:             5px;
                             overflow:                  hidden;
                             text-align:                justify;
                             list-style:                none;
                         }
.carousel-content        {
                             display:                   table-cell;
                             font-size:                 1em;
                             line-height:               1.2em;
                         }
.middle                  {
                             vertical-align:            middle;
                         }
.carousel-content div    {
                             margin:                    15px 20px;
                         }
.carousel-controls,
.carousel-activator      {
                             display:                   none;
                         }
.carousel-slide          {
                             display:                   table;
                             position:                  absolute;
                             overflow:                  hidden;
                             overflow-y:                auto;
                             opacity:                   0;
                             background-size:           cover;
                             background-position:       center;
                         }
.carousel-control        {
                             position:                  absolute;
                             top:                       50%;
                             margin-top:               -15px;
                             border-width:              5px 5px 0 0;
                             border-style:              solid;
                             border-color:              var(--carousel-border);
                             outline:                   0;
                             opacity:                   0.35;
                             z-index:                   2;
                         }
.carousel-control:hover  {
                             opacity:                   1;
                         }
.carousel-control-backward
                         {
                             left:                      10px;
                             transform:                 rotate(-135deg);
                         }
.carousel-control-forward
                         {
                             right:                     10px;
                             transform:                 rotate(45deg);
                         }
.carousel-indicators     {
                             position:                  relative;
                             top:                       22em;
                             text-align:                center;
                         }
.carousel-indicators-tall
                         {
                             top:                       25em;
                         }
.carousel-indicators-top {
                             position:                  relative;
                             top:                       1em;
                             text-align:                center;
                         }
.carousel-indicator      {
                             display:                   inline-block;
                             background-color:          var(--carousel-unselected);
                             height:                    15px;
                             width:                     15px;
                             border-radius:             100%;
                             cursor:                    pointer;
                             margin:                    0 2.5px 0 2.5px;
                             opacity:                   0.35;
                         }
.carousel-indicator:hover
                         {
                             opacity:                   0.75;
                         }
.carousel-track          {
                             position:                  absolute;
                             top:                       0;
                             bottom:                    0;
                             right:                     0;
                             left:                      0;
                             padding:                   0;
                             margin:                    0;
                             transition:                opacity 0.5s, transform 0.5s;
                         }
.carousel-track .carousel-slide
                         {
                             height:                    95%;
                             right:                     0;
                             left:                      0;
                             padding:                   0 40px;
                             opacity:                   1;
                         }
.carousel-slide-wide
                         {
                             padding:                   0 20px !important;
                         }
.carousel-activator:nth-of-type(1):checked ~ .carousel-track
                         {
                             transform:                 translateX(0%);
                         }
.carousel-activator:nth-of-type(1):checked ~ .carousel-slide:nth-of-type(1)
                         {
                             top:                       0;
                             right:                     0;
                             left:                      0;
                             opacity:                   1;
                             transition:                opacity 0.5s, transform 0.5s;
                         }
.carousel-activator:nth-of-type(1):checked ~ .carousel-controls:nth-of-type(1)
                         {
                             display:                   block;
                             opacity:                   1;
                         }
.carousel-activator:nth-of-type(1):checked ~ .carousel-indicators .carousel-indicator:nth-of-type(1)
                         {
                             background-color:          var(--carousel-selected);
                             opacity:                   1;
                         }
.carousel-activator:nth-of-type(2):checked ~ .carousel-track
                         {
                             transform:                 translateX(-100%);
                         }
.carousel-activator:nth-of-type(2):checked ~ .carousel-slide:nth-of-type(2)
                         {
                             top:                       0;
                             right:                     0;
                             left:                      0;
                             opacity:                   1;
                             transition:                opacity 0.5s, transform 0.5s;
                         }
.carousel-activator:nth-of-type(2):checked ~ .carousel-controls:nth-of-type(2)
                         {
                             display:                   block;
                             opacity:                   1;
                         }
.carousel-activator:nth-of-type(2):checked ~ .carousel-indicators .carousel-indicator:nth-of-type(2)
                         {
                             background-color:          var(--carousel-selected);
                             opacity:                   1;
                         }
.carousel-activator:nth-of-type(3):checked ~ .carousel-track
                         {
                             transform:                 translateX(-200%);
                         }
.carousel-activator:nth-of-type(3):checked ~ .carousel-slide:nth-of-type(3)
                         {
                             top:                       0;
                             right:                     0;
                             left:                      0;
                             opacity:                   1;
                             transition:                opacity 0.5s, transform 0.5s;
                         }
.carousel-activator:nth-of-type(3):checked ~ .carousel-controls:nth-of-type(3)
                         {
                             display:                   block;
                             opacity:                   1;
                         }
.carousel-activator:nth-of-type(3):checked ~ .carousel-indicators .carousel-indicator:nth-of-type(3)
                         {
                             background-color:          var(--carousel-selected);
                             opacity:                   1;
                         }
.carousel-activator:nth-of-type(4):checked ~ .carousel-track
                         {
                             transform:                 translateX(-300%);
                         }
.carousel-activator:nth-of-type(4):checked ~ .carousel-slide:nth-of-type(4)
                         {
                             top:                       0;
                             right:                     0;
                             left:                      0;
                             opacity:                   1;
                             transition:                opacity 0.5s, transform 0.5s;
                         }
.carousel-activator:nth-of-type(4):checked ~ .carousel-controls:nth-of-type(4)
                         {
                             display:                   block;
                             opacity:                   1;
                         }
.carousel-activator:nth-of-type(4):checked ~ .carousel-indicators .carousel-indicator:nth-of-type(4)
                         {
                             background-color:          var(--carousel-selected);
                             opacity:                   1;
                         }
.carousel-activator:nth-of-type(5):checked ~ .carousel-track
                         {
                             transform:                 translateX(-400%);
                         }
.carousel-activator:nth-of-type(5):checked ~ .carousel-slide:nth-of-type(5)
                         {
                             top:                       0;
                             right:                     0;
                             left:                      0;
                             opacity:                   1;
                             transition:                opacity 0.5s, transform 0.5s;
                         }
.carousel-activator:nth-of-type(5):checked ~ .carousel-controls:nth-of-type(5)
                         {
                             display:                   block;
                             opacity:                   1;
                         }
.carousel-activator:nth-of-type(5):checked ~ .carousel-indicators .carousel-indicator:nth-of-type(5)
                         {
                             background-color:          var(--carousel-selected);
                             opacity:                   1;
                         }
.carousel-activator:nth-of-type(6):checked ~ .carousel-track
                         {
                             transform:                 translateX(-500%);
                         }
.carousel-activator:nth-of-type(6):checked ~ .carousel-slide:nth-of-type(6)
                         {
                             top:                       0;
                             right:                     0;
                             left:                      0;
                             opacity:                   1;
                             transition:                opacity 0.5s, transform 0.5s;
                         }
.carousel-activator:nth-of-type(6):checked ~ .carousel-controls:nth-of-type(6)
                         {
                             display:                   block;
                             opacity:                   1;
                         }
.carousel-activator:nth-of-type(6):checked ~ .carousel-indicators .carousel-indicator:nth-of-type(6)
                         {
                             background-color:          var(--carousel-selected);
                             opacity:                   1;
                         }
.carousel-activator:nth-of-type(7):checked ~ .carousel-track
                         {
                             transform:                 translateX(-600%);
                         }
.carousel-activator:nth-of-type(7):checked ~ .carousel-slide:nth-of-type(7)
                         {
                             top:                       0;
                             right:                     0;
                             left:                      0;
                             opacity:                   1;
                             transition:                opacity 0.5s, transform 0.5s;
                         }
.carousel-activator:nth-of-type(7):checked ~ .carousel-controls:nth-of-type(7)
                         {
                             display:                   block;
                             opacity:                   1;
                         }
.carousel-activator:nth-of-type(7):checked ~ .carousel-indicators .carousel-indicator:nth-of-type(7)
                         {
                             background-color:          var(--carousel-selected);
                             opacity:                   1;
                         }
.carousel-activator:nth-of-type(8):checked ~ .carousel-track
                         {
                             transform:                 translateX(-700%);
                         }
.carousel-activator:nth-of-type(8):checked ~ .carousel-slide:nth-of-type(8)
                         {
                             top:                       0;
                             right:                     0;
                             left:                      0;
                             opacity:                   1;
                             transition:                opacity 0.5s, transform 0.5s;
                         }
.carousel-activator:nth-of-type(8):checked ~ .carousel-controls:nth-of-type(8)
                         {
                             display:                   block;
                             opacity:                   1;
                         }
.carousel-activator:nth-of-type(8):checked ~ .carousel-indicators .carousel-indicator:nth-of-type(8)
                         {
                             background-color:          var(--carousel-selected);
                             opacity:                   1;
                         }
.carousel-track .carousel-slide:nth-of-type(1)
                         {
                             transform:                 translateX(0%);
                         }
.carousel-track .carousel-slide:nth-of-type(2)
                         {
                             transform:                 translateX(100%);
                         }
.carousel-track .carousel-slide:nth-of-type(3)
                         {
                             transform:                 translateX(200%);
                         }
.carousel-track .carousel-slide:nth-of-type(4)
                         {
                             transform:                 translateX(300%);
                         }
.carousel-track .carousel-slide:nth-of-type(5)
                         {
                             transform:                 translateX(400%);
                         }
.carousel-track .carousel-slide:nth-of-type(6)
                         {
                             transform:                 translateX(500%);
                         }
.carousel-track .carousel-slide:nth-of-type(7)
                         {
                             transform:                 translateX(600%);
                         }
.carousel-track .carousel-slide:nth-of-type(8)
                         {
                             transform:                 translateX(700%);
                         }