/* +CART message box, in the Republic site style (Oswald / Dosis, red accents) */
#rb-notice[hidden] { display: none; }
#rb-notice { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; background: rgba(20, 20, 20, .6); }
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
	#rb-notice { background: rgba(255, 255, 255, .2); -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); }
}
#rb-notice *, #rb-notice *::before, #rb-notice *::after { box-sizing: border-box; }
#rb-notice .rb-notice-box { position: relative; width: 100%; max-width: 540px; margin: 0; padding: 40px 40px 36px; background: #fff; border-top: 4px solid #be1e2d; box-shadow: 0 18px 50px rgba(0, 0, 0, .35); color: #141414; text-align: left; }
#rb-notice .rb-notice-msg { margin: 0 0 26px; padding: 0; font: 300 23px/1.4 'Dosis', 'Trebuchet MS', Arial, sans-serif; color: #141414; }
#rb-notice .rb-notice-close { position: absolute; top: 6px; right: 8px; width: 40px; height: 40px; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; color: #5e5e5e; font: 300 30px/1 Arial, sans-serif; cursor: pointer; }
#rb-notice .rb-notice-close:hover { color: #141414; }
#rb-notice a.rb-notice-btn { position: relative; display: inline-block; padding: 15px 24px; border: 2px solid #be1e2d; background: #be1e2d; color: #fff; font: 700 14px/1 'Oswald', 'Arial Narrow', Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; cursor: pointer; }
#rb-notice a.rb-notice-btn::after { content: ""; position: absolute; left: 24px; right: 24px; bottom: 7px; height: 2px; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform .2s; }
#rb-notice a.rb-notice-btn:hover, #rb-notice a.rb-notice-btn:focus-visible { border-color: #9c1623; background: #9c1623; color: #fff; text-decoration: none; }
#rb-notice a.rb-notice-btn:hover::after, #rb-notice a.rb-notice-btn:focus-visible::after { transform: scaleX(1); }
#rb-notice a.rb-notice-btn:focus-visible, #rb-notice .rb-notice-close:focus-visible { outline: 3px solid #1b6fd6; outline-offset: 2px; }
@media (max-width: 480px) { #rb-notice .rb-notice-box { padding: 36px 24px 28px; } #rb-notice .rb-notice-msg { font-size: 20px; } }