/* docara-shell-source: runtime/utility/mask-origin/default/css/default.css */
@layer sf.utilities {
  .mask-origin-content {
    -webkit-mask-origin: content-box;
            mask-origin: content-box;
  }
  .mask-origin-padding {
    -webkit-mask-origin: padding-box;
            mask-origin: padding-box;
  }
  .mask-origin-margin {
    -webkit-mask-origin: margin-box;
            mask-origin: margin-box;
  }
  .mask-origin-border {
    -webkit-mask-origin: border-box;
            mask-origin: border-box;
  }
  .mask-origin-fill {
    -webkit-mask-origin: fill-box;
            mask-origin: fill-box;
  }
  .mask-origin-stroke {
    -webkit-mask-origin: stroke-box;
            mask-origin: stroke-box;
  }
  .mask-origin-viewbox {
    -webkit-mask-origin: view-box;
            mask-origin: view-box;
  }
}

/* docara-shell-source: runtime/utility/mask-position/default/css/default.css */
@layer sf.utilities {
  .mask-top {
    -webkit-mask-position: top;
            mask-position: top;
  }
  .mask-inline-end {
    -webkit-mask-position: right;
            mask-position: right;
  }
  .mask-bottom {
    -webkit-mask-position: bottom;
            mask-position: bottom;
  }
  .mask-inline-start {
    -webkit-mask-position: left;
            mask-position: left;
  }
  .mask-center {
    -webkit-mask-position: center;
            mask-position: center;
  }
  .mask-inline-start-top {
    -webkit-mask-position: left top;
            mask-position: left top;
  }
  .mask-inline-start-bottom {
    -webkit-mask-position: left bottom;
            mask-position: left bottom;
  }
  .mask-inline-end-top {
    -webkit-mask-position: right top;
            mask-position: right top;
  }
  .mask-inline-end-bottom {
    -webkit-mask-position: right bottom;
            mask-position: right bottom;
  }
}

/* docara-shell-source: runtime/utility/mask-repeat/default/css/default.css */
@layer sf.utilities {
  .mask-repeat {
    -webkit-mask-repeat: repeat;
            mask-repeat: repeat;
  }
  .mask-repeat-none {
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
  }
  .mask-repeat-x {
    -webkit-mask-repeat: repeat-x;
            mask-repeat: repeat-x;
  }
  .mask-repeat-y {
    -webkit-mask-repeat: repeat-y;
            mask-repeat: repeat-y;
  }
  .mask-repeat-round {
    -webkit-mask-repeat: round;
            mask-repeat: round;
  }
  .mask-repeat-space {
    -webkit-mask-repeat: space;
            mask-repeat: space;
  }
}