/**
 * Svg Block Styles
 */

/* Main Svg container */
.svg {
  display: flex;
  flex-direction: column;
}

/* Svg Prop styles */
.svg-primary svg {
  stroke: var(--primary-color);
}

.svg-secondary svg {
  stroke: var(--secondary-color);
}
.svg-accent svg {
  stroke: var(--accent-color);
}
.svg-black svg {
  stroke: var(--black);
}
.svg-white svg {
  stroke: var(--white);
}

.svg-small {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
}

.svg-medium {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
}

.svg-large {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
}

/* Responsive styles */
@media (width <= 1024px) {
  .svg {
  }
}
@media (width <= 768px) {
  .svg {
  }
}
@media (width <= 480px) {
  .svg {
  }
}