/* 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;
  }
}