@scope([data-theme]) to ([data-ui-chrome]){.vx-section[data-pattern]{--vx-gold:var(--accent-gold,var(--gold-500,oklch(67.86% .1368 80.5)));--vx-khatam-size:clamp(56px, 6vw, 88px);--vx-khatam-opacity:.12;isolation:isolate;position:relative}:is(.dark,[data-mode=dark]) .vx-section[data-pattern],.vx-section[data-pattern]:is(.tone-night,.tone-deep,.tone-brand){--vx-khatam-opacity:.18}.vx-section-pattern{z-index:-1;pointer-events:none;opacity:var(--vx-khatam-opacity);position:absolute;inset:0;overflow:hidden}.vx-section[data-edge-position=bottom]>.vx-section-pattern{inset-block-end:calc(-1 * var(--vx-edge-h,0px))}.vx-section[data-edge-position=top]>.vx-section-pattern{inset-block-start:calc(-1 * var(--vx-edge-h,0px))}.vx-section-pattern:before{content:"";inset:calc(-1 * var(--vx-khatam-size)) 0 0 calc(-1 * var(--vx-khatam-size));background-color:var(--vx-gold);-webkit-mask:var(--vx-khatam-tile) 0 0 / var(--vx-khatam-size) var(--vx-khatam-size) repeat;-webkit-mask:var(--vx-khatam-tile) 0 0 / var(--vx-khatam-size) var(--vx-khatam-size) repeat;mask:var(--vx-khatam-tile) 0 0 / var(--vx-khatam-size) var(--vx-khatam-size) repeat;position:absolute}.vx-section-pattern{--vx-khatam-tile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cpath d='M25.86 25.86h28.28v28.28h-28.28zM40 20l20 20l-20 20l-20 -20zM-14.14 -14.14h28.28v28.28h-28.28zM0 -20l20 20l-20 20l-20 -20zM65.86 -14.14h28.28v28.28h-28.28zM80 -20l20 20l-20 20l-20 -20zM-14.14 65.86h28.28v28.28h-28.28zM0 60l20 20l-20 20l-20 -20zM65.86 65.86h28.28v28.28h-28.28zM80 60l20 20l-20 20l-20 -20zM60 40H80M20 40H0M40 20V0M40 60V80M0 20V60M80 20V60M20 0H60M20 80H60M25.86 25.86L14.14 14.14M54.14 25.86L65.86 14.14M25.86 54.14L14.14 65.86M54.14 54.14L65.86 65.86' fill='none' stroke='black' stroke-width='1.25'/%3E%3C/svg%3E")}.vx-section[data-pattern=khatam-fade]>.vx-section-pattern{-webkit-mask-image:radial-gradient(62% 58%,#0000 30%,#000 100%);mask-image:radial-gradient(62% 58%,#0000 30%,#000 100%)}.vx-section[data-pattern-motion=drift]>.vx-section-pattern:before{will-change:transform;animation:60s linear infinite vx-khatam-drift}[data-puck-dropzone] .vx-section-pattern:before{animation:none}@media (prefers-reduced-motion:reduce){.vx-section[data-pattern-motion=drift]>.vx-section-pattern:before{will-change:auto;animation:none}}@media (forced-colors:active){.vx-section-pattern{display:none}}}@keyframes vx-khatam-drift{to{transform:translate(var(--vx-khatam-size), var(--vx-khatam-size))}}