.ui-icon {
    display: inline-block;
    width: 1.1em;
    height: 1.1em;
    flex: 0 0 auto;
    vertical-align: -.16em;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
}

.has-ui-icon > .ui-icon {
    margin-inline-end: .5em;
}

.button.has-ui-icon > .ui-icon,
.product-link.has-ui-icon > .ui-icon,
.product-text-link.has-ui-icon > .ui-icon {
    margin-inline-end: 0;
}

.desktop-nav a.has-ui-icon,
.mobile-nav a.has-ui-icon,
.footer-column a.has-ui-icon {
    display: inline-flex;
    align-items: center;
    gap: .5em;
}

.desktop-nav a.has-ui-icon > .ui-icon,
.mobile-nav a.has-ui-icon > .ui-icon,
.footer-column a.has-ui-icon > .ui-icon {
    margin-inline-end: 0;
}

@media (min-width: 761px) and (max-width: 1000px) {
    .desktop-nav {
        gap: 14px;
    }
}