Chost Logo by fcard

/* ==UserStyle==
@name           Chost Logo
@namespace      github.com/openstyles/stylus
@version        1.1.0
@description    Change the Cohost logo to say "C host."
@author         phi

==/UserStyle== */

@-moz-document domain("cohost.org") {
  :root {
    --color-chost-logo: currentcolor;
    --color-chost-accent-logo: currentcolor;
  }

  a.text-text svg.lg\:block {
    background-image: linear-gradient(
      var(--color-chost-logo),
      var(--color-chost-logo));
  }
  
  a.hover\:text-accent:hover svg.lg\:block {
    background-image: linear-gradient(
      var(--color-chost-logo),
      var(--color-chost-logo));
  }

  svg.lg\:block[aria-label="cohost"] {
    background-size: calc(2rem * 177.75/127.25) 2rem;
    background-repeat: no-repeat;
    mask-image: var(--logo-mask);
    -webkit-mask-image: var(--logo-mask);
    --logo-mask: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>\
      <svg class="hidden h-8 lg:block" role="img" aria-label="cohost" viewBox="0 0 506 128"\
        xmlns="http://www.w3.org/2000/svg">\
        <rect x="180" width="326" height="128"/>\
        <path fill-rule="evenodd" clip-rule="evenodd"\
          d="M 143.69646,106.05017 C 132.58746,112.85317 118.897,118.552 104.39,122.439 88.2779,\
             126.756 73.0919,128.487 58.8317,127.631 44.5716,126.775 32.4222,123.055 22.3834,\
             116.471 12.3446,109.887 5.57634,100.068 2.07868,87.0142 -1.43905,73.886 -0.492012,\
             61.9799 4.9198,51.2958 10.3316,40.6118 19.0083,31.3714 30.95,23.5747 42.8917,\
             15.7779 56.9185,9.72092 73.0304,5.40379 89.0677,1.1066 104.193,-0.627685 118.406,\
             0.200922 c 9.549,0.556762 18.162,2.401878 25.84,5.535338 3.749,1.53031 7.275,\
            3.36788 10.578,5.51274 10.066,6.5368 16.848,16.332 20.346,29.3856 3.497,\
            13.0536 2.527,24.9461 -2.912,35.6774 -0.76,1.4992 -1.583,2.9703 -2.469,4.4141 -8.13542,\
            11.329632 -12.70516,15.914612 -26.09254,25.32407 z M 91.9944,97.9397 c -1.1136,1.1951 -3.0759,\
            2.4643 -5.887,3.8093 -2.8111,1.344 -6.1993,2.478 -10.1647,3.402 -3.9654,0.923 -8.2295,1.385 -12.7925,\
            1.385 -3.9925,0 -7.9036,-0.387 -11.7332,-1.161 -3.8295,-0.774 -7.2925,-2.003 -10.3887,-3.687 -3.0963,\
            -1.684 -5.5611,-3.8841 -7.3944,-6.6001 -1.8333,-2.716 -2.75,-6.016 -2.75,-9.8999 0,-3.9382 0.9167,\
            -7.2653 2.75,-9.9814 1.8333,-2.716 4.2981,-4.9024 7.3944,-6.5591 3.0962,-1.6568 6.5592,\
            -2.8587 10.3887,-3.6056 3.8296,-0.7469 7.7407,-1.1203 11.7332,-1.1203 4.5901,0 8.8271,\
            0.4074 12.711,1.2222 3.8839,0.8148 7.2178,1.8808 10.0017,3.1981 2.784,1.3173 4.8006,\
            2.7228 6.05,4.2166 l -10.4295,6.8443 c -1.521,-1.6567 -3.8296,-2.9807 -6.9259,-3.9721 -3.0962,\
            -0.9913 -6.8579,-1.487 -11.285,-1.487 -2.1728,0 -4.366,0.1698 -6.5796,0.5092 -2.2136,\
            0.3396 -4.2438,0.9167 -6.0907,1.7315 -1.8468,0.8148 -3.3339,1.9555 -4.461,3.4222 -1.1272,\
            1.4666 -1.6908,3.3271 -1.6908,5.5814 0,2.2271 0.5636,4.0673 1.6908,5.5203 1.1271,\
            1.4531 2.6142,2.6074 4.461,3.4629 1.8469,0.8556 3.8771,1.4599 6.0907,1.813 2.2136,\
            0.3531 4.4068,0.5296 6.5796,0.5296 4.3456,0 8.1141,-0.5432 11.3054,-1.6296 3.1913,\
            -1.0864 5.4388,-2.3358 6.7425,-3.7481 z"\
            fill="currentColor" id="path29"/>\
      </svg>');
  }
}