More CSS optimisation

src/client/lazy-app/Compress/Output/style.css

@@ -1,5 +1,5 @@
 .output {
-  composes: abs-fill from '../../../../shared/prerendered-app/util.css';
+  composes: abs-fill from global;
 
   &::before {
     content: '';
@@ -19,12 +19,12 @@
 }
 
 .two-up {
-  composes: abs-fill from '../../../../shared/prerendered-app/util.css';
+  composes: abs-fill from global;
   --accent-color: var(--button-fg);
 }
 
 .pinch-zoom {
-  composes: abs-fill from '../../../../shared/prerendered-app/util.css';
+  composes: abs-fill from global;
   outline: none;
   display: flex;
   justify-content: center;

src/client/lazy-app/Compress/Results/style.css

@@ -124,7 +124,7 @@
 .copy-to-other {
   grid-row: 1;
   grid-column: copy-button;
-  composes: unbutton from '../../../../shared/prerendered-app/util.css';
+  composes: unbutton from global;
   composes: download;
 
   background: #656565;

src/shared/prerendered-app/Intro/style.css

@@ -1,5 +1,5 @@
 .intro {
-  composes: abs-fill from '../util.css';
+  composes: abs-fill from global;
   -webkit-overflow-scrolling: touch;
   overflow: auto;
   overscroll-behavior: contain;
@@ -10,7 +10,7 @@
 }
 
 .blob-canvas {
-  composes: abs-fill from '../util.css';
+  composes: abs-fill from global;
   width: 100%;
   height: 100%;
 }
@@ -47,7 +47,7 @@
 }
 
 .blob-svg {
-  composes: abs-fill from '../util.css';
+  composes: abs-fill from global;
   width: 100%;
   height: 100%;
   fill: var(--blob-pink);
@@ -70,7 +70,7 @@
 }
 
 .load-btn {
-  composes: unbutton from '../util.css';
+  composes: unbutton from global;
 }
 
 .load-icon {
@@ -82,7 +82,7 @@
 }
 
 .paste-btn {
-  composes: unbutton from '../util.css';
+  composes: unbutton from global;
   text-decoration: underline;
   font: inherit;
   color: inherit;

src/shared/prerendered-app/util.css

@@ -1,22 +1,24 @@
-.abs-fill {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  contain: strict;
-}
+:global {
+  .abs-fill {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    box-sizing: border-box;
+    contain: strict;
+  }
 
-.unbutton {
-  cursor: pointer;
-  background: none;
-  border: none;
-  font: inherit;
-  padding: 0;
-  margin: 0;
+  .unbutton {
+    cursor: pointer;
+    background: none;
+    border: none;
+    font: inherit;
+    padding: 0;
+    margin: 0;
 
-  &:focus {
-    outline: none;
+    &:focus {
+      outline: none;
+    }
   }
 }