@media( min-width: 1088px ) {
   .categorypanel.hcontainer {
      margin: 0 32px;
      width: auto;
   }
}



.catcontainer {
   border: none;
   background: transparent;
}

.catcontainer .loading {
   font-size: 2em;
}
.catcontainer .loading svg {
   display: block;
   margin: 0 auto;
   -webkit-animation: spin 1s linear infinite; -moz-animation: spin 1s linear infinite; animation: spin 1s linear infinite;
}
@-moz-keyframes spin {
   100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
   100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
   100% {
      -webkit-transform: rotate(360deg);
      transform:rotate(360deg);
   }
}
.catcontainer .loading path {
   fill: var(--color-primary);
}


.catcontainer::backdrop {
   background: rgba(0,0,0,.75);
}
.catcontainer.fetched {
   padding: 0;
   height: 100%;
   width: auto;
   background: white;
}
@media( min-width: 1088px ) {
   .catcontainer {
      max-width: calc(1088px - 2em - 6px);
   }
}

.catcontainer > button {
   position: fixed;
   bottom: 13px;
   left: 50%;
   transform: translate(-50%, 0);
}