/* Optional Packet B. Never required for content or controls to work. */
.arco-ui .arco-texture-edge { position: relative; isolation: isolate; }
.arco-ui .arco-texture-edge::after {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; border-radius: inherit;
  background: url("../textures/arcology-ui-enamel-grain.svg") repeat; opacity: .035;
}
.arco-ui .arco-texture-edge--paper::after { background-image: url("../textures/arcology-ui-paper-fiber.svg"); opacity: .04; }
.arco-ui .arco-corner { position: absolute; width: 28px; height: 28px; top: 0; left: 0; pointer-events: none; }
.arco-ui .arco-corner--tr { left: auto; right: 0; transform: rotate(90deg); }
.arco-ui .arco-corner--br { top: auto; left: auto; right: 0; bottom: 0; transform: rotate(180deg); }
.arco-ui .arco-corner--bl { top: auto; bottom: 0; transform: rotate(270deg); }
@media (forced-colors:active) { .arco-ui .arco-texture-edge::after, .arco-ui .arco-corner { display: none; } }