.awning.svelte-xfbwx6{--scallop:var(--awn-stripe);height:calc(var(--awn-h) + var(--scallop) / 2);background:repeating-linear-gradient(90deg, var(--awn-color) 0 var(--awn-stripe), color-mix(in srgb, var(--awn-color) 16%, #fff) var(--awn-stripe) calc(var(--awn-stripe) * 2));-webkit-mask:linear-gradient(#000 0 0) top / 100% var(--awn-h) no-repeat, radial-gradient(circle at 50% 0, #000 calc(var(--scallop) / 2 - .5px), transparent calc(var(--scallop) / 2)) 0 var(--awn-h) / var(--scallop) calc(var(--scallop) / 2) repeat-x;-webkit-mask:linear-gradient(#000 0 0) top / 100% var(--awn-h) no-repeat, radial-gradient(circle at 50% 0, #000 calc(var(--scallop) / 2 - .5px), transparent calc(var(--scallop) / 2)) 0 var(--awn-h) / var(--scallop) calc(var(--scallop) / 2) repeat-x;mask:linear-gradient(#000 0 0) top / 100% var(--awn-h) no-repeat, radial-gradient(circle at 50% 0, #000 calc(var(--scallop) / 2 - .5px), transparent calc(var(--scallop) / 2)) 0 var(--awn-h) / var(--scallop) calc(var(--scallop) / 2) repeat-x}