:root {
     --icon-color: #181818
 }

 [data-theme=dark] {
     --icon-color: #cacaca
 }

 .vpa-holder {
     margin-top: 5px;
     margin-bottom: 5px
 }

 .vpa-info {
     display: flex;
     flex-direction: column;
     align-items: center;
     font-size: 1.1rem
 }

 .-grid-inline {
     display: inline-grid;
     grid-auto-flow: column;
     grid-auto-columns: auto
 }

 .-grid-gap {
     grid-gap: .77rem
 }

 .vpa-actions {
     padding-top: 10px;
     width: 100%
 }

 @media (min-width:575px) {
     .vpa-info {
         flex-direction: row
     }

     .vpa-stats {
         flex-grow: 1;
         width: auto
     }

     .vpa-actions {
         padding-top: 0;
         width: auto
     }
 }

 .vpa-pipe {
     width: 1px;
     height: 11px;
     background-color: #848484;
     display: inline-block;
     vertical-align: middle
 }

 .vpa-list {
     display: grid;
     grid-auto-flow: column;
     grid-auto-columns: auto;
     gap: .77rem;
     position: relative
 }

 .vpa-item {
     display: flex;
     flex: 1 1 0;
     justify-content: center;
     align-items: flex-end
 }

 .vpa-button {
     flex-direction: column;
     align-items: center;
     white-space: nowrap;
     user-select: none;
     color: #d4d4d5;
     display: flex;
     flex-wrap: wrap
 }

 .vpa-button.active {
     color: #d4d4d5;
     font-weight: bold
 }

 .vpa-button:hover {
     cursor: pointer
 }

 .vpa-button span {
     padding-left: 5px;
     font-size: 1rem
 }

 .vpa-item-go-back {
     opacity: .85
 }

 @media (max-width:767px) {
     .vpa-list-nested {
         position: absolute;
         z-index: 5;
         left: 0;
         right: auto;
         top: -5px;
         bottom: -5px;
         padding: 5px;
         background: #242424;
         border-radius: 3px;
         margin-left: -105vw;
         width: 100%;
         transition: margin-left .4s ease-out 0
     }

     .vpa-list-nested[data-visible=true] {
         margin-left: 0
     }
 }

 @media (min-width:768px) {
     .vpa-list-nested {
         display: grid
     }

     .vpa-item-go-back,
     .vpa-button-nested {
         display: none
     }
 }