my-icon{display:block;height:20px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none;width:20px}my-icon,my-icon[d_icon=arrow-down]{background-color:var(--clr-accent-300)}my-icon[d_icon=arrow-down]{height:16px;-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/arrow-down.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/arrow-down.svg);transition:rotate .2s;width:16px}my-icon[d_icon=cassette]{-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/cassette.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/cassette.svg)}my-icon[d_icon=cassette],my-icon[d_icon=document]{background-color:var(--clr-accent-500);height:25px;width:25px}my-icon[d_icon=document]{-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/document.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/document.svg)}my-icon[d_icon=error]{background-color:var(--clr-error-400);height:30px;-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/error.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/error.svg);width:30px}my-icon[d_icon=facebook]{-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/facebook.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/facebook.svg);width:10px}my-icon[d_icon=filter-on]{-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/filterOn.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/filterOn.svg)}my-icon[d_icon=filter-off]{-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/filterOff.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/filterOff.svg)}my-icon[d_icon=hide-pass],my-icon[d_icon=show-pass]{height:30px;width:30px}my-icon[d_icon=hide-pass]{-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/hide-pass.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/hide-pass.svg)}my-icon[d_icon=hyperlink],my-icon[d_icon=unlink]{background-color:var(--clr-primary-400);height:18px;width:18px}my-icon[d_icon=hyperlink]{-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/hyperlink.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/hyperlink.svg)}my-icon[d_icon=image]{background-color:var(--clr-accent-500);height:25px;-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/image.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/image.svg);width:25px}my-icon[d_icon=info]{background-color:var(--clr-accent-400);-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/info.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/info.svg)}my-icon[d_icon=instagram]{-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/instagram.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/instagram.svg)}my-icon[d_icon=left-angles]{-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/left-angles.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/left-angles.svg)}my-icon[d_icon=left-arrow],my-icon[d_icon=right-arrow]{background-color:var(--clr-accent-400);height:40px;width:40px}my-icon[d_icon=left-arrow]{background-color:var(--clr-accent-400);-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/left-arrow.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/left-arrow.svg)}my-icon[d_icon=mute]{background-color:var(--clr-accent-400);-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/mute.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/mute.svg)}my-icon[d_icon=pause]{background-color:var(--clr-accent-400);height:15px;-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/pause.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/pause.svg);width:15px}my-icon[d_icon=play]{background-color:var(--clr-accent-400);height:18px;-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/play.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/play.svg);width:18px}my-icon[d_icon=plus]{background-color:var(--clr-accent-400);-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/plus.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/plus.svg)}my-icon[d_icon=question-mark]{background-color:var(--clr-accent-400);height:35px;-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/question-mark.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/question-mark.svg);width:35px}my-icon[d_icon=right-angles]{-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/right-angles.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/right-angles.svg)}my-icon[d_icon=right-arrow]{-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/right-arrow.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/right-arrow.svg)}my-icon[d_icon=search]{height:30px;-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/search.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/search.svg);width:30px}my-icon[d_icon=settings]{background-color:var(--clr-accent-400);height:35px;-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/settings.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/settings.svg);width:35px}my-icon[d_icon=show-pass]{-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/show-pass.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/show-pass.svg)}my-icon[d_icon=sign-out]{-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/sign-out.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/sign-out.svg)}my-icon[d_icon=square-plus]{background-color:var(--clr-accent-400);height:35px;-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/square-plus.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/square-plus.svg);transition:rotate .2s;width:35px}my-icon[d_icon=success]{background-color:var(--clr-success-200);height:30px;-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/success.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/success.svg);width:30px}my-icon[d_icon=trash]{background-color:var(--clr-accent-400);-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/trash.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/trash.svg)}my-icon[d_icon=twitter]{-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/twitter.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/twitter.svg)}my-icon[d_icon=unlink]{-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/unlink.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/unlink.svg)}my-icon[d_icon=upload]{height:25px;-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/upload.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/upload.svg);width:25px}my-icon[d_icon=warn]{background-color:var(--clr-warn-400);-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/error.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/error.svg)}my-icon[d_icon=x-mark]{background-color:var(--clr-primary-400);height:15px;-webkit-mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/x.svg);mask-image:url(https://syriancassettearchives.b-cdn.net/static/icons/x.svg);width:15px}my-icon[d_color=dark]{background-color:var(--clr-text)}my-icon[d_color=white]{background-color:var(--clr-primary-400)}my-icon[d_color=error]{background-color:var(--clr-error-400)}