/* Hover countdown on the storefront sale circle. */
.swpa-sale-tip-src{display:none !important}
.swpa-sale-tip-host{cursor:help}
.badge-container.swpa-sale-tip-host,
.badge-container.swpa-sale-tip-host .badge,
.badge-container.swpa-sale-tip-host .badge-inner,
.badge-container.swpa-sale-tip-host .onsale{pointer-events:auto;cursor:help}

.swpa-sale-tip{
	position:fixed;
	z-index:1000001;
	left:0;
	top:0;
	width:max-content;
	max-width:min(400px, calc(100vw - 16px));
	pointer-events:none;
	opacity:0;
	visibility:hidden;
	transform:translateY(6px);
	transition:opacity .16s ease, transform .16s ease, visibility .16s;
}
.swpa-sale-tip.is-open{
	opacity:1;
	visibility:visible;
	transform:none;
	pointer-events:auto;
}
.swpa-sale-tip-card{
	position:relative;
	background:#fff;
	color:#1c1c1c;
	border:1px solid rgba(227, 27, 35, .22);
	border-radius:18px;
	box-shadow:0 18px 44px rgba(40, 10, 14, .18), 0 2px 8px rgba(40, 10, 14, .06);
	padding:12px;
	font-family:inherit;
}
.swpa-sale-tip-card::before{
	content:"";
	position:absolute;
	width:0;
	height:0;
	border:8px solid transparent;
}
.swpa-sale-tip[data-arrow="left"] .swpa-sale-tip-card::before{
	left:-8px;
	top:var(--swpa-arrow-y, 28px);
	border-left:0;
	border-right-color:#fff;
	transform:translateY(-50%);
}
.swpa-sale-tip[data-arrow="right"] .swpa-sale-tip-card::before{
	right:-8px;
	top:var(--swpa-arrow-y, 28px);
	border-right:0;
	border-left-color:#fff;
	transform:translateY(-50%);
}
.swpa-sale-tip[data-arrow="top"] .swpa-sale-tip-card::before{
	left:var(--swpa-arrow-x, 22px);
	top:-8px;
	border-top:0;
	border-bottom-color:#fff;
	transform:translateX(-50%);
}
.swpa-sale-tip-head{
	display:flex;
	align-items:center;
	gap:8px;
	position:relative;
	padding:0 36px 10px 2px;
	border-bottom:1px solid rgba(227, 27, 35, .12);
}
.swpa-sale-tip-glass{
	position:absolute;
	right:0;
	top:0;
	width:28px;
	height:28px;
}
.swpa-sale-tip-glass-spin{
	display:block;
	width:28px;
	height:28px;
	transform-origin:50% 50%;
	animation:swpa-sale-hg-flip 3.2s linear infinite;
}
.swpa-sale-tip-glass svg{display:block;width:28px;height:28px;overflow:visible}
.swpa-sale-tip-glass .swpa-hg-top,
.swpa-sale-tip-glass .swpa-hg-bot,
.swpa-sale-tip-glass .swpa-hg-stream{transform-box:fill-box}
.swpa-sale-tip-glass .swpa-hg-top{transform-origin:center top;animation:swpa-sale-hg-drain 3.2s linear infinite}
.swpa-sale-tip-glass .swpa-hg-bot{transform-origin:center bottom;animation:swpa-sale-hg-fill 3.2s linear infinite}
.swpa-sale-tip-glass .swpa-hg-stream{transform-origin:center top;animation:swpa-sale-hg-stream 3.2s linear infinite}
@keyframes swpa-sale-hg-drain{0%{transform:scaleY(1)}55%{transform:scaleY(.04)}70%,100%{transform:scaleY(.04)}}
@keyframes swpa-sale-hg-fill{0%{transform:scaleY(.06)}55%{transform:scaleY(1)}70%,100%{transform:scaleY(1)}}
@keyframes swpa-sale-hg-stream{0%,8%{opacity:0;transform:scaleY(.2)}18%,48%{opacity:1;transform:scaleY(1)}60%,100%{opacity:0;transform:scaleY(.2)}}
@keyframes swpa-sale-hg-flip{0%,62%{transform:rotate(0)}76%{transform:rotate(180deg)}92%,100%{transform:rotate(180deg)}}
.swpa-sale-tip-mark{
	flex:0 0 auto;
	width:22px;
	height:22px;
	border-radius:50%;
	background:#e31b23;
	color:#fff;
	font-size:12px;
	font-weight:800;
	line-height:22px;
	text-align:center;
	box-shadow:0 0 0 3px rgba(227, 27, 35, .12);
}
.swpa-sale-tip-title{
	font-size:14px;
	font-weight:800;
	line-height:1.2;
	letter-spacing:.01em;
	color:#1a1a1a;
}
.swpa-sale-tip-list{
	list-style:none;
	margin:10px 0 0;
	padding:0;
	display:flex;
	flex-direction:column;
	gap:8px;
	max-height:280px;
	overflow:auto;
}
.swpa-sale-tip-row{
	margin:0;
	padding:8px 10px;
	border-radius:12px;
	background:#faf7f7;
}
.swpa-sale-tip-row.has-thumb{
	display:flex;
	align-items:center;
	gap:10px;
}
.swpa-sale-tip-thumb{
	flex:0 0 auto;
	width:48px;
	height:48px;
	border-radius:10px;
	object-fit:cover;
	background:#ece7e7;
	display:block;
}
.swpa-sale-tip-copy{min-width:0;flex:1 1 auto}
.swpa-sale-tip-name{
	display:block;
	margin:0 0 3px;
	font-size:15px;
	font-weight:800;
	line-height:1.3;
	color:#1a1a1a;
}
.swpa-sale-tip-time{
	display:block;
	font-size:12.5px;
	font-weight:600;
	line-height:1.45;
	color:#3a3a3a;
	font-variant-numeric:tabular-nums;
}
.swpa-sale-tip-time strong{font-weight:800}
.swpa-sale-tip-time.is-soon,
.swpa-sale-tip-time.is-last{
	color:#e10620;
	font-weight:700;
}
.swpa-sale-tip-time.is-last{
	animation:swpa-sale-tip-pulse 1.15s ease-in-out infinite;
}
@keyframes swpa-sale-tip-pulse{
	0%, 100%{opacity:1}
	50%{opacity:.42}
}
@media (prefers-reduced-motion: reduce){
	.swpa-sale-tip{transition:none}
	.swpa-sale-tip-time.is-last{animation:none;opacity:1}
	.swpa-sale-tip-glass-spin,
	.swpa-sale-tip-glass .swpa-hg-top,
	.swpa-sale-tip-glass .swpa-hg-bot,
	.swpa-sale-tip-glass .swpa-hg-stream{animation:none}
}