@layer components {
  .rs-overlay {
    position: fixed;
    inset: 0;
    z-index: var(--rs-z-index-fixed);
    display: grid;
    place-items: center;
    padding: var(--rs-unit-x4);
    background: color-mix(in oklch, var(--rs-color-black), transparent 30%);
    color: var(--rs-color-white);
    isolation: isolate;
  }

  .rs-overlay[data-blurred] {
    backdrop-filter: blur(3px);
  }

  .rs-overlay[data-contained] {
    position: absolute;
  }

  .rs-overlay-frame {
    position: relative;
    min-block-size: 180px;
    overflow: hidden;
    border-radius: var(--rs-radius-medium);
  }

  .rs-overlay-frame > :not(.rs-scrim) {
    position: relative;
    z-index: 1;
  }
}