.svg {
  display: block;
}
.svg.inline {
  display: inline-block;
  vertical-align: middle;
}
.svg svg {
  display: block;
}
.svg-login,
.svg-login svg {
  width: 16px;
  height: 16px;
}
.svg-search,
.svg-search svg {
  width: 18px;
  height: 18px;
}
.svg-arrow,
.svg-arrow svg {
  width: 5px;
  height: 8px;
}
.svg-arrow-md,
.svg-arrow-md svg {
  width: 6px;
  height: 10px;
}
.svg-share,
.svg-share svg {
  width: 14px;
  height: 16px;
}
.svg-arrow-right-sm,
.svg-arrow-right-sm svg{
  width: 17px;
  height: 10px;
}
.svg-menu-burger,
.svg-menu-burger svg {
  width: 16px;
  height: 12px;
}
.svg-arrow-right-sm use{
  stroke: #fff;
}
.svg-arrow-right-xs,
.svg-arrow-right-xs svg{
  width: 18px;
  height: 12px;
}
.svg-arrow-right,
.svg-arrow-right svg {
  width: 4px;
  height: 7px;
}
.svg-arrow-down,
.svg-arrow-down svg {
  width: 14px;
  height: 8px;
}
.svg-arrow-right-xxs,
.svg-arrow-right-xxs svg{
  width: 14px;
  height: 10px;
}
.svg-arrow-sm, 
.svg-arrow-sm svg {
    width: 5px;
    height: 3px;
}
.svg-arrow-right-exs,
.svg-arrow-right-exs svg{
  width: 14px;
  height: 8px;
}
.svg-close-md,
.svg-close-md svg {
  width: 16px;
  height: 16px;
}
.svg-arrow-back-md,
.svg-arrow-back-md svg {
  width: 20px;
  height: 16px;
}
.svg-cart, .svg-cart svg{
  width: 19px;
  height: 16px;
}
.svg-search use {
  fill: var(--muted);
}
.svg-search:hover:not(.loading) use {
  fill: var(--dark);
}
.muted-theme-hover-stroke use {
  stroke: #cacaca;
}
.muted-theme-hover-stroke:hover:not(.loading) use {
  stroke: var(--color-base);
}
.muted-theme-hover-fill use {
  fill: #cacaca;
}
.muted-theme-hover-fill:hover:not(.loading) use {
  fill: var(--color-base);
}
.dark-theme-hover-fill use {
  fill: var(--dark);
}
.dark-theme-hover-fill:hover:not(.loading) use {
  fill: var(--color-base);
}
.dark-theme-hover-stroke use {
  stroke: var(--dark);
}
.dark-theme-hover-stroke:hover:not(.loading) use {
  stroke: var(--color-base);
}
.dark-stroke use{
  stroke: var(--dark);
}

.dark-stroke:hover use{
  stroke: var(--color-base);
}

.stroke-theme use{
  stroke: var(--color-base);
}

.light-stroke use{
  stroke: var(--white);
}
.light-fill use{
  fill: var(--white);
}