@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url('./common.css');
@import url('./layout.css');
@import url('./table.css');
@import url('./modal.css');
@import url('./woocommerce.css');

:root {
  --descrb-color-primary: #1d2a4f;
  --descrb-color-secondary: #f1bad7;
  --descrb-color-tertiary: #6ec6d3;
  --descrb-default-transition: cubic-bezier(0.4, 0, 0.2, 1);
}

#woocommerce-product-data ul.wc-tabs li.custom_api_tab_options a:before {
  /* Dashicon unicode */
  content: '\f327';
  font-family: Dashicons;
}

.descrb-container {
  font-family: 'Ubuntu', sans-serif;
  color: var(--descrb-color-primary);
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
  padding: 1.5rem !important;
}

.descrb-container h2,
.descrb-container h3 {
  color: inherit;
  margin: 0;
}

.descrb-container h2 {
  font-weight: 500;
}

.descrb-container label {
  float: none !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

.descrb-logo::before {
  content: '{';
}

.descrb-logo::after {
  content: '}';
}

.descrb-logo::before,
.descrb-logo::after {
  color: var(--descrb-color-secondary);
}