[icon]:not([icon="wrapper"], [icon="bg"], [icon="round"]) {
    flex-grow: 0;
    flex-shrink: 0;
    position: relative;
    display: inline-block;
    vertical-align: -12%;
    align-self: center;
    z-index: 1;
    height: var(--fit-width, 1em);
    width: var(--fit-height, 1em);
    font-family: unset;
}

[icon]:not([icon="wrapper"], [icon="bg"], [icon="round"]) {
    background-color: currentColor;
    -webkit-mask-image: var(--icon-url, url(https://assets.studiocast.ca/assets_ui/icons/bad-icon.svg));
    mask-image: var(--icon-url, url(https://assets.studiocast.ca/assets_ui/icons/bad-icon.svg));
    -webkit-mask-size: var(--scale, contain);
    mask-size: var(--scale, contain);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

[icon~="height"] {
    --fit-height: calc(var(--ratio, 1) * 1em);
}

[icon~="width"] {
    --fit-width: calc(1em / (var(--ratio, 1)));
}

[icon="wrapper"] {
    position: relative;
    display: inline-flex;
    vertical-align: -12%;
    align-self: center;
    /* Prevents flex stretching */
    height: 100%;
}

[icon="wrapper"] [icon]:not([icon="bg"], [icon="round"]) {
    color: inherit;
}

[icon="bg"],
[icon="round"] {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: var(--icon-bg-color, #fff);
}

[icon="round"] {
    border-radius: 50%;
}

[icon*="99"] { --scale: 99%; }[icon*="98"] { --scale: 98%; }[icon*="97"] { --scale: 97%; }[icon*="96"] { --scale: 96%; }[icon*="95"] { --scale: 95%; }[icon*="94"] { --scale: 94%; }[icon*="93"] { --scale: 93%; }[icon*="92"] { --scale: 92%; }[icon*="91"] { --scale: 91%; }[icon*="90"] { --scale: 90%; }[icon*="89"] { --scale: 89%; }[icon*="88"] { --scale: 88%; }[icon*="87"] { --scale: 87%; }[icon*="86"] { --scale: 86%; }[icon*="85"] { --scale: 85%; }[icon*="84"] { --scale: 84%; }[icon*="83"] { --scale: 83%; }[icon*="82"] { --scale: 82%; }[icon*="81"] { --scale: 81%; }[icon*="80"] { --scale: 80%; }[icon*="79"] { --scale: 79%; }[icon*="78"] { --scale: 78%; }[icon*="77"] { --scale: 77%; }[icon*="76"] { --scale: 76%; }[icon*="75"] { --scale: 75%; }[icon*="74"] { --scale: 74%; }[icon*="73"] { --scale: 73%; }[icon*="72"] { --scale: 72%; }[icon*="71"] { --scale: 71%; }[icon*="70"] { --scale: 70%; }[icon*="69"] { --scale: 69%; }[icon*="68"] { --scale: 68%; }[icon*="67"] { --scale: 67%; }[icon*="66"] { --scale: 66%; }[icon*="65"] { --scale: 65%; }[icon*="64"] { --scale: 64%; }[icon*="63"] { --scale: 63%; }[icon*="62"] { --scale: 62%; }[icon*="61"] { --scale: 61%; }[icon*="60"] { --scale: 60%; }[icon*="59"] { --scale: 59%; }[icon*="58"] { --scale: 58%; }[icon*="57"] { --scale: 57%; }[icon*="56"] { --scale: 56%; }[icon*="55"] { --scale: 55%; }[icon*="54"] { --scale: 54%; }[icon*="53"] { --scale: 53%; }[icon*="52"] { --scale: 52%; }[icon*="51"] { --scale: 51%; }[icon*="50"] { --scale: 50%; }[icon*="49"] { --scale: 49%; }[icon*="48"] { --scale: 48%; }[icon*="47"] { --scale: 47%; }[icon*="46"] { --scale: 46%; }[icon*="45"] { --scale: 45%; }[icon*="44"] { --scale: 44%; }[icon*="43"] { --scale: 43%; }[icon*="42"] { --scale: 42%; }[icon*="41"] { --scale: 41%; }[icon*="40"] { --scale: 40%; }[icon*="39"] { --scale: 39%; }[icon*="38"] { --scale: 38%; }[icon*="37"] { --scale: 37%; }[icon*="36"] { --scale: 36%; }[icon*="35"] { --scale: 35%; }[icon*="34"] { --scale: 34%; }[icon*="33"] { --scale: 33%; }[icon*="32"] { --scale: 32%; }[icon*="31"] { --scale: 31%; }[icon*="30"] { --scale: 30%; }

[icon^="bluesky1"] { --icon-url: url(https://assets.studiocast.ca/assets_ui/icons/bluesky1.svg); }
[icon^="chat1"] { --icon-url: url(https://assets.studiocast.ca/assets_ui/icons/chat1.svg); }
[icon^="check1"] { --icon-url: url(https://assets.studiocast.ca/assets_ui/icons/check1.svg); }
[icon^="download1"] { --icon-url: url(https://assets.studiocast.ca/assets_ui/icons/download1.svg); --ratio: 123 / 150; }
[icon^="email1"] { --icon-url: url(https://assets.studiocast.ca/assets_ui/icons/email1.svg); }
[icon^="email2"] { --icon-url: url(https://assets.studiocast.ca/assets_ui/icons/email2.svg); }
[icon^="en1"] { --icon-url: url(https://assets.studiocast.ca/assets_ui/icons/en1.svg); }
[icon^="external1"] { --icon-url: url(https://assets.studiocast.ca/assets_ui/icons/external1.svg); }
[icon^="facebook1"] { --icon-url: url(https://assets.studiocast.ca/assets_ui/icons/facebook1.svg); }
[icon^="fr1"] { --icon-url: url(https://assets.studiocast.ca/assets_ui/icons/fr1.svg); }
[icon^="google-calendar1"] { --icon-url: url(https://assets.studiocast.ca/assets_ui/icons/google-calendar1.svg); --ratio: 29 / 30; }
[icon^="home1"] { --icon-url: url(https://assets.studiocast.ca/assets_ui/icons/home1.svg); }
[icon^="instagram1"] { --icon-url: url(https://assets.studiocast.ca/assets_ui/icons/instagram1.svg); }
[icon^="linkedin1"] { --icon-url: url(https://assets.studiocast.ca/assets_ui/icons/linkedin1.svg); }
[icon^="linkedin2"] { --icon-url: url(https://assets.studiocast.ca/assets_ui/icons/linkedin2.svg); }
[icon^="logout1"] { --icon-url: url(https://assets.studiocast.ca/assets_ui/icons/logout1.svg); }
[icon^="mute1"] { --icon-url: url(https://assets.studiocast.ca/assets_ui/icons/mute1.svg); }
[icon^="outlook1"] { --icon-url: url(https://assets.studiocast.ca/assets_ui/icons/outlook1.svg); --ratio: 53 / 50; }
[icon^="play1"] { --icon-url: url(https://assets.studiocast.ca/assets_ui/icons/play1.svg); }
[icon^="play2"] { --icon-url: url(https://assets.studiocast.ca/assets_ui/icons/play2.svg); }
[icon^="send1"] { --icon-url: url(https://assets.studiocast.ca/assets_ui/icons/send1.svg); }
[icon^="spotify1"] { --icon-url: url(https://assets.studiocast.ca/assets_ui/icons/spotify1.svg); }
[icon^="tiktok1"] { --icon-url: url(https://assets.studiocast.ca/assets_ui/icons/tiktok1.svg); }
[icon^="twitter-x1"] { --icon-url: url(https://assets.studiocast.ca/assets_ui/icons/twitter-x1.svg); }
[icon^="youtube1"] { --icon-url: url(https://assets.studiocast.ca/assets_ui/icons/youtube1.svg); }