/* -------------------------------------------------------- */

/* @group @variables */

[class*="a-svg-icon"],
[class*="a-svg-"] {
--icon-transition: none;
}

/* @end @variables */

/* @group @variables */

[class*="a-svg-inherit"] {
--icon-fill: currentColor;
}

/* @end @variables */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="a-svg-check"] {
--icon-fill: hsl(214, 89%, 52%);
}

/* @end @variables */

/* @group @variables */

[class*="a-svg-facebook"] {
--icon-fill: hsl(214, 89%, 52%);
}

a:hover [class*="a-svg-facebook"],
a:focus [class*="a-svg-facebook"] {
--icon-fill: hsl(214, 89%, 48%);
}

a:active [class*="a-svg-facebook"] {
--icon-fill: hsl(214, 89%, 42%);
}

/* @end @variables */

/* @group @variables */

[class*="a-svg-twitter"] {
--icon-fill: hsl(203, 89%, 53%);
}

a:hover [class*="a-svg-twitter"],
a:focus [class*="a-svg-twitter"] {
--icon-fill: hsl(203, 89%, 48%);
}

a:active [class*="a-svg-twitter"] {
--icon-fill: hsl(203, 89%, 43%);
}

/* @end @variables */

/* @group @variables */

[class*="a-svg-hatena"] {
--icon-fill: hsl(196, 99%, 44%);
}

a:hover [class*="a-svg-hatena"],
a:focus [class*="a-svg-hatena"] {
--icon-fill: hsl(196, 99%, 39%);
}

a:active [class*="a-svg-hatena"] {
--icon-fill: hsl(196, 99%, 34%);
}

/* @end @variables */

/* @group @variables */

[class*="a-svg-line"] {
--icon-fill: hsl(120, 100%, 38%);
}

a:hover [class*="a-svg-line"],
a:focus [class*="a-svg-line"] {
--icon-fill: hsl(120, 100%, 34%);
}

a:active [class*="a-svg-line"] {
--icon-fill: hsl(120, 100%, 28%);
}

/* @end @variables */

/* @group @variables */

[class*="a-svg-pinterest"] {
--icon-fill: hsl(351, 100%, 45%);
}

a:hover [class*="a-svg-pinterest"],
a:focus [class*="a-svg-pinterest"] {
--icon-fill: hsl(351, 100%, 40%);
}

a:active [class*="a-svg-pinterest"] {
--icon-fill: hsl(351, 100%, 35%);
}

/* @end @variables */

/* @group @width / height */

[class*="a-svg-icon"],
[class*="a-svg-"] {
box-sizing: border-box;
width: var(--icon-width);
height: var(--icon-height);
padding: var(--icon-padding);
margin-top: var(--icon-margin-top);
margin-right: var(--icon-margin-right);
margin-bottom: var(--icon-margin-bottom);
margin-left: var(--icon-margin-left);
background-color: var(--icon-background-color);
border-radius: var(--icon-border-radius);
fill: var(--icon-fill);
opacity: var(--icon-opacity);
stroke: var(--icon-stroke);
stroke-width:var(--icon-stroke-width);
stop-color: var(--icon-stop-color);
transform: var(--icon-transform);
transform-origin: center;
transition: var(--icon-transition);
}

/* @end @width / height */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="a-mask-star-half-left"] {
--icon-stop-color: var(--color-star);
}

[class*="a-mask-star-half-right"] {
--icon-stop-color: var(--color-star-mask);
}

/* @end @variables */

/* @group @width / height */

[class*="a-mask-"] {
stop-color: var(--icon-stop-color);
}

/* @end @width / height */