/* Mora mark on the shipping rate line, both checkouts.
   Drawn as a CSS mask so it inherits the merchant's own text colour
   (currentColor) and can never clash with their theme, light or dark.
   Keyed on the rate id prefix "mora:", which WooCommerce puts in the radio
   input's value on classic AND on Blocks (the Store API exposes rate_id).
   If either DOM changes the mark simply does not render. Nothing breaks.
   Aspect ratio is 512:438, so the box is 1.17em wide by 1em tall. */

.mora-mark,
#shipping_method input.shipping_method[value^="mora:"] + label::before,
.wc-block-components-radio-control__input[value^="mora:"]
  ~ .wc-block-components-radio-control__option-layout
  .wc-block-components-radio-control__label::before {
  content: "";
  display: inline-block;
  width: 1.17em;
  height: 1em;
  margin-right: .4em;
  vertical-align: -.12em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20438%22%20role%3D%22img%22%20aria-label%3D%22Mora%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%2229%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M75%20129H122%22%2F%3E%3Cpath%20d%3D%22M30%20190H82%22%2F%3E%3Cpath%20d%3D%22M50%20251H122%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M308.0%2041.2L453.9%20123.1L308.0%20198.7L162.1%20123.1Z%22%2F%3E%3Cpath%20d%3D%22M474.0%20153.2L474.0%20303.6L326.0%20386.7L326.0%20229.9Z%22%2F%3E%3Cpath%20d%3D%22M142.0%20153.2L290.0%20229.9L290.0%20386.7L142.0%20303.6Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
          mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20438%22%20role%3D%22img%22%20aria-label%3D%22Mora%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%2229%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M75%20129H122%22%2F%3E%3Cpath%20d%3D%22M30%20190H82%22%2F%3E%3Cpath%20d%3D%22M50%20251H122%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M308.0%2041.2L453.9%20123.1L308.0%20198.7L162.1%20123.1Z%22%2F%3E%3Cpath%20d%3D%22M474.0%20153.2L474.0%20303.6L326.0%20386.7L326.0%20229.9Z%22%2F%3E%3Cpath%20d%3D%22M142.0%20153.2L290.0%20229.9L290.0%20386.7L142.0%20303.6Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}