:where([data-theme=light]:not(:has([data-theme] ._wrapper_umeor_9)) ._wrapper_umeor_9){--background-color: var(--color-core-600)}:where([data-theme=dark]:not(:has([data-theme] ._wrapper_umeor_9)) ._wrapper_umeor_9){--background-color: var(--color-core-400)}._wrapper_umeor_9{--scale: 1;--fade-left: 10px;--fade-right: 10px;--fade-top: 10px;--fade-bottom: 10px;position:absolute;--gradient-horizontal: transparent 0%, #fff var(--fade-left) calc(100% - var(--fade-right)), transparent 100%;--gradient-vertical: transparent 0%, #fff var(--fade-top) calc(100% - var(--fade-bottom)), transparent 100%;background-color:var(--background-color);mask:linear-gradient(to bottom,var(--gradient-vertical)) center no-repeat intersect,linear-gradient(to right,var(--gradient-horizontal)) center no-repeat intersect,url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" stroke="currentColor" stroke-width="3"  fill="currentColor"> <circle stroke-width="1" cx="50" cy="50" r="10"/> <path d="M0 50 H30" /> <path d="M70 50 H100" /> <path d="M50 0 V30" /> <path d="M50 70 V100" /> </svg>') center / calc(50px * var(--scale)) repeat}