:root {
  --red: #f44336;
  --red-1: #ffebee;
  --red-2: #ffcdd2;
  --red-3: #ef9a9a;
  --red-4: #e57373;
  --red-5: #ef5350;
  --red-6: #f44336;
  --red-7: #e53935;
  --red-8: #d32f2f;
  --red-9: #c62828;
  --red-10: #b71c1c;
  --red-11: #ff8a80;
  --red-12: #ff5252;
  --red-13: #ff1744;
  --red-14: #d50000;
  --pink: #e91e63;
  --pink-1: #fce4ec;
  --pink-2: #f8bbd0;
  --pink-3: #f48fb1;
  --pink-4: #f06292;
  --pink-5: #ec407a;
  --pink-6: #e91e63;
  --pink-7: #d81b60;
  --pink-8: #c2185b;
  --pink-9: #ad1457;
  --pink-10: #880e4f;
  --pink-11: #ff80ab;
  --pink-12: #ff4081;
  --pink-13: #f50057;
  --pink-14: #c51162;
  --purple: #9c27b0;
  --purple-1: #f3e5f5;
  --purple-2: #e1bee7;
  --purple-3: #ce93d8;
  --purple-4: #ba68c8;
  --purple-5: #ab47bc;
  --purple-6: #9c27b0;
  --purple-7: #8e24aa;
  --purple-8: #7b1fa2;
  --purple-9: #6a1b9a;
  --purple-10: #4a148c;
  --purple-11: #ea80fc;
  --purple-12: #e040fb;
  --purple-13: #d500f9;
  --purple-14: #aa00ff;
  --deep-purple: #673ab7;
  --deep-purple-1: #ede7f6;
  --deep-purple-2: #d1c4e9;
  --deep-purple-3: #b39ddb;
  --deep-purple-4: #9575cd;
  --deep-purple-5: #7e57c2;
  --deep-purple-6: #673ab7;
  --deep-purple-7: #5e35b1;
  --deep-purple-8: #512da8;
  --deep-purple-9: #4527a0;
  --deep-purple-10: #311b92;
  --deep-purple-11: #b388ff;
  --deep-purple-12: #7c4dff;
  --deep-purple-13: #651fff;
  --deep-purple-14: #6200ea;
  --indigo: #3f51b5;
  --indigo-1: #e8eaf6;
  --indigo-2: #c5cae9;
  --indigo-3: #9fa8da;
  --indigo-4: #7986cb;
  --indigo-5: #5c6bc0;
  --indigo-6: #3f51b5;
  --indigo-7: #3949ab;
  --indigo-8: #303f9f;
  --indigo-9: #283593;
  --indigo-10: #1a237e;
  --indigo-11: #8c9eff;
  --indigo-12: #536dfe;
  --indigo-13: #3d5afe;
  --indigo-14: #304ffe;
  --blue: #2196f3;
  --blue-1: #e3f2fd;
  --blue-2: #bbdefb;
  --blue-3: #90caf9;
  --blue-4: #64b5f6;
  --blue-5: #42a5f5;
  --blue-6: #2196f3;
  --blue-7: #1e88e5;
  --blue-8: #1976d2;
  --blue-9: #1565c0;
  --blue-10: #0d47a1;
  --blue-11: #82b1ff;
  --blue-12: #448aff;
  --blue-13: #2979ff;
  --blue-14: #2962ff;
  --light-blue: #03a9f4;
  --light-blue-1: #e1f5fe;
  --light-blue-2: #b3e5fc;
  --light-blue-3: #81d4fa;
  --light-blue-4: #4fc3f7;
  --light-blue-5: #29b6f6;
  --light-blue-6: #03a9f4;
  --light-blue-7: #039be5;
  --light-blue-8: #0288d1;
  --light-blue-9: #0277bd;
  --light-blue-10: #01579b;
  --light-blue-11: #80d8ff;
  --light-blue-12: #40c4ff;
  --light-blue-13: #00b0ff;
  --light-blue-14: #0091ea;
  --cyan: #00bcd4;
  --cyan-1: #e0f7fa;
  --cyan-2: #b2ebf2;
  --cyan-3: #80deea;
  --cyan-4: #4dd0e1;
  --cyan-5: #26c6da;
  --cyan-6: #00bcd4;
  --cyan-7: #00acc1;
  --cyan-8: #0097a7;
  --cyan-9: #00838f;
  --cyan-10: #006064;
  --cyan-11: #84ffff;
  --cyan-12: #18ffff;
  --cyan-13: #00e5ff;
  --cyan-14: #00b8d4;
  --teal: #009688;
  --teal-1: #e0f2f1;
  --teal-2: #b2dfdb;
  --teal-3: #80cbc4;
  --teal-4: #4db6ac;
  --teal-5: #26a69a;
  --teal-6: #009688;
  --teal-7: #00897b;
  --teal-8: #00796b;
  --teal-9: #00695c;
  --teal-10: #004d40;
  --teal-11: #a7ffeb;
  --teal-12: #64ffda;
  --teal-13: #1de9b6;
  --teal-14: #00bfa5;
  --green: #4caf50;
  --green-1: #e8f5e9;
  --green-2: #c8e6c9;
  --green-3: #a5d6a7;
  --green-4: #81c784;
  --green-5: #66bb6a;
  --green-6: #4caf50;
  --green-7: #43a047;
  --green-8: #388e3c;
  --green-9: #2e7d32;
  --green-10: #1b5e20;
  --green-11: #b9f6ca;
  --green-12: #69f0ae;
  --green-13: #00e676;
  --green-14: #00c853;
  --light-green: #8bc34a;
  --light-green-1: #f1f8e9;
  --light-green-2: #dcedc8;
  --light-green-3: #c5e1a5;
  --light-green-4: #aed581;
  --light-green-5: #9ccc65;
  --light-green-6: #8bc34a;
  --light-green-7: #7cb342;
  --light-green-8: #689f38;
  --light-green-9: #558b2f;
  --light-green-10: #33691e;
  --light-green-11: #ccff90;
  --light-green-12: #b2ff59;
  --light-green-13: #76ff03;
  --light-green-14: #64dd17;
  --lime: #cddc39;
  --lime-1: #f9fbe7;
  --lime-2: #f0f4c3;
  --lime-3: #e6ee9c;
  --lime-4: #dce775;
  --lime-5: #d4e157;
  --lime-6: #cddc39;
  --lime-7: #c0ca33;
  --lime-8: #afb42b;
  --lime-9: #9e9d24;
  --lime-10: #827717;
  --lime-11: #f4ff81;
  --lime-12: #eeff41;
  --lime-13: #c6ff00;
  --lime-14: #aeea00;
  --yellow: #ffeb3b;
  --yellow-1: #fffde7;
  --yellow-2: #fff9c4;
  --yellow-3: #fff59d;
  --yellow-4: #fff176;
  --yellow-5: #ffee58;
  --yellow-6: #ffeb3b;
  --yellow-7: #fdd835;
  --yellow-8: #fbc02d;
  --yellow-9: #f9a825;
  --yellow-10: #f57f17;
  --yellow-11: #ffff8d;
  --yellow-12: #ffff00;
  --yellow-13: #ffea00;
  --yellow-14: #ffd600;
  --amber: #ffc107;
  --amber-1: #fff8e1;
  --amber-2: #ffecb3;
  --amber-3: #ffe082;
  --amber-4: #ffd54f;
  --amber-5: #ffca28;
  --amber-6: #ffc107;
  --amber-7: #ffb300;
  --amber-8: #ffa000;
  --amber-9: #ff8f00;
  --amber-10: #ff6f00;
  --amber-11: #ffe57f;
  --amber-12: #ffd740;
  --amber-13: #ffc400;
  --amber-14: #ffab00;
  --orange: #ff9800;
  --orange-1: #fff3e0;
  --orange-2: #ffe0b2;
  --orange-3: #ffcc80;
  --orange-4: #ffb74d;
  --orange-5: #ffa726;
  --orange-6: #ff9800;
  --orange-7: #fb8c00;
  --orange-8: #f57c00;
  --orange-9: #ef6c00;
  --orange-10: #e65100;
  --orange-11: #ffd180;
  --orange-12: #ffab40;
  --orange-13: #ff9100;
  --orange-14: #ff6d00;
  --deep-orange: #ff5722;
  --deep-orange-1: #fbe9e7;
  --deep-orange-2: #ffccbc;
  --deep-orange-3: #ffab91;
  --deep-orange-4: #ff8a65;
  --deep-orange-5: #ff7043;
  --deep-orange-6: #ff5722;
  --deep-orange-7: #f4511e;
  --deep-orange-8: #e64a19;
  --deep-orange-9: #d84315;
  --deep-orange-10: #bf360c;
  --deep-orange-11: #ff9e80;
  --deep-orange-12: #ff6e40;
  --deep-orange-13: #ff3d00;
  --deep-orange-14: #dd2c00;
  --brown: #795548;
  --brown-1: #efebe9;
  --brown-2: #d7ccc8;
  --brown-3: #bcaaa4;
  --brown-4: #a1887f;
  --brown-5: #8d6e63;
  --brown-6: #795548;
  --brown-7: #6d4c41;
  --brown-8: #5d4037;
  --brown-9: #4e342e;
  --brown-10: #3e2723;
  --brown-11: #d7ccc8;
  --brown-12: #bcaaa4;
  --brown-13: #8d6e63;
  --brown-14: #5d4037;
  --grey: #9e9e9e;
  --grey-1: #fafafa;
  --grey-2: #f5f5f5;
  --grey-3: #eeeeee;
  --grey-4: #e0e0e0;
  --grey-5: #bdbdbd;
  --grey-6: #9e9e9e;
  --grey-7: #757575;
  --grey-8: #616161;
  --grey-9: #424242;
  --grey-10: #212121;
  --grey-11: #f5f5f5;
  --grey-12: #eeeeee;
  --grey-13: #bdbdbd;
  --grey-14: #616161;
  --blue-grey: #607d8b;
  --blue-grey-1: #eceff1;
  --blue-grey-2: #cfd8dc;
  --blue-grey-3: #b0bec5;
  --blue-grey-4: #90a4ae;
  --blue-grey-5: #78909c;
  --blue-grey-6: #607d8b;
  --blue-grey-7: #546e7a;
  --blue-grey-8: #455a64;
  --blue-grey-9: #37474f;
  --blue-grey-10: #263238;
  --blue-grey-11: #cfd8dc;
  --blue-grey-12: #b0bec5;
  --blue-grey-13: #78909c;
  --blue-grey-14: #455a64;
}

