Update hub client

styles/css/h5p-hub-client.css

@@ -33,13 +33,13 @@
 
 .h5p-hub .h5p-hub-filter-button{margin-left:0.85em}.h5p-hub .h5p-hub-filter-button button{font-family:'Open Sans', sans-serif;font-weight:600;padding:0.25em 0.426em;-ms-user-select:none;user-select:none;display:flex;align-items:center;font-size:1em;box-shadow:2px 2px 3px 1px rgba(0,0,0,0.1);border-radius:2px;background-image:linear-gradient(0deg, #e3e3e3 0%, #fff 100%)}.h5p-hub .h5p-hub-filter-button button.h5p-hub-open{background-image:linear-gradient(0deg, #c2c6cf 0%, #dde2e6 100%)}.h5p-hub .h5p-hub-filter-button button.h5p-hub-filter-checked{background-image:linear-gradient(0deg, #f4ddcd 0%, #fbfffc 100%)}.h5p-hub .h5p-hub-filter-button button.h5p-hub-one-checked{background-image:linear-gradient(0deg, #f4ddcd 0%, #fbfffc 100%)}.h5p-hub .h5p-hub-filter-button button:hover{background-image:linear-gradient(0deg, #c2c6cf 0%, #dde2e6 100%);cursor:pointer}.h5p-hub .h5p-hub-filter-button button .h5p-hub-icon{margin-left:0.3em}@media (min-width: 576px){.h5p-hub .h5p-hub-filter-button button .h5p-hub-icon::after{content:"\e565";font-family:"h5p";font-style:normal;font-size:0.8em;margin-left:0.6em}}.h5p-hub .h5p-hub-filter-button button .h5p-hub-icon.h5p-hub-check::before{font-family:'h5p-hub';content:"";font-style:normal;font-size:0.7em;margin:0 0.4em 0 0.4em}
 
-.h5p-hub .h5p-hub-checkbox-list{list-style:none}
+.h5p-hub .h5p-hub-checkbox-list{list-style:none}.h5p-hub .h5p-hub-checkbox-list.h5p-hub-animate-in-right{animation:move-from-right 0.35s}.h5p-hub .h5p-hub-checkbox-list.h5p-hub-animate-in-left{animation:move-from-left 0.35s}@keyframes move-from-right{0%{opacity:0;transform:translateX(50%)}30%{opacity:0}100%{opacity:1;transform:translateX(0)}}@keyframes move-from-left{0%{opacity:0;transform:translateX(-50%)}30%{opacity:0}100%{opacity:1;transform:translateX(0)}}
 
-.h5p-hub .h5p-hub-checkbox{font-size:1.05em;padding:0.5em 0;font-weight:bold;display:flex;cursor:pointer;align-self:start;color:#4d5057;width:100%;position:relative}.h5p-hub .h5p-hub-checkbox:focus{box-shadow:0 0 0.4em 0.01em RGBA(26, 147, 244, 0.7);outline:none}.h5p-hub .h5p-hub-checkbox.h5p-hub-parent::after{color:#121212;font-family:'h5p-hub';content:"";transform:rotate(-90deg);font-style:normal;font-size:0.7em;display:block;position:absolute;right:2em;align-self:center}.h5p-hub .h5p-hub-checkbox .h5p-hub-non-bold{font-weight:normal}.h5p-hub .h5p-hub-checkbox .h5p-hub-content{display:flex}.h5p-hub .h5p-hub-checkbox .h5p-hub-content .h5p-hub-icon::before{font-family:'h5p-hub';content:"";font-style:normal;font-weight:normal;font-size:1em;margin:0.4em 0.4em 0 0.4em;margin-right:1em;color:#697585}.h5p-hub .h5p-hub-checkbox.h5p-hub-checked .h5p-hub-content .h5p-hub-icon::before{font-family:'h5p-hub';content:"";font-style:normal;font-weight:normal;font-size:1em;margin:0.4em 0.4em 0 0.4em;margin-right:1em;color:#697585}
+.h5p-hub .h5p-hub-checkbox{font-size:1.05em;padding:0.5em 0;font-weight:bold;display:flex;cursor:pointer;align-self:start;color:#4d5057;width:100%;position:relative}.h5p-hub .h5p-hub-checkbox:focus{box-shadow:0 0 0.4em 0.01em RGBA(26, 147, 244, 0.7);outline:none}.h5p-hub .h5p-hub-checkbox.h5p-hub-parent::after{font-family:'h5p-hub';content:"";font-family:"h5p";transform:rotate(90deg);font-style:normal;font-size:1.1em;display:block;align-self:center}.h5p-hub .h5p-hub-checkbox .h5p-hub-non-bold{font-weight:normal}.h5p-hub .h5p-hub-checkbox .h5p-hub-content{display:flex}.h5p-hub .h5p-hub-checkbox .h5p-hub-content .h5p-hub-icon::before{font-family:'h5p-hub';content:"";font-style:normal;font-weight:normal;font-size:1em;margin:0.4em 0.4em 0 0.4em;margin-right:1em;color:#697585}.h5p-hub .h5p-hub-checkbox.h5p-hub-checked .h5p-hub-content .h5p-hub-icon::before{font-family:'h5p-hub';content:"";font-style:normal;font-weight:normal;font-size:1em;margin:0.4em 0.4em 0 0.4em;margin-right:1em;color:#697585}
 
 .h5p-hub .h5p-hub-bottom-line{border-bottom:2px solid #697585}.h5p-hub .h5p-hub-category-header{background-color:#f2f2f2;color:#313131;font-style:italic;padding:0 0 0 0.9em;font-size:0.81788em;text-transform:capitalize}
 
-.h5p-hub .h5p-hub-search-button{width:100%}.h5p-hub .h5p-hub-search-button .h5p-hub-search-field{position:relative}.h5p-hub .h5p-hub-search-button .h5p-hub-search-field .h5p-hub-icon-arrow{position:absolute;font-size:1.30353em;top:0.7em;right:1em;cursor:pointer;color:#000000}.h5p-hub .h5p-hub-search-button .h5p-hub-search-field .h5p-hub-icon-arrow::before{content:"\e565";font-family:"h5p";font-style:normal;font-size:1.25em}.h5p-hub .h5p-hub-filter-search-bar{border:0.04545em solid #e6e6e8;padding:0.7em;font-style:italic;font-size:1.25em;width:100%;box-sizing:border-box}.h5p-hub .h5p-hub-filter-search-bar::placeholder{color:#b7b8ba}.h5p-hub .h5p-hub-filter-search-bar:focus{border-color:#3ba0f2;background-color:#fff;outline:none}
+.h5p-hub .h5p-hub-search-button{width:100%}.h5p-hub .h5p-hub-search-button .h5p-hub-search-field{position:relative}.h5p-hub .h5p-hub-search-button .h5p-hub-search-field::before{position:absolute;font-family:'h5p-hub';content:"";font-style:normal;font-size:1em;margin-left:1em;color:#b7b8ba;top:50%;transform:translateY(-50%)}.h5p-hub .h5p-hub-search-button .h5p-hub-search-field .h5p-hub-icon-arrow{position:absolute;font-size:1.30353em;top:0.7em;right:1em;cursor:pointer;color:#000000}.h5p-hub .h5p-hub-search-button .h5p-hub-search-field .h5p-hub-icon-arrow::before{content:"\e565";font-family:"h5p";font-style:normal;font-size:1.25em}.h5p-hub .h5p-hub-filter-search-bar{border:0.04545em solid #e6e6e8;padding:0.7em;font-style:italic;font-size:1.25em;width:100%;box-sizing:border-box;padding-left:2.25em}.h5p-hub .h5p-hub-filter-search-bar::placeholder{color:#b7b8ba}.h5p-hub .h5p-hub-filter-search-bar:focus{border-color:#3ba0f2;background-color:#fff;outline:none}
 
 .h5p-hub .h5p-hub-search-filter{outline:0.06815em solid #bebdcd;position:relative}.h5p-hub .h5p-hub-search-filter .h5p-hub-clear-button{background:none;position:absolute;top:0;padding:1.2em;right:3em;color:#757575}.h5p-hub .h5p-hub-search-filter .h5p-hub-clear-button::before{font-family:'h5p-hub';content:"";font-style:normal;font-size:1em}.h5p-hub .h5p-hub-search-filter .h5p-hub-navigate-parent{font-size:1.25em;padding:0.3534em;display:flex;font-weight:bold;font-family:"Open Sans", sans-serif;border:1px solid #e6e6e8;align-items:center}.h5p-hub .h5p-hub-search-filter .h5p-hub-navigate-parent button{background-color:#ffffff;position:relative;font-style:normal;font-size:0.8em;border-radius:50%;margin-right:0.4em;align-self:center;padding:0.5em}.h5p-hub .h5p-hub-search-filter .h5p-hub-navigate-parent button::before{font-family:'h5p-hub';content:"";transform:rotate(180deg);font-weight:normal;display:inline-block}.h5p-hub .h5p-hub-search-filter .h5p-hub-navigate-parent button:hover{background-color:#dadada;cursor:pointer}.h5p-hub .h5p-hub-search-filter .h5p-hub-checkbox-list{overflow:hidden;overflow-y:scroll;max-height:25em}.h5p-hub .h5p-hub-search-filter .h5p-hub-checkbox-list li{border:1px solid #e6e6e8}.h5p-hub .h5p-hub-search-filter .h5p-hub-checkbox-list li .h5p-hub-content{padding:0.3em}.h5p-hub .h5p-hub-search-filter .h5p-hub-checkbox-list li .h5p-hub-content .h5p-hub-label-text{margin-right:1em}.h5p-hub .h5p-hub-search-filter .h5p-hub-checkbox-list li:focus{border-color:#3ba0f2;background-color:#fff;outline:none;box-shadow:none}.h5p-hub .h5p-hub-search-filter .h5p-hub-checkbox-list li:hover{background-color:#f2f2f2}.h5p-hub .h5p-hub-search-filter .h5p-hub-checkbox-list li.h5p-hub-highlighted{border-color:#3ba0f2;background-color:#fff;box-shadow:none}.h5p-hub .h5p-hub-search-filter .h5p-hub-checkbox-list li:hover{background-color:rgba(230,230,232,0.25)}.h5p-hub .h5p-hub-search-filter .h5p-hub-checkbox-list::-webkit-scrollbar{background-color:rgba(105,117,133,0.25);width:0.54525em;border-radius:5.45256em}.h5p-hub .h5p-hub-search-filter .h5p-hub-checkbox-list::-webkit-scrollbar-thumb{background-color:#697585;background-size:24px 100%;border-radius:5.45256em}
 
@@ -81,5 +81,5 @@
 
 .h5p-hub .h5p-hub-upload-form .h5p-hub-input-wrapper{display:inline-block}.h5p-hub .h5p-hub-upload-form .h5p-hub-input-wrapper input[type="file"]{display:none}.h5p-hub .h5p-hub-upload-form [aria-hidden="true"]{display:none}.h5p-hub .h5p-hub-upload-form .h5p-hub-upload-button{background:transparent;color:#697585;border:0.125em solid #697585;margin-left:0.5em}.h5p-hub .h5p-hub-upload-form .h5p-hub-use-button{background:#697585;color:white;margin-left:0.5em}.h5p-hub .h5p-hub-upload-form button[disabled]{opacity:0.5}.h5p-hub .h5p-hub-upload-form .h5p-hub-upload-path{display:inline-block;min-width:14em;padding:10px;padding-left:1.5em;margin-bottom:1em;border:0.125em solid #ced6e3;border-radius:1.375em;outline:0;color:#697585;cursor:pointer}.h5p-hub .h5p-hub-upload-form .h5p-hub-upload-path[disabled]{cursor:default}@media (min-width: 576px){.h5p-hub .h5p-hub-upload-form .h5p-hub-upload-path{width:60%}}
 
-.h5p-hub{font-family:'Open Sans', sans-serif;padding-top:1px;padding-bottom:.833em;position:relative;overflow:hidden}.h5p-hub .h5p-hub-panel{border:1px solid #697585;background:#fff}.h5p-hub .h5p-hub-panel.h5p-hub-section-content-types{border-color:#0a78d1}.h5p-hub .h5p-hub-panel.h5p-hub-section-reuse{border-color:#db6f28}.h5p-hub .h5p-hub-panel.h5p-hub-section-upload{border-color:#ced6e3}.h5p-hub .h5p-hub-ssection-content-types.open{max-height:58.65em}.h5p-hub .h5p-hub-button-install [class^="icon-"]{margin-right:.4165em;display:inline-block}.h5p-hub .h5p-hub-button-install .h5p-hub-icon-arrow-thick{transform:rotate(-90deg)}.h5p-hub .h5p-hub-content-type-section{position:relative;overflow:hidden}.h5p-hub .h5p-hub-content-type-section.h5p-hub-height-limit{height:34em}.h5p-hub .h5p-hub-content-type-section-view>.h5p-hub-message{margin:0;padding:0.5em 3.5em 0.7em 2.292em}.h5p-hub .h5p-hub-error .h5p-hub-button.h5p-hub-retry-button{margin:0.5em 0 0.75em;border-width:2px}.h5p-hub .h5p-hub-error .h5p-hub-button.h5p-hub-retry-button:hover,.h5p-hub .h5p-hub-error .h5p-hub-button.h5p-hub-retry-button:active{background-color:#c64750;border-color:#c64750;color:#fff}.h5p-hub .h5p-hub-error .h5p-hub-button.h5p-hub-retry-button:focus{box-shadow:0.06em 0 0.6em 0.1em #c64750}.h5p-hub .h5p-hub-error .h5p-hub-button.h5p-hub-retry-button[disabled]{box-shadow:none;background-color:#c64750;border-color:#c64750;color:#fff;opacity:0.5;padding-left:3em}.h5p-hub .h5p-hub-error .h5p-hub-button.h5p-hub-retry-button[disabled]:before{font-family:'h5p-hub';content:"";font-size:1em;line-height:1;width:1em;height:1em;padding:.833em;display:block;color:#7c8696;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;position:absolute;margin-left:-2.35em;margin-top:-0.8em;color:#fff}.h5p-hub.h5p-hub-hidden{display:none}
+.h5p-hub{font-family:'Open Sans', sans-serif;padding-top:1px;padding-bottom:.833em;position:relative;overflow:hidden}.h5p-hub .h5p-hub-panel{border:1px solid #697585;background:#fff}.h5p-hub .h5p-hub-panel.h5p-hub-section-content-types{border-color:#0a78d1}.h5p-hub .h5p-hub-panel.h5p-hub-section-reuse{border-color:#db6f28}.h5p-hub .h5p-hub-panel.h5p-hub-section-upload{border-color:#ced6e3}.h5p-hub .h5p-hub-ssection-content-types.open{max-height:58.65em}.h5p-hub .h5p-hub-button-install [class^="icon-"]{margin-right:.4165em;display:inline-block}.h5p-hub .h5p-hub-button-install .h5p-hub-icon-arrow-thick{transform:rotate(-90deg)}.h5p-hub .h5p-hub-content-type-section{position:relative;overflow:hidden}.h5p-hub .h5p-hub-content-type-section.h5p-hub-height-limit{height:34em}.h5p-hub .h5p-hub-content-type-section-view>.h5p-hub-message{margin:0;padding:0.5em 3.5em 0.7em 2.292em}.h5p-hub .h5p-hub-error .h5p-hub-button.h5p-hub-retry-button{margin:0.5em 0 0.75em;border-width:2px}.h5p-hub .h5p-hub-error .h5p-hub-button.h5p-hub-retry-button:hover,.h5p-hub .h5p-hub-error .h5p-hub-button.h5p-hub-retry-button:active{background-color:#c64750;border-color:#c64750;color:#fff}.h5p-hub .h5p-hub-error .h5p-hub-button.h5p-hub-retry-button:focus{box-shadow:0.06em 0 0.6em 0.1em #c64750}.h5p-hub .h5p-hub-error .h5p-hub-button.h5p-hub-retry-button[disabled]{box-shadow:none;background-color:#c64750;border-color:#c64750;color:#fff;opacity:0.5;padding-left:3em}.h5p-hub .h5p-hub-error .h5p-hub-button.h5p-hub-retry-button[disabled]:before{font-family:'h5p-hub';content:"";font-size:1em;line-height:1;width:1em;height:1em;padding:.833em;display:block;color:#7c8696;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;position:absolute;margin-left:-2.35em;margin-top:-0.8em;color:#fff}.h5p-hub.h5p-hub-hidden{display:none}.h5p-hub-client-container-using-mouse [role=button]{outline:none}