.loading{background:var(--color-2-5);position:absolute;z-index:10;width:100%;height:100%;transform:translateX(calc(var(--padding) * -1)) translateY(calc(var(--padding) * -1));transition:.3s;visibility:hidden;display:flex;align-items:center;justify-content:center}.loading svg{fill:none;stroke:var(--color-3);stroke-width:10px;width:100px;height:100px;stroke-dasharray:250;stroke-linecap:round;position:absolute;animation:loading 2s infinite ease-in-out}.loading-enable{visibility:visible}@keyframes loading{0%{stroke-dashoffset:0;transform:rotateZ(0)}100%{stroke-dashoffset:500;transform:rotateZ(-180deg)}}.paginator{display:flex;z-index:20;align-items:center;justify-content:center}.paginator button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 5px;border:none;border-radius:100%;background:var(--color-2-6);color:var(--color-2-4);box-shadow:1px 1px 3px rgba(0,0,0,.2);font-family:var(--font-family);font-weight:400;font-size:12pt;cursor:pointer}.paginator button:hover{background:var(--color-3);color:var(--color-2-6)}.paginator .paginator-page-selected{background:var(--color-2-1);color:var(--color-2-6)}.paginator .paginator-page-selected:hover{background:var(--color-2-1);color:var(--color-2-6)}.paginator-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 5px}.paginator-icon div{width:50%;height:50%}.paginator-icon i{background:var(--color-3)}.paginator-icon:hover i{background:var(--color-2-6)}.paginator-icon-space{display:flex;align-items:center;justify-content:center;width:15px;height:15px;margin:0 2px}.paginator-icon-space div{width:100%;height:100%}.paginator-icon-space i{background:var(--color-3)}.filters{background:var(--color-2-6);box-shadow:-3px 0 5px #00000041;position:fixed;right:0;top:0;z-index:25;height:100vh;width:300px;display:none;flex-direction:column}.filter-open{display:flex}.filter-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:20px;background:var(--color-3)}.filter-header h2{color:var(--color-2-6);font-size:14pt}.filter-header button{width:15px;height:15px;background:0 0;border:none;cursor:pointer}.filter-header button i{background:var(--color-2-6)}.filter-header button:hover i{background:var(--color-2-1)}.filter-form-submit{padding:10px 20px;background:var(--color-3)}.filter-form-submit input{font-family:var(--font-family);background:var(--color-2-6);border:none;border-radius:var(--border-radius);padding:10px 20px;color:var(--color-3);font-weight:700;text-align:center;cursor:pointer;font-size:12pt}.filter-form-submit input:hover{background:var(--color-2-5)}.filter-form-item{border-bottom:2px solid #ddd}.filter-form-item-section{display:none;flex-direction:column;align-items:flex-start;padding:0 20px}.filter-form-item-section-visible{display:flex;margin:10px 0}.filter-form-item-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:10px 20px;background:var(--color-2-5);cursor:pointer}.filter-form-item-header label{font-family:var(--font-family);font-weight:700;font-size:11pt;color:var(--color-2-1);cursor:pointer}.filter-form-item-header div{font-family:var(--font-family);font-size:10pt;color:var(--color-3)}.filter-form-radio{display:flex;flex-direction:row;align-items:center}.filter-form-radio input{margin-right:10px;appearance:none;width:15px;height:15px;background:var(--color-2-5);border-radius:100%}.filter-form-radio input:checked{background:var(--color-3)}.filter-form-range{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.filter-form-range input{width:100%;margin-right:10px;-webkit-appearance:none;height:5px;background:var(--color-2-5);outline:0;border-radius:5px}.filter-form-range input::-moz-range-thumb{width:15px;height:15px;background:var(--color-3);cursor:pointer;border-radius:100%;border:none}.filter-form-input{margin-bottom:5px}.filter-form-input:last-child{margin-bottom:0}.filter-form-input div{font-family:var(--font-family);font-size:10pt;color:var(--color-2-1)}