/* docara-shell-source: runtime/utility/opacity/default/css/default.css */
@layer sf.utilities {
  .opacity-1 {
    opacity: 0.1;
    opacity: var(--sf-opacity-10, 0.1);
  }
  .opacity-2 {
    opacity: 0.2;
    opacity: var(--sf-opacity-20, 0.2);
  }
  .opacity-3 {
    opacity: 0.3;
    opacity: var(--sf-opacity-30, 0.3);
  }
  .opacity-4 {
    opacity: 0.4;
    opacity: var(--sf-opacity-40, 0.4);
  }
  .opacity-5 {
    opacity: 0.5;
    opacity: var(--sf-opacity-50, 0.5);
  }
  .opacity-6 {
    opacity: 0.6;
    opacity: var(--sf-opacity-60, 0.6);
  }
  .opacity-7 {
    opacity: 0.7;
    opacity: var(--sf-opacity-70, 0.7);
  }
  .opacity-8 {
    opacity: 0.8;
    opacity: var(--sf-opacity-80, 0.8);
  }
  .opacity-9 {
    opacity: 0.9;
    opacity: var(--sf-opacity-90, 0.9);
  }
  .opacity-full {
    opacity: 1;
  }
  .opacity-0 {
    opacity: 0;
  }
}

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

/* docara-shell-source: runtime/utility/transform-rotate/default/css/default.css */
@layer sf.utilities {
  .rotate-0 {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .rotate-1 {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  .rotate-2 {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  .rotate-3 {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  .rotate-5 {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  .rotate-15 {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  .rotate-45 {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .rotate-90 {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .rotate-180 {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}

/* docara-shell-source: runtime/utility/transform-scale/default/css/default.css */
@layer sf.utilities {
  .scale-0 {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  .scale-x-0 {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  .scale-y-0 {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  .scale-1\/4 {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  .scale-x-1\/4 {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
  }
  .scale-y-1\/4 {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
  }
  .scale-1\/3 {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  .scale-x-1\/3 {
    -webkit-transform: scaleX(0.9);
            transform: scaleX(0.9);
  }
  .scale-y-1\/3 {
    -webkit-transform: scaleY(0.9);
            transform: scaleY(0.9);
  }
  .scale-1\/2 {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  .scale-x-1\/2 {
    -webkit-transform: scaleX(0.95);
            transform: scaleX(0.95);
  }
  .scale-y-1\/2 {
    -webkit-transform: scaleY(0.95);
            transform: scaleY(0.95);
  }
  .scale-1 {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .scale-x-1 {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  .scale-y-1 {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  .scale-2 {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .scale-x-2 {
    -webkit-transform: scaleX(1.05);
            transform: scaleX(1.05);
  }
  .scale-y-2 {
    -webkit-transform: scaleY(1.05);
            transform: scaleY(1.05);
  }
  .scale-3 {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .scale-x-3 {
    -webkit-transform: scaleX(1.1);
            transform: scaleX(1.1);
  }
  .scale-y-3 {
    -webkit-transform: scaleY(1.1);
            transform: scaleY(1.1);
  }
  .scale-4 {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  .scale-x-4 {
    -webkit-transform: scaleX(1.2);
            transform: scaleX(1.2);
  }
  .scale-y-4 {
    -webkit-transform: scaleY(1.2);
            transform: scaleY(1.2);
  }
}