#wpcontent {
  padding: 20px;
}

.gap-5 {
  gap: 5px;
}

.gap-10 {
  gap: 10px;
}

.material-icons {
  font-family: Material Icons;
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
}

.q-icon {
  line-height: 1;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-align: center;
  position: relative;
  box-sizing: content-box;
  fill: currentColor;
}

.vtables-toast {
  display: none;
  background: #fcfcfc;
  box-shadow: 0 1px 3px #ccc;
  border-radius: 4px;
  padding: 0 10px 10px 10px;
  position: fixed;
  bottom: 20px;
  left: 50%;
  width: 300px;
  transform: translateX(-50%);
  z-index: 9999;
}

.vtables-toast__controls {
  height: 15px;
  text-align: right;
  margin-bottom: 5px;
}

.vtables-toast__controls .q-icon {
  cursor: pointer;
  line-height: normal;
  font-size: 12px;
}

.vtables-toast__body {
  margin-bottom: 5px;
}

.vtables-toast__actions {
  text-align: right;
  font-size: 12px;
  text-transform: uppercase;
  min-height: 5px;
}

.vtables-toast__actions a {
  text-decoration: none;
  border-bottom: 1px dotted;
}

.vtables-img-preview {
  display: none;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  max-width: unset !important;
  max-height: unset !important;
}

.vtables-img-preview .vtables-img-preview__backdrop {
  background: rgba(100, 100, 100, 0.5);
  height: 100%;
  width: 100%;
  position: absolute;
}

.vtables-img-preview .vtables-img-preview__card {
  max-width: 560px;
  max-height: calc(100vh - 48px);
  height: 90%;
  margin-top: 24px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  z-index: 9999;
}

.vtables-img-preview .vtables-img-preview__main-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.vtables-img-preview .vtables-img-preview__gallery {
  display: flex;
  bottom: 0;
  left: 0;
  position: absolute;
}