/* Optional metallic brushed frames for both sliders and the homepage HTML slot. */
.qianse-brushed-frame {
	--qianse-brush-a: #d8dce0;
	--qianse-brush-b: #f9fbfd;
	--qianse-brush-c: #8f9aa3;
	--qianse-brush-angle: 105deg;
	--qianse-brush-width: 6px;
	--qianse-brush-glow: rgba(66, 77, 88, .18);
	--qianse-brush-inner: var(--qianse-home-section-bg, #fff);
}

/* Put the decorative edge on the actual carousel image, not its padded box. */
.qianse-brushed-frame .qianse-hero-slider,
.qianse-home__custom-html.qianse-brushed-frame {
	border: var(--qianse-brush-width) solid transparent;
	border-radius: 18px;
	background:
		linear-gradient(var(--qianse-brush-inner), var(--qianse-brush-inner)) padding-box,
		repeating-linear-gradient(var(--qianse-brush-angle), rgba(255, 255, 255, .55) 0 1px, rgba(0, 0, 0, .12) 1px 2px, transparent 2px 5px) border-box,
		linear-gradient(125deg, var(--qianse-brush-a) 0%, var(--qianse-brush-b) 22%, var(--qianse-brush-c) 50%, var(--qianse-brush-a) 76%, var(--qianse-brush-b) 100%) border-box;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .48), 0 0 0 1px var(--qianse-brush-c), 0 12px 30px var(--qianse-brush-glow);
	box-sizing: border-box;
}

.qianse-brushed-frame .qianse-hero-slider {
	--qianse-brush-inner: #f4f0f6;
}

.qianse-home__custom-html.qianse-brushed-frame {
	border-radius: 24px;
}

.qianse-home__ad-slot.qianse-brushed-frame {
	box-shadow: 0 12px 30px var(--qianse-brush-glow);
}

.qianse-brushed-frame--silver-satin { --qianse-brush-a: #a7b1ba; --qianse-brush-b: #f8fafb; --qianse-brush-c: #71808b; --qianse-brush-angle: 100deg; }
.qianse-brushed-frame--silver-mirror { --qianse-brush-a: #5d6978; --qianse-brush-b: #ffffff; --qianse-brush-c: #a3b1bc; --qianse-brush-angle: 92deg; --qianse-brush-width: 5px; }
.qianse-brushed-frame--champagne { --qianse-brush-a: #b89d69; --qianse-brush-b: #fff2cf; --qianse-brush-c: #8f7242; --qianse-brush-angle: 112deg; --qianse-brush-glow: rgba(158, 122, 58, .23); }
.qianse-brushed-frame--antique-gold { --qianse-brush-a: #81612f; --qianse-brush-b: #efd58d; --qianse-brush-c: #a47a34; --qianse-brush-angle: 96deg; --qianse-brush-width: 5px; --qianse-brush-glow: rgba(141, 105, 40, .26); }
.qianse-brushed-frame--rose-gold { --qianse-brush-a: #a76a72; --qianse-brush-b: #ffe1d8; --qianse-brush-c: #c38c87; --qianse-brush-angle: 108deg; --qianse-brush-glow: rgba(183, 110, 126, .22); }
.qianse-brushed-frame--copper { --qianse-brush-a: #86462c; --qianse-brush-b: #edba84; --qianse-brush-c: #a45f37; --qianse-brush-angle: 103deg; --qianse-brush-width: 5px; --qianse-brush-glow: rgba(151, 83, 43, .24); }
.qianse-brushed-frame--bronze { --qianse-brush-a: #59604c; --qianse-brush-b: #c9bb83; --qianse-brush-c: #6f7153; --qianse-brush-angle: 116deg; --qianse-brush-width: 5px; --qianse-brush-glow: rgba(95, 97, 67, .22); }
.qianse-brushed-frame--graphite { --qianse-brush-a: #30343b; --qianse-brush-b: #a2a8ac; --qianse-brush-c: #4d555c; --qianse-brush-angle: 91deg; --qianse-brush-width: 5px; --qianse-brush-glow: rgba(27, 35, 42, .28); }
.qianse-brushed-frame--obsidian { --qianse-brush-a: #17191d; --qianse-brush-b: #777e89; --qianse-brush-c: #26282e; --qianse-brush-angle: 120deg; --qianse-brush-width: 6px; --qianse-brush-glow: rgba(14, 20, 28, .34); }
.qianse-brushed-frame--pearl { --qianse-brush-a: #d8cedc; --qianse-brush-b: #ffffff; --qianse-brush-c: #b8c8cf; --qianse-brush-angle: 104deg; --qianse-brush-glow: rgba(156, 143, 170, .19); }
.qianse-brushed-frame--ivory { --qianse-brush-a: #b8ab94; --qianse-brush-b: #fffef1; --qianse-brush-c: #d3c2a3; --qianse-brush-angle: 99deg; --qianse-brush-glow: rgba(166, 145, 105, .18); }
.qianse-brushed-frame--ice-blue { --qianse-brush-a: #79a9bd; --qianse-brush-b: #edfaff; --qianse-brush-c: #5e879d; --qianse-brush-angle: 109deg; --qianse-brush-glow: rgba(82, 150, 182, .23); }
.qianse-brushed-frame--sapphire { --qianse-brush-a: #1d4382; --qianse-brush-b: #a9d0fa; --qianse-brush-c: #3866ae; --qianse-brush-angle: 95deg; --qianse-brush-width: 5px; --qianse-brush-glow: rgba(45, 92, 163, .29); }
.qianse-brushed-frame--jade { --qianse-brush-a: #3d827a; --qianse-brush-b: #d6f2df; --qianse-brush-c: #638f72; --qianse-brush-angle: 115deg; --qianse-brush-glow: rgba(51, 132, 112, .24); }
.qianse-brushed-frame--emerald { --qianse-brush-a: #155e47; --qianse-brush-b: #aee8c7; --qianse-brush-c: #238866; --qianse-brush-angle: 102deg; --qianse-brush-width: 5px; --qianse-brush-glow: rgba(25, 119, 80, .28); }
.qianse-brushed-frame--amethyst { --qianse-brush-a: #654680; --qianse-brush-b: #e3cbf2; --qianse-brush-c: #9272ab; --qianse-brush-angle: 97deg; --qianse-brush-glow: rgba(111, 70, 155, .27); }
.qianse-brushed-frame--lavender { --qianse-brush-a: #a69aba; --qianse-brush-b: #f5efff; --qianse-brush-c: #8e83a8; --qianse-brush-angle: 113deg; --qianse-brush-glow: rgba(143, 124, 173, .22); }
.qianse-brushed-frame--ruby { --qianse-brush-a: #812f4b; --qianse-brush-b: #f4b2be; --qianse-brush-c: #b74464; --qianse-brush-angle: 105deg; --qianse-brush-width: 5px; --qianse-brush-glow: rgba(163, 47, 81, .28); }
.qianse-brushed-frame--coral { --qianse-brush-a: #cb685b; --qianse-brush-b: #ffe1b7; --qianse-brush-c: #e48d69; --qianse-brush-angle: 93deg; --qianse-brush-glow: rgba(208, 105, 78, .25); }
.qianse-brushed-frame--theme { --qianse-brush-a: var(--qianse-accent, #2f968d); --qianse-brush-b: var(--qianse-card-city-bg, #eaf8f5); --qianse-brush-c: var(--qianse-card-city-text, #277c75); --qianse-brush-angle: 106deg; --qianse-brush-glow: rgba(47, 150, 141, .22); }
