/* Ribbon animation shortcode styles */

.px-ribbon-animation {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--ink, #001928);
  width: 100%;
}

.px-ribbon-animation--bare {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}

.px-ribbon-animation .ribbon-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
  z-index: 0;
}

.px-ribbon-inner {
  position: relative;
  z-index: 2;
  width: 100%;
}