npm - @squiz/resource-browser - Versions diffs - 2.1.9-rc.0 → 2.1.10-rc.0 - Mend

@squiz/resource-browser 2.1.9-rc.0 → 2.1.10-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/.storybook/preview-body.html +1 -0
package/.storybook/preview-head.html +7 -10
package/CHANGELOG.md +4 -0
package/lib/MainContainer/MainContainer.js +1 -1
package/lib/index.css +326 -326
package/package.json +3 -3
package/postcss.config.js +19 -15
package/src/MainContainer/MainContainer.tsx +1 -1

package/lib/index.css CHANGED Viewed

@@ -1,17 +1,17 @@
 /* src/index.scss */
-.squiz-rb-scope *,
-.squiz-rb-scope ::before,
-.squiz-rb-scope ::after {
+.squiz-rb-scope *:not(.squiz-rb-plugin *),
+.squiz-rb-scope :not(.squiz-rb-plugin *)::before,
+.squiz-rb-scope :not(.squiz-rb-plugin *)::after {
   box-sizing: border-box;
   border-width: 0;
   border-style: solid;
   border-color: #ededed;
 }
-.squiz-rb-scope ::before,
-.squiz-rb-scope ::after {
+.squiz-rb-scope :not(.squiz-rb-plugin *)::before,
+.squiz-rb-scope :not(.squiz-rb-plugin *)::after {
   --tw-content: "";
 }
-.squiz-rb-scope html {
+.squiz-rb-scope html:not(.squiz-rb-plugin *) {
   line-height: 1.5;
   -webkit-text-size-adjust: 100%;
   -moz-tab-size: 4;
@@ -35,40 +35,40 @@
   font-feature-settings: normal;
   font-variation-settings: normal;
 }
-.squiz-rb-scope body {
+.squiz-rb-scope body:not(.squiz-rb-plugin *) {
   margin: 0;
   line-height: inherit;
 }
-.squiz-rb-scope hr {
+.squiz-rb-scope hr:not(.squiz-rb-plugin *) {
   height: 0;
   color: inherit;
   border-top-width: 1px;
 }
-.squiz-rb-scope abbr:where([title]) {
+.squiz-rb-scope abbr:where([title]):not(.squiz-rb-plugin *) {
   -webkit-text-decoration: underline dotted;
   text-decoration: underline dotted;
 }
-.squiz-rb-scope h1,
-.squiz-rb-scope h2,
-.squiz-rb-scope h3,
-.squiz-rb-scope h4,
-.squiz-rb-scope h5,
-.squiz-rb-scope h6 {
+.squiz-rb-scope h1:not(.squiz-rb-plugin *),
+.squiz-rb-scope h2:not(.squiz-rb-plugin *),
+.squiz-rb-scope h3:not(.squiz-rb-plugin *),
+.squiz-rb-scope h4:not(.squiz-rb-plugin *),
+.squiz-rb-scope h5:not(.squiz-rb-plugin *),
+.squiz-rb-scope h6:not(.squiz-rb-plugin *) {
   font-size: inherit;
   font-weight: inherit;
 }
-.squiz-rb-scope a {
+.squiz-rb-scope a:not(.squiz-rb-plugin *) {
   color: inherit;
   text-decoration: inherit;
 }
-.squiz-rb-scope b,
-.squiz-rb-scope strong {
+.squiz-rb-scope b:not(.squiz-rb-plugin *),
+.squiz-rb-scope strong:not(.squiz-rb-plugin *) {
   font-weight: bolder;
 }
-.squiz-rb-scope code,
-.squiz-rb-scope kbd,
-.squiz-rb-scope samp,
-.squiz-rb-scope pre {
+.squiz-rb-scope code:not(.squiz-rb-plugin *),
+.squiz-rb-scope kbd:not(.squiz-rb-plugin *),
+.squiz-rb-scope samp:not(.squiz-rb-plugin *),
+.squiz-rb-scope pre:not(.squiz-rb-plugin *) {
   font-family:
     ui-monospace,
     SFMono-Regular,
@@ -80,32 +80,32 @@
     monospace;
   font-size: 1em;
 }
-.squiz-rb-scope small {
+.squiz-rb-scope small:not(.squiz-rb-plugin *) {
   font-size: 80%;
 }
-.squiz-rb-scope sub,
-.squiz-rb-scope sup {
+.squiz-rb-scope sub:not(.squiz-rb-plugin *),
+.squiz-rb-scope sup:not(.squiz-rb-plugin *) {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
-.squiz-rb-scope sub {
+.squiz-rb-scope sub:not(.squiz-rb-plugin *) {
   bottom: -0.25em;
 }
-.squiz-rb-scope sup {
+.squiz-rb-scope sup:not(.squiz-rb-plugin *) {
   top: -0.5em;
 }
-.squiz-rb-scope table {
+.squiz-rb-scope table:not(.squiz-rb-plugin *) {
   text-indent: 0;
   border-color: inherit;
   border-collapse: collapse;
 }
-.squiz-rb-scope button,
-.squiz-rb-scope input,
-.squiz-rb-scope optgroup,
-.squiz-rb-scope select,
-.squiz-rb-scope textarea {
+.squiz-rb-scope button:not(.squiz-rb-plugin *),
+.squiz-rb-scope input:not(.squiz-rb-plugin *),
+.squiz-rb-scope optgroup:not(.squiz-rb-plugin *),
+.squiz-rb-scope select:not(.squiz-rb-plugin *),
+.squiz-rb-scope textarea:not(.squiz-rb-plugin *) {
   font-family: inherit;
   font-size: 100%;
   font-weight: inherit;
@@ -114,116 +114,116 @@
   margin: 0;
   padding: 0;
 }
-.squiz-rb-scope button,
-.squiz-rb-scope select {
+.squiz-rb-scope button:not(.squiz-rb-plugin *),
+.squiz-rb-scope select:not(.squiz-rb-plugin *) {
   text-transform: none;
 }
-.squiz-rb-scope button,
-.squiz-rb-scope [type=button],
-.squiz-rb-scope [type=reset],
-.squiz-rb-scope [type=submit] {
+.squiz-rb-scope button:not(.squiz-rb-plugin *),
+.squiz-rb-scope [type=button]:not(.squiz-rb-plugin *),
+.squiz-rb-scope [type=reset]:not(.squiz-rb-plugin *),
+.squiz-rb-scope [type=submit]:not(.squiz-rb-plugin *) {
   -webkit-appearance: button;
   background-color: transparent;
   background-image: none;
 }
-.squiz-rb-scope :-moz-focusring {
+.squiz-rb-scope :-moz-focusring:not(.squiz-rb-plugin *) {
   outline: auto;
 }
-.squiz-rb-scope :-moz-ui-invalid {
+.squiz-rb-scope :-moz-ui-invalid:not(.squiz-rb-plugin *) {
   box-shadow: none;
 }
-.squiz-rb-scope progress {
+.squiz-rb-scope progress:not(.squiz-rb-plugin *) {
   vertical-align: baseline;
 }
-.squiz-rb-scope ::-webkit-inner-spin-button,
-.squiz-rb-scope ::-webkit-outer-spin-button {
+.squiz-rb-scope :not(.squiz-rb-plugin *)::-webkit-inner-spin-button,
+.squiz-rb-scope :not(.squiz-rb-plugin *)::-webkit-outer-spin-button {
   height: auto;
 }
-.squiz-rb-scope [type=search] {
+.squiz-rb-scope [type=search]:not(.squiz-rb-plugin *) {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
-.squiz-rb-scope ::-webkit-search-decoration {
+.squiz-rb-scope :not(.squiz-rb-plugin *)::-webkit-search-decoration {
   -webkit-appearance: none;
 }
-.squiz-rb-scope ::-webkit-file-upload-button {
+.squiz-rb-scope :not(.squiz-rb-plugin *)::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit;
 }
-.squiz-rb-scope summary {
+.squiz-rb-scope summary:not(.squiz-rb-plugin *) {
   display: list-item;
 }
-.squiz-rb-scope blockquote,
-.squiz-rb-scope dl,
-.squiz-rb-scope dd,
-.squiz-rb-scope h1,
-.squiz-rb-scope h2,
-.squiz-rb-scope h3,
-.squiz-rb-scope h4,
-.squiz-rb-scope h5,
-.squiz-rb-scope h6,
-.squiz-rb-scope hr,
-.squiz-rb-scope figure,
-.squiz-rb-scope p,
-.squiz-rb-scope pre {
+.squiz-rb-scope blockquote:not(.squiz-rb-plugin *),
+.squiz-rb-scope dl:not(.squiz-rb-plugin *),
+.squiz-rb-scope dd:not(.squiz-rb-plugin *),
+.squiz-rb-scope h1:not(.squiz-rb-plugin *),
+.squiz-rb-scope h2:not(.squiz-rb-plugin *),
+.squiz-rb-scope h3:not(.squiz-rb-plugin *),
+.squiz-rb-scope h4:not(.squiz-rb-plugin *),
+.squiz-rb-scope h5:not(.squiz-rb-plugin *),
+.squiz-rb-scope h6:not(.squiz-rb-plugin *),
+.squiz-rb-scope hr:not(.squiz-rb-plugin *),
+.squiz-rb-scope figure:not(.squiz-rb-plugin *),
+.squiz-rb-scope p:not(.squiz-rb-plugin *),
+.squiz-rb-scope pre:not(.squiz-rb-plugin *) {
   margin: 0;
 }
-.squiz-rb-scope fieldset {
+.squiz-rb-scope fieldset:not(.squiz-rb-plugin *) {
   margin: 0;
   padding: 0;
 }
-.squiz-rb-scope legend {
+.squiz-rb-scope legend:not(.squiz-rb-plugin *) {
   padding: 0;
 }
-.squiz-rb-scope ol,
-.squiz-rb-scope ul,
-.squiz-rb-scope menu {
+.squiz-rb-scope ol:not(.squiz-rb-plugin *),
+.squiz-rb-scope ul:not(.squiz-rb-plugin *),
+.squiz-rb-scope menu:not(.squiz-rb-plugin *) {
   list-style: none;
   margin: 0;
   padding: 0;
 }
-.squiz-rb-scope textarea {
+.squiz-rb-scope textarea:not(.squiz-rb-plugin *) {
   resize: vertical;
 }
-.squiz-rb-scope input::-moz-placeholder,
-.squiz-rb-scope textarea::-moz-placeholder {
+.squiz-rb-scope input:not(.squiz-rb-plugin *)::-moz-placeholder,
+.squiz-rb-scope textarea:not(.squiz-rb-plugin *)::-moz-placeholder {
   opacity: 1;
   color: #BABABA;
 }
-.squiz-rb-scope input::placeholder,
-.squiz-rb-scope textarea::placeholder {
+.squiz-rb-scope input:not(.squiz-rb-plugin *)::placeholder,
+.squiz-rb-scope textarea:not(.squiz-rb-plugin *)::placeholder {
   opacity: 1;
   color: #BABABA;
 }
-.squiz-rb-scope button,
-.squiz-rb-scope [role=button] {
+.squiz-rb-scope button:not(.squiz-rb-plugin *),
+.squiz-rb-scope [role=button]:not(.squiz-rb-plugin *) {
   cursor: pointer;
 }
-.squiz-rb-scope :disabled {
+.squiz-rb-scope :disabled:not(.squiz-rb-plugin *) {
   cursor: default;
 }
-.squiz-rb-scope img,
-.squiz-rb-scope svg,
-.squiz-rb-scope video,
-.squiz-rb-scope canvas,
-.squiz-rb-scope audio,
-.squiz-rb-scope iframe,
-.squiz-rb-scope embed,
-.squiz-rb-scope object {
+.squiz-rb-scope img:not(.squiz-rb-plugin *),
+.squiz-rb-scope svg:not(.squiz-rb-plugin *),
+.squiz-rb-scope video:not(.squiz-rb-plugin *),
+.squiz-rb-scope canvas:not(.squiz-rb-plugin *),
+.squiz-rb-scope audio:not(.squiz-rb-plugin *),
+.squiz-rb-scope iframe:not(.squiz-rb-plugin *),
+.squiz-rb-scope embed:not(.squiz-rb-plugin *),
+.squiz-rb-scope object:not(.squiz-rb-plugin *) {
   display: block;
   vertical-align: middle;
 }
-.squiz-rb-scope img,
-.squiz-rb-scope video {
+.squiz-rb-scope img:not(.squiz-rb-plugin *),
+.squiz-rb-scope video:not(.squiz-rb-plugin *) {
   max-width: 100%;
   height: auto;
 }
-.squiz-rb-scope [hidden] {
+.squiz-rb-scope [hidden]:not(.squiz-rb-plugin *) {
   display: none;
 }
-.squiz-rb-scope *,
-.squiz-rb-scope ::before,
-.squiz-rb-scope ::after {
+.squiz-rb-scope *:not(.squiz-rb-plugin *),
+.squiz-rb-scope :not(.squiz-rb-plugin *)::before,
+.squiz-rb-scope :not(.squiz-rb-plugin *)::after {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
@@ -269,7 +269,7 @@
   --tw-backdrop-saturate: ;
   --tw-backdrop-sepia: ;
 }
-.squiz-rb-scope ::backdrop {
+.squiz-rb-scope :not(.squiz-rb-plugin *)::backdrop {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
@@ -315,35 +315,35 @@
   --tw-backdrop-saturate: ;
   --tw-backdrop-sepia: ;
 }
-.squiz-rb-scope .container {
+.squiz-rb-scope .container:not(.squiz-rb-plugin *) {
   width: 100%;
 }
 @media (min-width: 640px) {
-  .squiz-rb-scope .container {
+  .squiz-rb-scope .container:not(.squiz-rb-plugin *) {
     max-width: 640px;
   }
 }
 @media (min-width: 768px) {
-  .squiz-rb-scope .container {
+  .squiz-rb-scope .container:not(.squiz-rb-plugin *) {
     max-width: 768px;
   }
 }
 @media (min-width: 1024px) {
-  .squiz-rb-scope .container {
+  .squiz-rb-scope .container:not(.squiz-rb-plugin *) {
     max-width: 1024px;
   }
 }
 @media (min-width: 1280px) {
-  .squiz-rb-scope .container {
+  .squiz-rb-scope .container:not(.squiz-rb-plugin *) {
     max-width: 1280px;
   }
 }
 @media (min-width: 1536px) {
-  .squiz-rb-scope .container {
+  .squiz-rb-scope .container:not(.squiz-rb-plugin *) {
     max-width: 1536px;
   }
 }
-.squiz-rb-scope .sr-only {
+.squiz-rb-scope .sr-only:not(.squiz-rb-plugin *) {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -354,275 +354,272 @@
   white-space: nowrap;
   border-width: 0;
 }
-.squiz-rb-scope .fixed {
+.squiz-rb-scope .fixed:not(.squiz-rb-plugin *) {
   position: fixed;
 }
-.squiz-rb-scope .absolute {
+.squiz-rb-scope .absolute:not(.squiz-rb-plugin *) {
   position: absolute;
 }
-.squiz-rb-scope .relative {
+.squiz-rb-scope .relative:not(.squiz-rb-plugin *) {
   position: relative;
 }
-.squiz-rb-scope .inset-0 {
+.squiz-rb-scope .inset-0:not(.squiz-rb-plugin *) {
   inset: 0px;
 }
-.squiz-rb-scope .-left-0 {
+.squiz-rb-scope .-left-0:not(.squiz-rb-plugin *) {
   left: -0px;
 }
-.squiz-rb-scope .-left-0\.5 {
+.squiz-rb-scope .-left-0\.5:not(.squiz-rb-plugin *) {
   left: -0.125rem;
 }
-.squiz-rb-scope .-right-8 {
+.squiz-rb-scope .-right-8:not(.squiz-rb-plugin *) {
   right: -2rem;
 }
-.squiz-rb-scope .bottom-0 {
+.squiz-rb-scope .bottom-0:not(.squiz-rb-plugin *) {
   bottom: 0px;
 }
-.squiz-rb-scope .right-2 {
+.squiz-rb-scope .right-2:not(.squiz-rb-plugin *) {
   right: 0.5rem;
 }
-.squiz-rb-scope .right-3 {
+.squiz-rb-scope .right-3:not(.squiz-rb-plugin *) {
   right: 0.75rem;
 }
-.squiz-rb-scope .right-4 {
+.squiz-rb-scope .right-4:not(.squiz-rb-plugin *) {
   right: 1rem;
 }
-.squiz-rb-scope .right-5 {
+.squiz-rb-scope .right-5:not(.squiz-rb-plugin *) {
   right: 1.25rem;
 }
-.squiz-rb-scope .top-2 {
+.squiz-rb-scope .top-2:not(.squiz-rb-plugin *) {
   top: 0.5rem;
 }
-.squiz-rb-scope .top-3 {
+.squiz-rb-scope .top-3:not(.squiz-rb-plugin *) {
   top: 0.75rem;
 }
-.squiz-rb-scope .top-\[calc\(100\%\+5px\)\] {
+.squiz-rb-scope .top-\[calc\(100\%\+5px\)\]:not(.squiz-rb-plugin *) {
   top: calc(100% + 5px);
 }
-.squiz-rb-scope .z-50 {
+.squiz-rb-scope .z-50:not(.squiz-rb-plugin *) {
   z-index: 50;
 }
-.squiz-rb-scope .z-\[9998\] {
+.squiz-rb-scope .z-\[9998\]:not(.squiz-rb-plugin *) {
   z-index: 9998;
 }
-.squiz-rb-scope .z-\[9999\] {
+.squiz-rb-scope .z-\[9999\]:not(.squiz-rb-plugin *) {
   z-index: 9999;
 }
-.squiz-rb-scope .col-start-2 {
+.squiz-rb-scope .col-start-2:not(.squiz-rb-plugin *) {
   grid-column-start: 2;
 }
-.squiz-rb-scope .col-end-2 {
+.squiz-rb-scope .col-end-2:not(.squiz-rb-plugin *) {
   grid-column-end: 2;
 }
-.squiz-rb-scope .m-1 {
+.squiz-rb-scope .m-1:not(.squiz-rb-plugin *) {
   margin: 0.25rem;
 }
-.squiz-rb-scope .m-2 {
+.squiz-rb-scope .m-2:not(.squiz-rb-plugin *) {
   margin: 0.5rem;
 }
-.squiz-rb-scope .m-3 {
+.squiz-rb-scope .m-3:not(.squiz-rb-plugin *) {
   margin: 0.75rem;
 }
-.squiz-rb-scope .m-5 {
+.squiz-rb-scope .m-5:not(.squiz-rb-plugin *) {
   margin: 1.25rem;
 }
-.squiz-rb-scope .mx-20 {
+.squiz-rb-scope .mx-20:not(.squiz-rb-plugin *) {
   margin-left: 5rem;
   margin-right: 5rem;
 }
-.squiz-rb-scope .mx-4 {
+.squiz-rb-scope .mx-4:not(.squiz-rb-plugin *) {
   margin-left: 1rem;
   margin-right: 1rem;
 }
-.squiz-rb-scope .mx-5 {
+.squiz-rb-scope .mx-5:not(.squiz-rb-plugin *) {
   margin-left: 1.25rem;
   margin-right: 1.25rem;
 }
-.squiz-rb-scope .my-4 {
+.squiz-rb-scope .my-4:not(.squiz-rb-plugin *) {
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
-.squiz-rb-scope .mb-1 {
+.squiz-rb-scope .mb-1:not(.squiz-rb-plugin *) {
   margin-bottom: 0.25rem;
 }
-.squiz-rb-scope .mb-2 {
+.squiz-rb-scope .mb-2:not(.squiz-rb-plugin *) {
   margin-bottom: 0.5rem;
 }
-.squiz-rb-scope .ml-1 {
+.squiz-rb-scope .ml-1:not(.squiz-rb-plugin *) {
   margin-left: 0.25rem;
 }
-.squiz-rb-scope .ml-4 {
+.squiz-rb-scope .ml-4:not(.squiz-rb-plugin *) {
   margin-left: 1rem;
 }
-.squiz-rb-scope .ml-auto {
+.squiz-rb-scope .ml-auto:not(.squiz-rb-plugin *) {
   margin-left: auto;
 }
-.squiz-rb-scope .mr-2 {
+.squiz-rb-scope .mr-2:not(.squiz-rb-plugin *) {
   margin-right: 0.5rem;
 }
-.squiz-rb-scope .mr-2\.5 {
+.squiz-rb-scope .mr-2\.5:not(.squiz-rb-plugin *) {
   margin-right: 0.625rem;
 }
-.squiz-rb-scope .mr-4 {
+.squiz-rb-scope .mr-4:not(.squiz-rb-plugin *) {
   margin-right: 1rem;
 }
-.squiz-rb-scope .mr-6 {
+.squiz-rb-scope .mr-6:not(.squiz-rb-plugin *) {
   margin-right: 1.5rem;
 }
-.squiz-rb-scope .mr-7 {
+.squiz-rb-scope .mr-7:not(.squiz-rb-plugin *) {
   margin-right: 1.75rem;
 }
-.squiz-rb-scope .mr-8 {
+.squiz-rb-scope .mr-8:not(.squiz-rb-plugin *) {
   margin-right: 2rem;
 }
-.squiz-rb-scope .mr-auto {
+.squiz-rb-scope .mr-auto:not(.squiz-rb-plugin *) {
   margin-right: auto;
 }
-.squiz-rb-scope .mt-1 {
+.squiz-rb-scope .mt-1:not(.squiz-rb-plugin *) {
   margin-top: 0.25rem;
 }
-.squiz-rb-scope .mt-20 {
+.squiz-rb-scope .mt-20:not(.squiz-rb-plugin *) {
   margin-top: 5rem;
 }
-.squiz-rb-scope .mt-3 {
+.squiz-rb-scope .mt-3:not(.squiz-rb-plugin *) {
   margin-top: 0.75rem;
 }
-.squiz-rb-scope .mt-4 {
+.squiz-rb-scope .mt-4:not(.squiz-rb-plugin *) {
   margin-top: 1rem;
 }
-.squiz-rb-scope .mt-7 {
+.squiz-rb-scope .mt-7:not(.squiz-rb-plugin *) {
   margin-top: 1.75rem;
 }
-.squiz-rb-scope .line-clamp-2 {
+.squiz-rb-scope .line-clamp-2:not(.squiz-rb-plugin *) {
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
 }
-.squiz-rb-scope .inline-block {
+.squiz-rb-scope .inline-block:not(.squiz-rb-plugin *) {
   display: inline-block;
 }
-.squiz-rb-scope .flex {
+.squiz-rb-scope .flex:not(.squiz-rb-plugin *) {
   display: flex;
 }
-.squiz-rb-scope .grid {
+.squiz-rb-scope .grid:not(.squiz-rb-plugin *) {
   display: grid;
 }
-.squiz-rb-scope .hidden {
+.squiz-rb-scope .hidden:not(.squiz-rb-plugin *) {
   display: none;
 }
-.squiz-rb-scope .\!h-4 {
+.squiz-rb-scope .\!h-4:not(.squiz-rb-plugin *) {
   height: 1rem !important;
 }
-.squiz-rb-scope .h-14 {
+.squiz-rb-scope .h-14:not(.squiz-rb-plugin *) {
   height: 3.5rem;
 }
-.squiz-rb-scope .h-2 {
+.squiz-rb-scope .h-2:not(.squiz-rb-plugin *) {
   height: 0.5rem;
 }
-.squiz-rb-scope .h-36 {
+.squiz-rb-scope .h-36:not(.squiz-rb-plugin *) {
   height: 9rem;
 }
-.squiz-rb-scope .h-4 {
+.squiz-rb-scope .h-4:not(.squiz-rb-plugin *) {
   height: 1rem;
 }
-.squiz-rb-scope .h-6 {
+.squiz-rb-scope .h-6:not(.squiz-rb-plugin *) {
   height: 1.5rem;
 }
-.squiz-rb-scope .h-9 {
+.squiz-rb-scope .h-9:not(.squiz-rb-plugin *) {
   height: 2.25rem;
 }
-.squiz-rb-scope .h-\[20px\] {
+.squiz-rb-scope .h-\[20px\]:not(.squiz-rb-plugin *) {
   height: 20px;
 }
-.squiz-rb-scope .h-\[50vh\] {
+.squiz-rb-scope .h-\[50vh\]:not(.squiz-rb-plugin *) {
   height: 50vh;
 }
-.squiz-rb-scope .h-\[56px\] {
+.squiz-rb-scope .h-\[56px\]:not(.squiz-rb-plugin *) {
   height: 56px;
 }
-.squiz-rb-scope .h-\[calc\(100\%-72px\)\] {
-  height: calc(100% - 72px);
-}
-.squiz-rb-scope .h-full {
+.squiz-rb-scope .h-full:not(.squiz-rb-plugin *) {
   height: 100%;
 }
-.squiz-rb-scope .h-screen {
+.squiz-rb-scope .h-screen:not(.squiz-rb-plugin *) {
   height: 100vh;
 }
-.squiz-rb-scope .max-h-80 {
+.squiz-rb-scope .max-h-80:not(.squiz-rb-plugin *) {
   max-height: 20rem;
 }
-.squiz-rb-scope .min-h-\[64px\] {
+.squiz-rb-scope .min-h-\[64px\]:not(.squiz-rb-plugin *) {
   min-height: 64px;
 }
-.squiz-rb-scope .min-h-full {
+.squiz-rb-scope .min-h-full:not(.squiz-rb-plugin *) {
   min-height: 100%;
 }
-.squiz-rb-scope .\!w-4 {
+.squiz-rb-scope .\!w-4:not(.squiz-rb-plugin *) {
   width: 1rem !important;
 }
-.squiz-rb-scope .w-1\/2 {
+.squiz-rb-scope .w-1\/2:not(.squiz-rb-plugin *) {
   width: 50%;
 }
-.squiz-rb-scope .w-12 {
+.squiz-rb-scope .w-12:not(.squiz-rb-plugin *) {
   width: 3rem;
 }
-.squiz-rb-scope .w-14 {
+.squiz-rb-scope .w-14:not(.squiz-rb-plugin *) {
   width: 3.5rem;
 }
-.squiz-rb-scope .w-3\/4 {
+.squiz-rb-scope .w-3\/4:not(.squiz-rb-plugin *) {
   width: 75%;
 }
-.squiz-rb-scope .w-36 {
+.squiz-rb-scope .w-36:not(.squiz-rb-plugin *) {
   width: 9rem;
 }
-.squiz-rb-scope .w-4 {
+.squiz-rb-scope .w-4:not(.squiz-rb-plugin *) {
   width: 1rem;
 }
-.squiz-rb-scope .w-6 {
+.squiz-rb-scope .w-6:not(.squiz-rb-plugin *) {
   width: 1.5rem;
 }
-.squiz-rb-scope .w-72 {
+.squiz-rb-scope .w-72:not(.squiz-rb-plugin *) {
   width: 18rem;
 }
-.squiz-rb-scope .w-\[20px\] {
+.squiz-rb-scope .w-\[20px\]:not(.squiz-rb-plugin *) {
   width: 20px;
 }
-.squiz-rb-scope .w-\[400px\] {
+.squiz-rb-scope .w-\[400px\]:not(.squiz-rb-plugin *) {
   width: 400px;
 }
-.squiz-rb-scope .w-\[56px\] {
+.squiz-rb-scope .w-\[56px\]:not(.squiz-rb-plugin *) {
   width: 56px;
 }
-.squiz-rb-scope .w-\[calc\(100\%\+4px\)\] {
+.squiz-rb-scope .w-\[calc\(100\%\+4px\)\]:not(.squiz-rb-plugin *) {
   width: calc(100% + 4px);
 }
-.squiz-rb-scope .w-full {
+.squiz-rb-scope .w-full:not(.squiz-rb-plugin *) {
   width: 100%;
 }
-.squiz-rb-scope .w-screen {
+.squiz-rb-scope .w-screen:not(.squiz-rb-plugin *) {
   width: 100vw;
 }
-.squiz-rb-scope .max-w-\[200px\] {
+.squiz-rb-scope .max-w-\[200px\]:not(.squiz-rb-plugin *) {
   max-width: 200px;
 }
-.squiz-rb-scope .max-w-\[400px\] {
+.squiz-rb-scope .max-w-\[400px\]:not(.squiz-rb-plugin *) {
   max-width: 400px;
 }
-.squiz-rb-scope .max-w-\[50rem\] {
+.squiz-rb-scope .max-w-\[50rem\]:not(.squiz-rb-plugin *) {
   max-width: 50rem;
 }
-.squiz-rb-scope .flex-1 {
+.squiz-rb-scope .flex-1:not(.squiz-rb-plugin *) {
   flex: 1 1 0%;
 }
-.squiz-rb-scope .shrink-0 {
+.squiz-rb-scope .shrink-0:not(.squiz-rb-plugin *) {
   flex-shrink: 0;
 }
-.squiz-rb-scope .grow {
+.squiz-rb-scope .grow:not(.squiz-rb-plugin *) {
   flex-grow: 1;
 }
-.squiz-rb-scope .grow-\[3\] {
+.squiz-rb-scope .grow-\[3\]:not(.squiz-rb-plugin *) {
   flex-grow: 3;
 }
 @keyframes spin {
@@ -630,293 +627,296 @@
     transform: rotate(360deg);
   }
 }
-.squiz-rb-scope .animate-spin {
+.squiz-rb-scope .animate-spin:not(.squiz-rb-plugin *) {
   animation: spin 1s linear infinite;
 }
-.squiz-rb-scope .cursor-not-allowed {
+.squiz-rb-scope .cursor-not-allowed:not(.squiz-rb-plugin *) {
   cursor: not-allowed;
 }
-.squiz-rb-scope .grid-cols-\[24px_1fr_45px\] {
+.squiz-rb-scope .grid-cols-\[24px_1fr_45px\]:not(.squiz-rb-plugin *) {
   grid-template-columns: 24px 1fr 45px;
 }
-.squiz-rb-scope .flex-row {
+.squiz-rb-scope .flex-row:not(.squiz-rb-plugin *) {
   flex-direction: row;
 }
-.squiz-rb-scope .flex-col {
+.squiz-rb-scope .flex-col:not(.squiz-rb-plugin *) {
   flex-direction: column;
 }
-.squiz-rb-scope .items-center {
+.squiz-rb-scope .items-center:not(.squiz-rb-plugin *) {
   align-items: center;
 }
-.squiz-rb-scope .items-stretch {
+.squiz-rb-scope .items-stretch:not(.squiz-rb-plugin *) {
   align-items: stretch;
 }
-.squiz-rb-scope .justify-end {
+.squiz-rb-scope .justify-end:not(.squiz-rb-plugin *) {
   justify-content: flex-end;
 }
-.squiz-rb-scope .justify-center {
+.squiz-rb-scope .justify-center:not(.squiz-rb-plugin *) {
   justify-content: center;
 }
-.squiz-rb-scope .gap-1 {
+.squiz-rb-scope .gap-1:not(.squiz-rb-plugin *) {
   gap: 0.25rem;
 }
-.squiz-rb-scope .gap-3 {
+.squiz-rb-scope .gap-3:not(.squiz-rb-plugin *) {
   gap: 0.75rem;
 }
-.squiz-rb-scope .self-start {
+.squiz-rb-scope .self-start:not(.squiz-rb-plugin *) {
   align-self: flex-start;
 }
-.squiz-rb-scope .self-center {
+.squiz-rb-scope .self-center:not(.squiz-rb-plugin *) {
   align-self: center;
 }
-.squiz-rb-scope .justify-self-start {
+.squiz-rb-scope .justify-self-start:not(.squiz-rb-plugin *) {
   justify-self: start;
 }
-.squiz-rb-scope .overflow-hidden {
+.squiz-rb-scope .overflow-hidden:not(.squiz-rb-plugin *) {
   overflow: hidden;
 }
-.squiz-rb-scope .overflow-y-scroll {
+.squiz-rb-scope .overflow-y-hidden:not(.squiz-rb-plugin *) {
+  overflow-y: hidden;
+}
+.squiz-rb-scope .overflow-y-scroll:not(.squiz-rb-plugin *) {
   overflow-y: scroll;
 }
-.squiz-rb-scope .truncate {
+.squiz-rb-scope .truncate:not(.squiz-rb-plugin *) {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.squiz-rb-scope .break-words {
+.squiz-rb-scope .break-words:not(.squiz-rb-plugin *) {
   overflow-wrap: break-word;
 }
-.squiz-rb-scope .rounded {
+.squiz-rb-scope .rounded:not(.squiz-rb-plugin *) {
   border-radius: 4px;
 }
-.squiz-rb-scope .rounded-full {
+.squiz-rb-scope .rounded-full:not(.squiz-rb-plugin *) {
   border-radius: 9999px;
 }
-.squiz-rb-scope .rounded-lg {
+.squiz-rb-scope .rounded-lg:not(.squiz-rb-plugin *) {
   border-radius: 0.5rem;
 }
-.squiz-rb-scope .border-1 {
+.squiz-rb-scope .border-1:not(.squiz-rb-plugin *) {
   border-width: 1px;
 }
-.squiz-rb-scope .border-2 {
+.squiz-rb-scope .border-2:not(.squiz-rb-plugin *) {
   border-width: 2px;
 }
-.squiz-rb-scope .border-b {
+.squiz-rb-scope .border-b:not(.squiz-rb-plugin *) {
   border-bottom-width: 1px;
 }
-.squiz-rb-scope .border-b-0 {
+.squiz-rb-scope .border-b-0:not(.squiz-rb-plugin *) {
   border-bottom-width: 0px;
 }
-.squiz-rb-scope .border-l {
+.squiz-rb-scope .border-l:not(.squiz-rb-plugin *) {
   border-left-width: 1px;
 }
-.squiz-rb-scope .border-r {
+.squiz-rb-scope .border-r:not(.squiz-rb-plugin *) {
   border-right-width: 1px;
 }
-.squiz-rb-scope .border-t {
+.squiz-rb-scope .border-t:not(.squiz-rb-plugin *) {
   border-top-width: 1px;
 }
-.squiz-rb-scope .border-solid {
+.squiz-rb-scope .border-solid:not(.squiz-rb-plugin *) {
   border-style: solid;
 }
-.squiz-rb-scope .border-current {
+.squiz-rb-scope .border-current:not(.squiz-rb-plugin *) {
   border-color: currentColor;
 }
-.squiz-rb-scope .border-gray-300 {
+.squiz-rb-scope .border-gray-300:not(.squiz-rb-plugin *) {
   --tw-border-opacity: 1;
   border-color: rgb(224 224 224 / var(--tw-border-opacity));
 }
-.squiz-rb-scope .border-white {
+.squiz-rb-scope .border-white:not(.squiz-rb-plugin *) {
   --tw-border-opacity: 1;
   border-color: rgb(255 255 255 / var(--tw-border-opacity));
 }
-.squiz-rb-scope .bg-black {
+.squiz-rb-scope .bg-black:not(.squiz-rb-plugin *) {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
-.squiz-rb-scope .bg-blue-100 {
+.squiz-rb-scope .bg-blue-100:not(.squiz-rb-plugin *) {
   --tw-bg-opacity: 1;
   background-color: rgb(230 241 250 / var(--tw-bg-opacity));
 }
-.squiz-rb-scope .bg-blue-300 {
+.squiz-rb-scope .bg-blue-300:not(.squiz-rb-plugin *) {
   --tw-bg-opacity: 1;
   background-color: rgb(7 116 210 / var(--tw-bg-opacity));
 }
-.squiz-rb-scope .bg-blue-300\/\[\.6\] {
+.squiz-rb-scope .bg-blue-300\/\[\.6\]:not(.squiz-rb-plugin *) {
   background-color: rgb(7 116 210 / .6);
 }
-.squiz-rb-scope .bg-gray-100 {
+.squiz-rb-scope .bg-gray-100:not(.squiz-rb-plugin *) {
   --tw-bg-opacity: 1;
   background-color: rgb(245 245 245 / var(--tw-bg-opacity));
 }
-.squiz-rb-scope .bg-gray-200 {
+.squiz-rb-scope .bg-gray-200:not(.squiz-rb-plugin *) {
   --tw-bg-opacity: 1;
   background-color: rgb(237 237 237 / var(--tw-bg-opacity));
 }
-.squiz-rb-scope .bg-white {
+.squiz-rb-scope .bg-white:not(.squiz-rb-plugin *) {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
-.squiz-rb-scope .bg-opacity-10 {
+.squiz-rb-scope .bg-opacity-10:not(.squiz-rb-plugin *) {
   --tw-bg-opacity: 0.1;
 }
-.squiz-rb-scope .object-cover {
+.squiz-rb-scope .object-cover:not(.squiz-rb-plugin *) {
   -o-object-fit: cover;
   object-fit: cover;
 }
-.squiz-rb-scope .object-center {
+.squiz-rb-scope .object-center:not(.squiz-rb-plugin *) {
   -o-object-position: center;
   object-position: center;
 }
-.squiz-rb-scope .p-1 {
+.squiz-rb-scope .p-1:not(.squiz-rb-plugin *) {
   padding: 0.25rem;
 }
-.squiz-rb-scope .p-1\.5 {
+.squiz-rb-scope .p-1\.5:not(.squiz-rb-plugin *) {
   padding: 0.375rem;
 }
-.squiz-rb-scope .p-2 {
+.squiz-rb-scope .p-2:not(.squiz-rb-plugin *) {
   padding: 0.5rem;
 }
-.squiz-rb-scope .p-2\.5 {
+.squiz-rb-scope .p-2\.5:not(.squiz-rb-plugin *) {
   padding: 0.625rem;
 }
-.squiz-rb-scope .p-4 {
+.squiz-rb-scope .p-4:not(.squiz-rb-plugin *) {
   padding: 1rem;
 }
-.squiz-rb-scope .px-1 {
+.squiz-rb-scope .px-1:not(.squiz-rb-plugin *) {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
 }
-.squiz-rb-scope .px-1\.5 {
+.squiz-rb-scope .px-1\.5:not(.squiz-rb-plugin *) {
   padding-left: 0.375rem;
   padding-right: 0.375rem;
 }
-.squiz-rb-scope .px-2 {
+.squiz-rb-scope .px-2:not(.squiz-rb-plugin *) {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-.squiz-rb-scope .px-2\.5 {
+.squiz-rb-scope .px-2\.5:not(.squiz-rb-plugin *) {
   padding-left: 0.625rem;
   padding-right: 0.625rem;
 }
-.squiz-rb-scope .px-3 {
+.squiz-rb-scope .px-3:not(.squiz-rb-plugin *) {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
 }
-.squiz-rb-scope .px-4 {
+.squiz-rb-scope .px-4:not(.squiz-rb-plugin *) {
   padding-left: 1rem;
   padding-right: 1rem;
 }
-.squiz-rb-scope .px-7 {
+.squiz-rb-scope .px-7:not(.squiz-rb-plugin *) {
   padding-left: 1.75rem;
   padding-right: 1.75rem;
 }
-.squiz-rb-scope .py-2 {
+.squiz-rb-scope .py-2:not(.squiz-rb-plugin *) {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
-.squiz-rb-scope .py-8 {
+.squiz-rb-scope .py-8:not(.squiz-rb-plugin *) {
   padding-top: 2rem;
   padding-bottom: 2rem;
 }
-.squiz-rb-scope .pb-0 {
+.squiz-rb-scope .pb-0:not(.squiz-rb-plugin *) {
   padding-bottom: 0px;
 }
-.squiz-rb-scope .pb-4 {
+.squiz-rb-scope .pb-4:not(.squiz-rb-plugin *) {
   padding-bottom: 1rem;
 }
-.squiz-rb-scope .pl-4 {
+.squiz-rb-scope .pl-4:not(.squiz-rb-plugin *) {
   padding-left: 1rem;
 }
-.squiz-rb-scope .pr-4 {
+.squiz-rb-scope .pr-4:not(.squiz-rb-plugin *) {
   padding-right: 1rem;
 }
-.squiz-rb-scope .pt-3 {
+.squiz-rb-scope .pt-3:not(.squiz-rb-plugin *) {
   padding-top: 0.75rem;
 }
-.squiz-rb-scope .text-left {
+.squiz-rb-scope .text-left:not(.squiz-rb-plugin *) {
   text-align: left;
 }
-.squiz-rb-scope .text-center {
+.squiz-rb-scope .text-center:not(.squiz-rb-plugin *) {
   text-align: center;
 }
-.squiz-rb-scope .text-right {
+.squiz-rb-scope .text-right:not(.squiz-rb-plugin *) {
   text-align: right;
 }
-.squiz-rb-scope .align-\[-0\.125em\] {
+.squiz-rb-scope .align-\[-0\.125em\]:not(.squiz-rb-plugin *) {
   vertical-align: -0.125em;
 }
-.squiz-rb-scope .text-base {
+.squiz-rb-scope .text-base:not(.squiz-rb-plugin *) {
   font-size: 1rem;
 }
-.squiz-rb-scope .text-md {
+.squiz-rb-scope .text-md:not(.squiz-rb-plugin *) {
   font-size: 0.875rem;
 }
-.squiz-rb-scope .text-sm {
+.squiz-rb-scope .text-sm:not(.squiz-rb-plugin *) {
   font-size: 0.8125rem;
 }
-.squiz-rb-scope .text-xl {
+.squiz-rb-scope .text-xl:not(.squiz-rb-plugin *) {
   font-size: 1.25rem;
   line-height: 1.75rem;
 }
-.squiz-rb-scope .font-bold {
+.squiz-rb-scope .font-bold:not(.squiz-rb-plugin *) {
   font-weight: 700;
 }
-.squiz-rb-scope .font-normal {
+.squiz-rb-scope .font-normal:not(.squiz-rb-plugin *) {
   font-weight: 400;
 }
-.squiz-rb-scope .font-semibold {
+.squiz-rb-scope .font-semibold:not(.squiz-rb-plugin *) {
   font-weight: 600;
 }
-.squiz-rb-scope .leading-4 {
+.squiz-rb-scope .leading-4:not(.squiz-rb-plugin *) {
   line-height: 1rem;
 }
-.squiz-rb-scope .leading-5 {
+.squiz-rb-scope .leading-5:not(.squiz-rb-plugin *) {
   line-height: 1.25rem;
 }
-.squiz-rb-scope .leading-6 {
+.squiz-rb-scope .leading-6:not(.squiz-rb-plugin *) {
   line-height: 1.5rem;
 }
-.squiz-rb-scope .text-blue-300 {
+.squiz-rb-scope .text-blue-300:not(.squiz-rb-plugin *) {
   --tw-text-opacity: 1;
   color: rgb(7 116 210 / var(--tw-text-opacity));
 }
-.squiz-rb-scope .text-blue-400 {
+.squiz-rb-scope .text-blue-400:not(.squiz-rb-plugin *) {
   --tw-text-opacity: 1;
   color: rgb(4 73 133 / var(--tw-text-opacity));
 }
-.squiz-rb-scope .text-gray-500 {
+.squiz-rb-scope .text-gray-500:not(.squiz-rb-plugin *) {
   --tw-text-opacity: 1;
   color: rgb(148 148 148 / var(--tw-text-opacity));
 }
-.squiz-rb-scope .text-gray-600 {
+.squiz-rb-scope .text-gray-600:not(.squiz-rb-plugin *) {
   --tw-text-opacity: 1;
   color: rgb(112 112 112 / var(--tw-text-opacity));
 }
-.squiz-rb-scope .text-gray-700 {
+.squiz-rb-scope .text-gray-700:not(.squiz-rb-plugin *) {
   --tw-text-opacity: 1;
   color: rgb(79 79 79 / var(--tw-text-opacity));
 }
-.squiz-rb-scope .text-gray-800 {
+.squiz-rb-scope .text-gray-800:not(.squiz-rb-plugin *) {
   --tw-text-opacity: 1;
   color: rgb(61 61 61 / var(--tw-text-opacity));
 }
-.squiz-rb-scope .text-red-300 {
+.squiz-rb-scope .text-red-300:not(.squiz-rb-plugin *) {
   --tw-text-opacity: 1;
   color: rgb(215 35 33 / var(--tw-text-opacity));
 }
-.squiz-rb-scope .text-white {
+.squiz-rb-scope .text-white:not(.squiz-rb-plugin *) {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
-.squiz-rb-scope .antialiased {
+.squiz-rb-scope .antialiased:not(.squiz-rb-plugin *) {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
-.squiz-rb-scope .opacity-40 {
+.squiz-rb-scope .opacity-40:not(.squiz-rb-plugin *) {
   opacity: 0.4;
 }
-.squiz-rb-scope .shadow-md {
+.squiz-rb-scope .shadow-md:not(.squiz-rb-plugin *) {
   --tw-shadow: 0 0 0 1px rgba(0,0,0,0.04), 0 1px 12px 4px rgba(0,0,0,0.12);
   --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 1px 12px 4px var(--tw-shadow-color);
   box-shadow:
@@ -924,17 +924,17 @@
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
-.squiz-rb-scope .outline-0 {
+.squiz-rb-scope .outline-0:not(.squiz-rb-plugin *) {
   outline-width: 0px;
 }
-.squiz-rb-scope .blur {
+.squiz-rb-scope .blur:not(.squiz-rb-plugin *) {
   --tw-blur: blur(8px);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
-.squiz-rb-scope .filter {
+.squiz-rb-scope .filter:not(.squiz-rb-plugin *) {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
-.squiz-rb-scope .resource-picker {
+.squiz-rb-scope .resource-picker:not(.squiz-rb-plugin *) {
   display: grid;
   grid-template-columns: 24px 1fr;
   gap: 0.5rem;
@@ -948,7 +948,7 @@
   --tw-text-opacity: 1;
   color: rgb(148 148 148 / var(--tw-text-opacity));
 }
-.squiz-rb-scope .resource-picker-info {
+.squiz-rb-scope .resource-picker-info:not(.squiz-rb-plugin *) {
   width: 100%;
   border-radius: 6px;
   --tw-bg-opacity: 1;
@@ -959,19 +959,19 @@
   --tw-text-opacity: 1;
   color: rgb(43 43 43 / var(--tw-text-opacity));
 }
-.squiz-rb-scope .resource-picker-info__layout {
+.squiz-rb-scope .resource-picker-info__layout:not(.squiz-rb-plugin *) {
   display: grid;
   grid-template-columns: auto 1fr auto;
   gap: 0.5rem;
   justify-items: center;
 }
-.squiz-rb-scope .resource-picker--disabled {
+.squiz-rb-scope .resource-picker--disabled:not(.squiz-rb-plugin *) {
   cursor: not-allowed;
   border-width: 0px;
   --tw-bg-opacity: 1;
   background-color: rgb(247 247 247 / var(--tw-bg-opacity));
 }
-.squiz-rb-scope .spinner {
+.squiz-rb-scope .spinner:not(.squiz-rb-plugin *) {
   display: inline-block;
   border-radius: 9999px;
   border-width: 2px;
@@ -984,31 +984,31 @@
     transform: rotate(360deg);
   }
 }
-.squiz-rb-scope .spinner {
+.squiz-rb-scope .spinner:not(.squiz-rb-plugin *) {
   animation: spin 1s linear infinite;
   vertical-align: -0.125em;
 }
 @media (prefers-reduced-motion: reduce) {
   @keyframes spin {
   }
-  .squiz-rb-scope .spinner {
+  .squiz-rb-scope .spinner:not(.squiz-rb-plugin *) {
     animation: spin 1.5s linear infinite;
   }
 }
-.squiz-rb-scope .spinner {
+.squiz-rb-scope .spinner:not(.squiz-rb-plugin *) {
   height: 20px;
   width: 20px;
 }
-.squiz-rb-scope .spinner__wrapper {
+.squiz-rb-scope .spinner__wrapper:not(.squiz-rb-plugin *) {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.squiz-rb-scope .spinner--md {
+.squiz-rb-scope .spinner--md:not(.squiz-rb-plugin *) {
   height: 32px;
   width: 32px;
 }
-.squiz-rb-scope .animate-skeleton-pulse {
+.squiz-rb-scope .animate-skeleton-pulse:not(.squiz-rb-plugin *) {
   animation: pulse 2s linear infinite;
 }
 @keyframes pulse {
@@ -1022,142 +1022,142 @@
     opacity: 1;
   }
 }
-.squiz-rb-scope *,
-.squiz-rb-scope button {
+.squiz-rb-scope *:not(.squiz-rb-plugin *),
+.squiz-rb-scope button:not(.squiz-rb-plugin *) {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   letter-spacing: -0.02em;
 }
-.squiz-rb-scope svg {
+.squiz-rb-scope svg:not(.squiz-rb-plugin *) {
   --tw-text-opacity: 1;
   color: rgb(112 112 112 / var(--tw-text-opacity));
 }
-.squiz-rb-scope .p-4\.5 {
+.squiz-rb-scope .p-4\.5:not(.squiz-rb-plugin *) {
   padding: 18px;
 }
-.squiz-rb-scope .pl-4\.5 {
+.squiz-rb-scope .pl-4\.5:not(.squiz-rb-plugin *) {
   padding-left: 18px;
 }
-.squiz-rb-scope .pr-4\.5 {
+.squiz-rb-scope .pr-4\.5:not(.squiz-rb-plugin *) {
   padding-right: 18px;
 }
-.squiz-rb-scope .pb-4\.5 {
+.squiz-rb-scope .pb-4\.5:not(.squiz-rb-plugin *) {
   padding-bottom: 18px;
 }
-.squiz-rb-scope .break-word {
+.squiz-rb-scope .break-word:not(.squiz-rb-plugin *) {
   word-break: break-word;
   overflow-wrap: anywhere;
 }
-.squiz-rb-scope .before\:fixed::before {
+.squiz-rb-scope .before\:fixed:not(.squiz-rb-plugin *)::before {
   content: var(--tw-content);
   position: fixed;
 }
-.squiz-rb-scope .before\:absolute::before {
+.squiz-rb-scope .before\:absolute:not(.squiz-rb-plugin *)::before {
   content: var(--tw-content);
   position: absolute;
 }
-.squiz-rb-scope .before\:inset-0::before {
+.squiz-rb-scope .before\:inset-0:not(.squiz-rb-plugin *)::before {
   content: var(--tw-content);
   inset: 0px;
 }
-.squiz-rb-scope .before\:-left-1::before {
+.squiz-rb-scope .before\:-left-1:not(.squiz-rb-plugin *)::before {
   content: var(--tw-content);
   left: -0.25rem;
 }
-.squiz-rb-scope .before\:top-1::before {
+.squiz-rb-scope .before\:top-1:not(.squiz-rb-plugin *)::before {
   content: var(--tw-content);
   top: 0.25rem;
 }
-.squiz-rb-scope .before\:top-1\.5::before {
+.squiz-rb-scope .before\:top-1\.5:not(.squiz-rb-plugin *)::before {
   content: var(--tw-content);
   top: 0.375rem;
 }
-.squiz-rb-scope .before\:z-40::before {
+.squiz-rb-scope .before\:z-40:not(.squiz-rb-plugin *)::before {
   content: var(--tw-content);
   z-index: 40;
 }
-.squiz-rb-scope .before\:h-\[calc\(100\%-0\.75rem\)\]::before {
+.squiz-rb-scope .before\:h-\[calc\(100\%-0\.75rem\)\]:not(.squiz-rb-plugin *)::before {
   content: var(--tw-content);
   height: calc(100% - 0.75rem);
 }
-.squiz-rb-scope .before\:w-px::before {
+.squiz-rb-scope .before\:w-px:not(.squiz-rb-plugin *)::before {
   content: var(--tw-content);
   width: 1px;
 }
-.squiz-rb-scope .before\:bg-black::before {
+.squiz-rb-scope .before\:bg-black:not(.squiz-rb-plugin *)::before {
   content: var(--tw-content);
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
-.squiz-rb-scope .before\:bg-gray-200::before {
+.squiz-rb-scope .before\:bg-gray-200:not(.squiz-rb-plugin *)::before {
   content: var(--tw-content);
   --tw-bg-opacity: 1;
   background-color: rgb(237 237 237 / var(--tw-bg-opacity));
 }
-.squiz-rb-scope .before\:bg-opacity-25::before {
+.squiz-rb-scope .before\:bg-opacity-25:not(.squiz-rb-plugin *)::before {
   content: var(--tw-content);
   --tw-bg-opacity: 0.25;
 }
-.squiz-rb-scope .first\:mt-0:first-child {
+.squiz-rb-scope .first\:mt-0:first-child:not(.squiz-rb-plugin *) {
   margin-top: 0px;
 }
-.squiz-rb-scope .first\:rounded-t-lg:first-child {
+.squiz-rb-scope .first\:rounded-t-lg:first-child:not(.squiz-rb-plugin *) {
   border-top-left-radius: 0.5rem;
   border-top-right-radius: 0.5rem;
 }
-.squiz-rb-scope .last\:rounded-b-lg:last-child {
+.squiz-rb-scope .last\:rounded-b-lg:last-child:not(.squiz-rb-plugin *) {
   border-bottom-right-radius: 0.5rem;
   border-bottom-left-radius: 0.5rem;
 }
-.squiz-rb-scope .last\:border-b:last-child {
+.squiz-rb-scope .last\:border-b:last-child:not(.squiz-rb-plugin *) {
   border-bottom-width: 1px;
 }
-.squiz-rb-scope .hover\:border-gray-300:hover {
+.squiz-rb-scope .hover\:border-gray-300:hover:not(.squiz-rb-plugin *) {
   --tw-border-opacity: 1;
   border-color: rgb(224 224 224 / var(--tw-border-opacity));
 }
-.squiz-rb-scope .hover\:bg-blue-100:hover {
+.squiz-rb-scope .hover\:bg-blue-100:hover:not(.squiz-rb-plugin *) {
   --tw-bg-opacity: 1;
   background-color: rgb(230 241 250 / var(--tw-bg-opacity));
 }
-.squiz-rb-scope .hover\:bg-gray-50:hover {
+.squiz-rb-scope .hover\:bg-gray-50:hover:not(.squiz-rb-plugin *) {
   --tw-bg-opacity: 1;
   background-color: rgb(247 247 247 / var(--tw-bg-opacity));
 }
-.squiz-rb-scope .hover\:bg-transparent:hover {
+.squiz-rb-scope .hover\:bg-transparent:hover:not(.squiz-rb-plugin *) {
   background-color: transparent;
 }
-.squiz-rb-scope .hover\:text-gray-800:hover {
+.squiz-rb-scope .hover\:text-gray-800:hover:not(.squiz-rb-plugin *) {
   --tw-text-opacity: 1;
   color: rgb(61 61 61 / var(--tw-text-opacity));
 }
-.squiz-rb-scope .focus\:bg-blue-100:focus {
+.squiz-rb-scope .focus\:bg-blue-100:focus:not(.squiz-rb-plugin *) {
   --tw-bg-opacity: 1;
   background-color: rgb(230 241 250 / var(--tw-bg-opacity));
 }
-.squiz-rb-scope .focus\:bg-gray-100:focus {
+.squiz-rb-scope .focus\:bg-gray-100:focus:not(.squiz-rb-plugin *) {
   --tw-bg-opacity: 1;
   background-color: rgb(245 245 245 / var(--tw-bg-opacity));
 }
-.squiz-rb-scope .focus\:bg-gray-50:focus {
+.squiz-rb-scope .focus\:bg-gray-50:focus:not(.squiz-rb-plugin *) {
   --tw-bg-opacity: 1;
   background-color: rgb(247 247 247 / var(--tw-bg-opacity));
 }
-.squiz-rb-scope .focus\:text-gray-800:focus {
+.squiz-rb-scope .focus\:text-gray-800:focus:not(.squiz-rb-plugin *) {
   --tw-text-opacity: 1;
   color: rgb(61 61 61 / var(--tw-text-opacity));
 }
-.squiz-rb-scope .focus\:outline-none:focus {
+.squiz-rb-scope .focus\:outline-none:focus:not(.squiz-rb-plugin *) {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-.squiz-rb-scope .focus-visible\:outline-0:focus-visible {
+.squiz-rb-scope .focus-visible\:outline-0:focus-visible:not(.squiz-rb-plugin *) {
   outline-width: 0px;
 }
-.squiz-rb-scope .disabled\:cursor-not-allowed:disabled {
+.squiz-rb-scope .disabled\:cursor-not-allowed:disabled:not(.squiz-rb-plugin *) {
   cursor: not-allowed;
 }
-.squiz-rb-scope .disabled\:text-gray-500:disabled {
+.squiz-rb-scope .disabled\:text-gray-500:disabled:not(.squiz-rb-plugin *) {
   --tw-text-opacity: 1;
   color: rgb(148 148 148 / var(--tw-text-opacity));
 }
@@ -1167,17 +1167,17 @@
       transform: rotate(360deg);
     }
   }
-  .squiz-rb-scope .motion-reduce\:animate-\[spin_1\.5s_linear_infinite\] {
+  .squiz-rb-scope .motion-reduce\:animate-\[spin_1\.5s_linear_infinite\]:not(.squiz-rb-plugin *) {
     animation: spin 1.5s linear infinite;
   }
 }
 @media not all and (min-width: 640px) {
-  .squiz-rb-scope .max-sm\:hidden {
+  .squiz-rb-scope .max-sm\:hidden:not(.squiz-rb-plugin *) {
     display: none;
   }
 }
 @media (min-width: 1024px) {
-  .squiz-rb-scope .lg\:h-\[calc\(100vh-9rem\)\] {
+  .squiz-rb-scope .lg\:h-\[calc\(100vh-9rem\)\]:not(.squiz-rb-plugin *) {
     height: calc(100vh - 9rem);
   }
 }