.feather{width:20px;height:20px;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;fill:none}.icon{display:flex;justify-content:center;align-items:center;&.icon--small { width: 20px; height: 20px; } &.icon--medium { width: 30px; height: 30px; } &.icon--large { width: 40px; height: 40px; }}.icon--primary svg{stroke:var(--skross-primary-color)}.icon--primary svg path{stroke:var(--skross-primary-color)}.icon--white svg{stroke:var(--skross-white-color)}.icon-fill--white svg path{fill:var(--skross-white-color)}.icon--white svg path{stroke:var(--skross-white-color)}.icon--black svg{stroke:var(--skross-black-color)}.icon--black svg path{stroke:var(--skross-black-color)}.icon-stroke--white svg{stroke:var(--skross-white-color)}.footer-brand-social.icon--black svg{fill:var(--skross-black-color);stroke:none}.footer-brand-social.icon--black svg path{fill:var(--skross-black-color);stroke:none}.footer-brand-social.icon--white svg{fill:var(--skross-white-color);stroke:none}.footer-brand-social.icon--white svg path{fill:var(--skross-white-color);stroke:none}#search-icon{width:4rem;height:4rem}#login-icon{width:4rem;height:4rem}#search-icon:hover{background:#0000000d;border-radius:50%;transition:background .2s ease 0s}#login-icon:hover{background:#0000000d;border-radius:50%;transition:background .2s ease 0s}