/* Shared finish recipes: the editor preview and invitation use the same swatch. */
.nye-swatch{display:block;border-radius:50%;background:var(--swatch-finish,linear-gradient(transparent,transparent)),var(--swatch);box-shadow:inset 0 0 0 1px #0002}
.nye-swatch[data-finish=""]{--swatch-finish:linear-gradient(transparent,transparent)}
.nye-swatch[data-finish="matte"]{--swatch-finish:repeating-linear-gradient(0deg,#ffffff08 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#00000008 0 1px,transparent 1px 3px)}
.nye-swatch[data-finish="satin"]{--swatch-finish:linear-gradient(115deg,#0001,transparent 20%,#fff5 40%,#0002 58%,#fff3 76%,transparent)}
.nye-swatch[data-finish="gloss"]{--swatch-finish:linear-gradient(110deg,#0002 5%,transparent 30%,#fff9 43%,#fff2 51%,#0003 64%,transparent 85%)}
.nye-swatch[data-finish="metallic"]{--swatch-finish:repeating-linear-gradient(25deg,#ffffff22 0 1px,transparent 1px 3px),linear-gradient(135deg,transparent 20%,#fff5 42%,#0003 50%,#fff2 60%,transparent 75%)}
.nye-swatch[data-finish="glitter"]{--swatch-finish:radial-gradient(circle,#fff9 0 1px,transparent 1.6px),radial-gradient(circle,#0003 0 2px,transparent 2.8px);background-size:7px 7px,9px 9px;background-position:0 0,3px 4px}
.nyep-swatches li>.nye-swatch:first-child{background:var(--swatch-finish),var(--swatch)}
.nyep-swatches li>.nye-swatch[data-finish="glitter"]:first-child{background-size:7px 7px,9px 9px;background-position:0 0,3px 4px}
.nyep-dress-copy .nyep-dress-audience{font:600 11px/1.4 NyepSans,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#886528;margin-bottom:14px}
.nyep-swatches{max-width:500px}
.nyep-swatches li>span:last-child{overflow-wrap:anywhere;hyphens:auto}
.nyep-swatches small{display:block;margin-top:6px;font:400 10px/1.4 NyepSans,system-ui,sans-serif;letter-spacing:.03em;color:#685c60}