/* Phosphor uses filled path outlines, not stroked custom SVG paths. */
svg.phosphor-icon{display:inline-block;width:22px;height:22px;fill:currentColor;stroke:none!important;stroke-width:0;flex-shrink:0;vertical-align:middle}
[data-icon]{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}
.brand-word sup .phosphor-icon{width:18px;height:18px}
.footer-logo .phosphor-icon{width:24px;height:24px}
.included>.phosphor-icon{width:17px;height:17px}
.gallery-arrow .phosphor-icon{width:18px;height:18px}
.quantity button{display:grid;place-items:center}
.quantity .phosphor-icon{width:15px;height:15px}
.favourite.saved svg.phosphor-icon,.favourite:hover svg.phosphor-icon{fill:currentColor}
.colour-choice.selected:after{content:none}
.colour-choice>.phosphor-icon{display:none;width:21px;height:21px}
.colour-choice.selected>.phosphor-icon{display:block;margin:auto;color:var(--ink);filter:drop-shadow(0 0 2px white)}
.lab-brand [data-icon] .phosphor-icon,.sample-logo [data-icon] .phosphor-icon{width:27px;height:27px}
.lab-intro h1 [data-icon] .phosphor-icon{width:35px;height:35px}
.demo-button .phosphor-icon{width:18px;height:18px}
.heart{display:grid;place-items:center}
.heart .phosphor-icon{width:22px;height:22px}
.colour-picker i .phosphor-icon{width:17px;height:17px}
.photo-sticker [data-icon] .phosphor-icon{width:30px;height:30px}
.sample-ticker .phosphor-icon{width:18px;height:18px}
.hero-small .phosphor-icon{width:15px;height:15px}
.lab-badge .phosphor-icon{width:14px;height:14px}
.back-link .phosphor-icon,.control-actions .phosphor-icon{width:15px;height:15px}
.direction-arrow .phosphor-icon{width:20px;height:20px}
@media(max-width:760px){.gallery-arrow .phosphor-icon{width:16px;height:16px}}