/* Recently Bought Notification (front end). Values come from the module's
   settings page as CSS variables (printed right after this file). */
.tbd-rbn{
	position:fixed; z-index:9997;
	left:max(var(--rb-x,20px), env(safe-area-inset-left)); bottom:max(var(--rb-y,20px), env(safe-area-inset-bottom));
	width:var(--rb-w,390px); max-width:calc(100vw - 24px);
	display:flex; align-items:center; gap:var(--rb-gap,15px);
	padding:var(--rb-pad,14px) calc(var(--rb-pad,14px) + 26px) calc(var(--rb-pad,14px) + 2px) var(--rb-pad,14px);
	background:var(--rb-bg,#fff); border-radius:var(--rb-r,4px);
	border:var(--rb-bw,0) solid var(--rb-bd,transparent);
	font-family:'Open Sans', Arial, sans-serif; color:var(--rb-ti-c,#1c2b3a);
	overflow:hidden;
	opacity:0; visibility:hidden; translate:0 18px;
	transition:opacity .35s ease, visibility .35s ease, translate .4s cubic-bezier(.22,.61,.36,1), bottom .3s ease;
}
.tbd-rbn, .tbd-rbn *, .tbd-rbn *::before, .tbd-rbn *::after{ box-sizing:border-box; } /* width setting = the whole card, on every theme */
.tbd-rbn.rb-sh-soft{ box-shadow:0 10px 32px rgba(28,43,58,.16), 0 0 0 1px rgba(28,43,58,.04); }
.tbd-rbn.rb-sh-strong{ box-shadow:0 16px 44px rgba(28,43,58,.28), 0 0 0 1px rgba(28,43,58,.06); }
.tbd-rbn.rb-sh-none{ box-shadow:none; }
.tbd-rbn.rb-anim-fade{ translate:0 0; }
.tbd-rbn.is-visible{ opacity:1; visibility:visible; translate:0 0; }
/* Sit above the "Create Account" button when it is showing */
.tbd-rbn.is-raised{ bottom:max(calc(var(--rb-y,20px) + 58px), calc(env(safe-area-inset-bottom) + 62px)); }

.tbd-rbn-close{
	position:absolute; top:9px; right:9px;
	width:28px; height:28px; border-radius:50%;
	display:flex; align-items:center; justify-content:center;
	background:transparent !important; border:0 !important; box-shadow:none !important;
	color:var(--rb-x-c,#111) !important; padding:0 !important; margin:0 !important; cursor:pointer;
	transition:background-color .2s ease;
}
.tbd-rbn-close:hover{ background:#f1f3f5 !important; }
.tbd-rbn-close:focus{ outline:none; }
.tbd-rbn-close:focus-visible{ outline:3px solid #a5d6a7; outline-offset:1px; }
.tbd-rbn-close svg{ width:18px; height:18px; display:block; }
.tbd-rbn.rb-noclose .tbd-rbn-close{ display:none; }
.tbd-rbn.rb-noclose{ padding-right:var(--rb-pad,14px); }

.tbd-rbn-img{
	flex:0 0 var(--rb-img,86px); width:var(--rb-img,86px); height:var(--rb-img,86px); display:block;
	background:var(--rb-img-bg,#f5f5f5); border-radius:var(--rb-img-r,2px); overflow:hidden;
}
.tbd-rbn-img img{ width:100%; height:100%; object-fit:var(--rb-img-fit,contain); display:block; margin:0; max-width:none; border-radius:0; box-shadow:none; }
.tbd-rbn.rb-noimg .tbd-rbn-img{ display:none; }

.tbd-rbn-body{ min-width:0; flex:1 1 auto; }
.tbd-rbn .tbd-rbn-text{ font-size:var(--rb-tx,13px); line-height:1.4; color:var(--rb-tx-c,#7a7f85); margin:0 0 5px; padding:0; }
.tbd-rbn .tbd-rbn-title{
	display:-webkit-box; -webkit-line-clamp:var(--rb-ti-l,2); -webkit-box-orient:vertical; overflow:hidden;
	font-size:var(--rb-ti,15px); line-height:1.45; font-weight:var(--rb-ti-w,600); letter-spacing:.1px;
	color:var(--rb-ti-c,#1c2b3a) !important; text-decoration:none !important;
}
.tbd-rbn .tbd-rbn-title:hover{ color:var(--rb-ti-h,#2e7d32) !important; }
.tbd-rbn-meta{ display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin-top:7px; font-size:var(--rb-me,13px); line-height:1.3; color:var(--rb-me-c,#7a7f85); }
.tbd-rbn-verified{ display:inline-flex; align-items:center; gap:5px; }
.tbd-rbn-verified svg{ width:12px; height:11px; display:block; color:var(--rb-ve,#111); }
.tbd-rbn-verified[hidden]{ display:none; }

/* Line at the bottom that shrinks while the card is on screen */
.tbd-rbn-bar{
	position:absolute; left:0; bottom:0; height:var(--rb-bar-h,2px); width:100%;
	background:var(--rb-bar,#1c2b3a); transform-origin:left center; transform:scaleX(0);
}
.tbd-rbn.is-visible .tbd-rbn-bar{ animation:tbdRbnBar var(--tbd-rbn-show, 7000ms) linear forwards; }
.tbd-rbn.is-paused .tbd-rbn-bar{ animation-play-state:paused; }
.tbd-rbn.rb-nobar .tbd-rbn-bar{ display:none; }
@keyframes tbdRbnBar{ from{ transform:scaleX(1); } to{ transform:scaleX(0); } }

@media (max-width:600px){
	.tbd-rbn{
		max-width:calc(100vw - 2 * var(--rb-x,12px));
		padding:var(--rb-pad,11px) calc(var(--rb-pad,11px) + 25px) calc(var(--rb-pad,11px) + 2px) var(--rb-pad,11px);
	}
	.tbd-rbn.is-raised{ bottom:max(calc(var(--rb-y,12px) + 58px), calc(env(safe-area-inset-bottom) + 58px)); }
	.tbd-rbn .tbd-rbn-text{ margin-bottom:3px; }
	.tbd-rbn .tbd-rbn-title{ line-height:1.4; }
	.tbd-rbn-meta{ gap:12px; margin-top:5px; }
	.tbd-rbn.rb-nomobile{ display:none !important; }
}
@media (prefers-reduced-motion: reduce){
	.tbd-rbn{ transition:opacity .2s ease, visibility .2s ease; translate:0 0; }
}