my-icon{display:block;width:25px;height:25px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:var(--clr-black);pointer-events:none}my-icon[d_icon=logo]{width:var(--_logoWidth);height:var(--_logoHeight);-webkit-mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/logo.svg);mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/logo.svg);transition:.5s var(--lessBouncyTransition)}my-icon[d_icon=error]{-webkit-mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/error.svg);mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/error.svg);background-color:var(--clr-error-400)}my-icon[d_icon=eye]{-webkit-mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/eye.svg);mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/eye.svg)}my-icon[d_icon=hide-pass]{-webkit-mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/hide-pass.svg);mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/hide-pass.svg)}my-icon[d_icon=image]{-webkit-mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/image.svg);mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/image.svg)}my-icon[d_icon=info]{-webkit-mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/info.svg);mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/info.svg)}my-icon[d_icon=key]{-webkit-mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/key.svg);mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/key.svg)}my-icon[d_icon=pencil]{-webkit-mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/pencil.svg);mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/pencil.svg)}my-icon[d_icon=plus-with-circle]{-webkit-mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/plus-with-circle.svg);mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/plus-with-circle.svg)}my-icon[d_icon=reorder]{-webkit-mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/reorder.svg);mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/reorder.svg)}my-icon[d_icon=settings]{-webkit-mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/settings.svg);mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/settings.svg)}my-icon[d_icon=show-pass]{-webkit-mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/show-pass.svg);mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/show-pass.svg)}my-icon[d_icon=sign-out]{-webkit-mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/sign-out.svg);mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/sign-out.svg)}my-icon[d_icon=success]{-webkit-mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/success.svg);mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/success.svg);background-color:var(--clr-success-400)}my-icon[d_icon=trashcan]{-webkit-mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/trashcan.svg);mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/trashcan.svg)}my-icon[d_icon=upload]{-webkit-mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/upload.svg);mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/upload.svg)}my-icon[d_icon=user-plus]{-webkit-mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/user-plus.svg);mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/user-plus.svg)}my-icon[d_icon=warn]{-webkit-mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/error.svg);mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/error.svg);background-color:var(--clr-secondary-500)}my-icon[d_icon=x]{width:15px;height:15px;-webkit-mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/x.svg);mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/x.svg)}my-icon[d_icon=youtube]{-webkit-mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/youtube.svg);mask-image:url(https://thebrooklynnomads.b-cdn.net/static/svg/youtube.svg)}my-icon[d_color=dark]{background-color:var(--clr-black)}my-icon[d_color=white]{background-color:var(--clr-primary-400)}my-icon[d_color=error]{background-color:var(--clr-error-400)}