/* Fine photographic weave layered over the selected fabric color. */
#liveShade{box-shadow:2px 4px 8px #211d1830,-1px 0 2px #ffffff50!important}
#liveShade .fabric-layer{box-shadow:inset 1px 0 2px #fff5,inset -1px 0 3px #0002}
#liveShade .fabric-layer:after{content:'';position:absolute;inset:0;background:url('fabric-weave.png') 0 0/210px 210px repeat;mix-blend-mode:soft-light;opacity:.52;pointer-events:none}
#liveShade .fabric-layer:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#00000015,transparent 5%,#ffffff0c 38%,transparent 75%,#00000012),linear-gradient(180deg,#00000020,transparent 16%,transparent 93%,#00000014);pointer-events:none;z-index:1}
#liveShade.material-blackout:not(.sheer) .front-layer{background:var(--fabric);opacity:1;filter:none}
#liveShade.material-blackout:not(.sheer) .front-layer:after{opacity:.36}
#liveShade.sheer .fabric-layer{filter:none;backdrop-filter:none}
#liveShade.sheer .fabric-layer:after{mask-image:repeating-linear-gradient(0deg,#000 0 var(--stripe),transparent var(--stripe) var(--pitch));-webkit-mask-image:repeating-linear-gradient(0deg,#000 0 var(--stripe),transparent var(--stripe) var(--pitch));mask-size:100% var(--pitch);-webkit-mask-size:100% var(--pitch);opacity:.65}
#liveShade.sheer .front-layer:after{mask-position:0 var(--offset);-webkit-mask-position:0 var(--offset);background-position:0 var(--offset)}
#liveShade.sheer .back-layer{filter:brightness(.94)}
#liveShade.sheer.material-translucent .fabric-layer{background-image:repeating-linear-gradient(0deg,color-mix(in srgb,var(--fabric) 90%,transparent) 0 var(--stripe),#ffffff12 var(--stripe) var(--pitch));opacity:1}
#liveShade.sheer.material-translucent .back-layer{opacity:.88}
#liveShade.sheer.material-semi .fabric-layer{background-image:repeating-linear-gradient(0deg,color-mix(in srgb,var(--fabric) 96%,#635b50) 0 var(--stripe),#ffffff0c var(--stripe) var(--pitch))}
#liveShade.sheer.material-blackout .fabric-layer{background-image:repeating-linear-gradient(0deg,var(--fabric) 0 var(--stripe),#ffffff08 var(--stripe) var(--pitch))}
#liveShade.sheer .fabric-layer:before{background:repeating-linear-gradient(90deg,#ffffff15 0 .6px,transparent .6px 2px),linear-gradient(90deg,#00000014,transparent 8%,transparent 92%,#00000018);opacity:.65}
#liveShade.screen .front-layer{background-color:var(--fabric);background-image:none;opacity:.94;mask-image:radial-gradient(ellipse .45px .65px at 1px 1px,transparent 70%,#000 100%);mask-size:3px 3px;-webkit-mask-image:radial-gradient(ellipse .45px .65px at 1px 1px,transparent 70%,#000 100%);-webkit-mask-size:3px 3px}
#liveShade.screen .front-layer:after{opacity:.6;background-size:150px 150px}
#liveShade .bottom-rail{height:5px;border:1px solid #0002;border-radius:2px;background:linear-gradient(180deg,#ffffffba,color-mix(in srgb,var(--fabric) 90%,#777) 40%,color-mix(in srgb,var(--fabric) 72%,#444) 80%,#ffffff60);box-shadow:0 -1px 2px #0002,0 2px 3px #0002}
#liveShade.sheer .bottom-rail{height:8px;border-radius:4px;background:linear-gradient(180deg,#ffffffbb,var(--fabric) 30%,color-mix(in srgb,var(--fabric) 68%,#444) 76%,#ffffff60)}
.preview #liveValance{background:linear-gradient(180deg,#f5f2eb,#ded8cd 20%,#e9e3d8 65%,#b4ac9d 95%)!important;box-shadow:0 3px 4px #0003,inset 0 1px 1px #fff;border-radius:3px}