/* =========================================================
   RVT WHATSAPP ORDER

   A floating order button and its panel. Every selector is
   prefixed .rvt-wao so nothing here can reach an existing
   page, widget or Elementor container.

   The layout properties carry !important on purpose. This site
   already sets button, heading and section styles globally with
   !important of its own, and without matching that weight those
   rules reach into this panel and collapse it.

   Placement is chosen around the fixed elements that exist here:
     .rvt-header       fixed, z-index 100
     .rvt-top          fixed, bottom 24px right 24px
     .rvt-actionbar    fixed, bottom 0, z-index 70, under 1024px
     .rvt-search-modal z-index 200
   The button sits bottom left, clear of the back to top control
   on the right, and the panel opens above the search modal.
========================================================= */

.rvt-wao-fab,
.rvt-wao,
.rvt-wao *,
.rvt-wao *::before,
.rvt-wao *::after {
	box-sizing: border-box !important;
}

/* =========================================================
   THE BUTTON
========================================================= */

.rvt-wao-fab {
	position: fixed !important;
	left: 24px !important;
	right: auto !important;
	bottom: 28px !important;
	top: auto !important;
	z-index: 120 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 22px 0 18px !important;
	min-height: 52px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #25D366 !important;
	box-shadow: 0 10px 28px rgba(37, 211, 102, .38) !important;
	color: #10241A !important;
	font-family: var(--rvt-b, system-ui, sans-serif) !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	cursor: pointer !important;
	transition: background-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.rvt-wao-fab:hover,
.rvt-wao-fab:focus,
.rvt-wao-fab:active,
.rvt-wao-fab:focus-visible {
	background: #101010 !important;
	color: #FFFFFF !important;
	box-shadow: 0 14px 34px rgba(16, 16, 16, .34) !important;
	transform: translateY(-2px);
}

.rvt-wao-fab:focus-visible {
	outline: 3px solid #25D366 !important;
	outline-offset: 3px !important;
}

.rvt-wao-fab__icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	color: inherit !important;
}

.rvt-wao-fab__icon svg {
	display: block !important;
	width: 22px !important;
	height: 22px !important;
	fill: currentColor !important;
}

.rvt-wao-fab__text {
	display: inline !important;
	color: inherit !important;
	white-space: nowrap !important;
}

/* The icon and label breathe rather than hard blink. A true on and off
   blink at speed is a seizure risk and reads as spam; this is one calm
   cycle every 1.4s, far under the three flashes a second that is the
   accepted ceiling. */
.rvt-wao-fab__icon,
.rvt-wao-fab__text {
	animation: rvtWaoPulse 1.4s ease-in-out infinite;
}

.rvt-wao-fab::after {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	border-radius: inherit !important;
	box-shadow: 0 0 0 0 rgba(37, 211, 102, .55);
	animation: rvtWaoRing 2.2s ease-out infinite;
	pointer-events: none !important;
}

.rvt-wao-fab:hover::after,
.rvt-wao-fab:focus::after {
	animation: none;
	box-shadow: none !important;
}

/* ---------------- inside the mobile action bar ---------------- */

/* This button takes the place of the plain WhatsApp icon that used to
   sit beside "Shop the collection". */
.rvt-actionbar__wa {
	display: none !important;
}

.rvt-actionbar .rvt-wao-fab {
	position: static !important;
	left: auto !important;
	bottom: auto !important;
	z-index: auto !important;
	flex: 0 0 auto !important;
	min-height: 48px !important;
	padding: 0 16px !important;
	gap: 8px !important;
	box-shadow: none !important;
	font-size: 13.5px !important;
}

.rvt-actionbar .rvt-wao-fab:hover {
	transform: none;
	box-shadow: none !important;
}

/* the ring would clip against the bar edge */
.rvt-actionbar .rvt-wao-fab::after {
	animation: none;
	box-shadow: none !important;
}

/* ---------------- inside the single product buy bar ---------------- */

/* The product page bar is flex with space-between and already carries the
   product and its Buy Now button, so this one becomes a compact circle
   between them. It also sits at z-index 9999, which a floating button can
   never win against, so being a child of it is the only stable answer. */
.rvt-mobile-buybar .rvt-wao-fab {
	position: static !important;
	left: auto !important;
	bottom: auto !important;
	z-index: auto !important;
	flex: 0 0 auto !important;
	width: 46px !important;
	height: 46px !important;
	min-height: 46px !important;
	padding: 0 !important;
	gap: 0 !important;
	border-radius: 50% !important;
	box-shadow: none !important;
}

.rvt-mobile-buybar .rvt-wao-fab:hover {
	transform: none;
	box-shadow: none !important;
}

.rvt-mobile-buybar .rvt-wao-fab::after {
	animation: none;
	box-shadow: none !important;
}

/* icon only here: the label cannot fit beside the price and Buy Now */
.rvt-mobile-buybar .rvt-wao-fab__text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* the title used to share the row with one button, now it shares with two */
.rvt-mobile-buybar .rvt-mobile-product strong {
	max-width: 118px !important;
}

@media (max-width: 360px) {
	.rvt-mobile-buybar .rvt-mobile-product strong {
		max-width: 84px !important;
	}

	.rvt-mobile-buybar .rvt-wao-fab {
		width: 42px !important;
		height: 42px !important;
		min-height: 42px !important;
	}
}

/* On phones without that bar the button stays floating and steps clear
   of the sticky buy bar those pages draw instead. */
@media (max-width: 1024px) {
	.rvt-wao-fab {
		left: 16px !important;
		bottom: calc(var(--rvt-bar-h, 68px) + 12px) !important;
		min-height: 48px !important;
		padding: 0 18px !important;
		font-size: 14px !important;
	}
}

/* =========================================================
   THE PANEL
========================================================= */

.rvt-wao[hidden] {
	display: none !important;
}

.rvt-wao {
	position: fixed !important;
	inset: 0 !important;
	z-index: 300 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 20px !important;
	margin: 0 !important;
}

.rvt-wao__backdrop {
	position: absolute !important;
	inset: 0 !important;
	margin: 0 !important;
	background: rgba(26, 26, 26, .55) !important;
	animation: rvtWaoFade .2s ease both;
}

@supports (backdrop-filter: blur(6px)) {
	.rvt-wao__backdrop {
		backdrop-filter: blur(6px);
	}
}

/* The sheet scrolls as one piece with a pinned header and footer.
   An inner scrolling body was collapsing to a sliver on short windows,
   because the head and the foot ate the height first. */
.rvt-wao__sheet {
	position: relative !important;
	display: block !important;
	float: none !important;
	width: min(560px, calc(100vw - 40px)) !important;
	max-width: none !important;
	min-width: 0 !important;
	max-height: calc(100vh - 40px) !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	-webkit-overflow-scrolling: touch;
	border-radius: 22px !important;
	background: var(--rvt-surface, #fff) !important;
	box-shadow: 0 30px 80px rgba(26, 26, 26, .28) !important;
	font-family: var(--rvt-b, system-ui, sans-serif) !important;
	font-size: 15px !important;
	line-height: 1.45 !important;
	color: var(--rvt-ink, #1A1A1A) !important;
	animation: rvtWaoRise .26s cubic-bezier(.2, .75, .25, 1) both;
}

@supports (max-height: 100dvh) {
	.rvt-wao__sheet {
		max-height: calc(100dvh - 40px) !important;
	}
}

/* ---------------- head ---------------- */

.rvt-wao__head {
	position: sticky !important;
	top: 0 !important;
	z-index: 3 !important;
	display: flex !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	gap: 16px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 20px 22px 15px !important;
	border-bottom: 1px solid var(--rvt-border, #EADFD5) !important;
	background: var(--rvt-surface, #fff) !important;
}

.rvt-wao__kicker {
	display: block !important;
	margin: 0 0 4px !important;
	padding: 0 !important;
	color: var(--rvt-accent-h, #238C85) !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: .15em !important;
	text-transform: uppercase !important;
}

.rvt-wao__title {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	color: var(--rvt-ink, #1A1A1A) !important;
	font-family: var(--rvt-h, var(--rvt-b, system-ui, sans-serif)) !important;
	font-size: 22px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	letter-spacing: -.02em !important;
}

.rvt-wao__close {
	flex: 0 0 auto !important;
	display: grid !important;
	place-items: center !important;
	width: 36px !important;
	height: 36px !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid var(--rvt-border, #EADFD5) !important;
	border-radius: 50% !important;
	background: transparent !important;
	color: var(--rvt-ink, #1A1A1A) !important;
	font-size: 22px !important;
	line-height: 1 !important;
	cursor: pointer !important;
	transition: background-color .2s ease, color .2s ease;
}

.rvt-wao__close:hover,
.rvt-wao__close:focus-visible {
	border-color: #101010 !important;
	background: #101010 !important;
	color: #FFFFFF !important;
}

/* ---------------- body ---------------- */

.rvt-wao__body {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 18px 22px 6px !important;
	overflow: visible !important;
}

.rvt-wao__step {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.rvt-wao__step + .rvt-wao__step {
	margin-top: 22px !important;
}

.rvt-wao__legend {
	display: flex !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
	gap: 9px !important;
	width: 100% !important;
	margin: 0 0 12px !important;
	padding: 0 !important;
	color: var(--rvt-ink, #1A1A1A) !important;
	font-family: var(--rvt-b, system-ui, sans-serif) !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	letter-spacing: -.01em !important;
	white-space: nowrap !important;
}

.rvt-wao__num {
	flex: 0 0 auto !important;
	display: grid !important;
	place-items: center !important;
	width: 22px !important;
	height: 22px !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 50% !important;
	background: #25D366 !important;
	color: #10241A !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
}

/* ---------------- product rows ---------------- */

.rvt-wao__list {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 10px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.rvt-wao__row {
	display: grid !important;
	grid-template-columns: 56px minmax(0, 1fr) auto !important;
	align-items: center !important;
	gap: 12px !important;
	width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 10px !important;
	border: 1px solid var(--rvt-border, #EADFD5) !important;
	border-radius: 14px !important;
	background: var(--rvt-surface, #fff) !important;
	transition: border-color .2s ease, background-color .2s ease;
}

.rvt-wao__row.is-picked {
	border-color: #25D366 !important;
	background: #F2FDF6 !important;
}

.rvt-wao__thumb {
	flex: 0 0 auto !important;
	width: 56px !important;
	height: 56px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid var(--rvt-border, #EADFD5) !important;
	border-radius: 10px !important;
	background: #fff !important;
	overflow: hidden !important;
}

.rvt-wao__thumb img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: contain !important;
	border-radius: 0 !important;
}

.rvt-wao__info {
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.rvt-wao__name {
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 2 !important;
	overflow: hidden !important;
	margin: 0 0 4px !important;
	padding: 0 !important;
	color: var(--rvt-ink, #1A1A1A) !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
}

.rvt-wao__price {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.rvt-wao__now {
	color: var(--rvt-accent-h, #238C85) !important;
	font-size: 14.5px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
}

.rvt-wao__was {
	color: var(--rvt-muted, #6E6A66) !important;
	font-size: 11.5px !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
	text-decoration: line-through !important;
}

.rvt-wao__save {
	display: inline-block !important;
	margin: 0 !important;
	padding: 3px 8px !important;
	border-radius: 999px !important;
	background: var(--rvt-coral, #F0806F) !important;
	color: #fff !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	white-space: nowrap !important;
}

/* ---------------- quantity ---------------- */

.rvt-wao__qty {
	flex: 0 0 auto !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 2px !important;
	margin: 0 !important;
	padding: 3px !important;
	border: 1px solid var(--rvt-border, #EADFD5) !important;
	border-radius: 999px !important;
	background: var(--rvt-bg, #FBF3EC) !important;
}

.rvt-wao__stepbtn {
	display: grid !important;
	place-items: center !important;
	width: 30px !important;
	height: 30px !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: #fff !important;
	color: var(--rvt-ink, #1A1A1A) !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	cursor: pointer !important;
	transition: background-color .15s ease, color .15s ease;
}

.rvt-wao__stepbtn:hover:not(:disabled) {
	background: #101010 !important;
	color: #fff !important;
}

.rvt-wao__stepbtn:disabled {
	opacity: .32 !important;
	cursor: not-allowed !important;
}

.rvt-wao__count {
	display: inline-block !important;
	min-width: 26px !important;
	margin: 0 !important;
	padding: 0 !important;
	color: var(--rvt-ink, #1A1A1A) !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	text-align: center !important;
	font-variant-numeric: tabular-nums;
}

/* ---------------- fields ---------------- */

.rvt-wao__grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 12px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.rvt-wao__field {
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.rvt-wao__field--wide {
	grid-column: 1 / -1 !important;
}

.rvt-wao__label {
	display: block !important;
	margin: 0 0 5px !important;
	padding: 0 !important;
	color: var(--rvt-ink, #1A1A1A) !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	text-transform: none !important;
}

.rvt-wao__label .req {
	color: var(--rvt-coral, #F0806F) !important;
}

.rvt-wao__input,
.rvt-wao__textarea {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	margin: 0 !important;
	padding: 11px 13px !important;
	border: 1px solid var(--rvt-border, #EADFD5) !important;
	border-radius: 10px !important;
	background: #fff !important;
	color: var(--rvt-ink, #1A1A1A) !important;
	font-family: inherit !important;
	font-size: 15px !important;
	line-height: 1.4 !important;
	box-shadow: none !important;
	transition: border-color .2s ease, box-shadow .2s ease;
}

.rvt-wao__textarea {
	min-height: 86px !important;
	resize: vertical !important;
}

.rvt-wao__input:focus,
.rvt-wao__textarea:focus {
	outline: 0 !important;
	border-color: #25D366 !important;
	box-shadow: 0 0 0 3px rgba(37, 211, 102, .22) !important;
}

.rvt-wao__input.is-bad,
.rvt-wao__textarea.is-bad {
	border-color: var(--rvt-coral, #F0806F) !important;
}

/* ---------------- foot ---------------- */

.rvt-wao__foot {
	position: sticky !important;
	bottom: 0 !important;
	z-index: 3 !important;
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 14px 22px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
	border-top: 1px solid var(--rvt-border, #EADFD5) !important;
	background: var(--rvt-bg, #FBF3EC) !important;
}

.rvt-wao__totals {
	display: flex !important;
	align-items: baseline !important;
	justify-content: space-between !important;
	gap: 12px !important;
	margin: 0 0 10px !important;
	padding: 0 !important;
}

.rvt-wao__totals-label {
	color: var(--rvt-muted, #6E6A66) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
}

.rvt-wao__totals-value {
	color: var(--rvt-ink, #1A1A1A) !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	letter-spacing: -.02em !important;
	white-space: nowrap !important;
}

.rvt-wao__error {
	display: block !important;
	margin: 0 0 10px !important;
	padding: 9px 12px !important;
	border-radius: 10px !important;
	background: #FDECE8 !important;
	color: #8A2F22 !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
}

.rvt-wao__error[hidden] {
	display: none !important;
}

.rvt-wao__submit {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 9px !important;
	width: 100% !important;
	min-height: 54px !important;
	margin: 0 !important;
	padding: 0 18px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #25D366 !important;
	color: #10241A !important;
	font-family: inherit !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-transform: none !important;
	cursor: pointer !important;
	transition: background-color .2s ease, color .2s ease, opacity .2s ease;
}

.rvt-wao__submit:hover:not(:disabled),
.rvt-wao__submit:focus-visible:not(:disabled) {
	background: #101010 !important;
	color: #FFFFFF !important;
}

.rvt-wao__submit:disabled {
	opacity: .4 !important;
	cursor: not-allowed !important;
}

.rvt-wao__spin {
	display: none !important;
	width: 17px !important;
	height: 17px !important;
	border: 2px solid rgba(16, 36, 26, .3) !important;
	border-top-color: currentColor !important;
	border-radius: 50% !important;
	animation: rvtWaoSpin .7s linear infinite;
}

.rvt-wao__submit.is-busy .rvt-wao__spin {
	display: block !important;
}

.rvt-wao__note {
	display: block !important;
	margin: 9px 0 0 !important;
	padding: 0 !important;
	color: var(--rvt-muted, #6E6A66) !important;
	font-size: 11.5px !important;
	line-height: 1.4 !important;
	text-align: center !important;
}

/* ---------------- done state ---------------- */

.rvt-wao__done {
	display: block !important;
	padding: 36px 26px 42px !important;
	text-align: center !important;
}

.rvt-wao__tick {
	display: grid !important;
	place-items: center !important;
	width: 58px !important;
	height: 58px !important;
	margin: 0 auto 16px !important;
	border-radius: 50% !important;
	background: #25D366 !important;
	color: #10241A !important;
	font-size: 28px !important;
	line-height: 1 !important;
}

.rvt-wao__done h3 {
	margin: 0 0 8px !important;
	padding: 0 !important;
	color: var(--rvt-ink, #1A1A1A) !important;
	font-family: var(--rvt-h, var(--rvt-b, system-ui, sans-serif)) !important;
	font-size: 21px !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;
}

.rvt-wao__done p {
	margin: 0 0 20px !important;
	padding: 0 !important;
	color: var(--rvt-muted, #6E6A66) !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
}

.rvt-wao__done a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 52px !important;
	padding: 0 28px !important;
	border-radius: 999px !important;
	background: #25D366 !important;
	color: #10241A !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

.rvt-wao__done a:hover {
	background: #101010 !important;
	color: #FFFFFF !important;
}

/* =========================================================
   PHONES
========================================================= */

@media (max-width: 640px) {
	.rvt-wao {
		align-items: flex-end !important;
		padding: 0 !important;
	}

	.rvt-wao__sheet {
		width: 100% !important;
		max-height: 90vh !important;
		border-radius: 22px 22px 0 0 !important;
		animation: rvtWaoSlide .26s cubic-bezier(.2, .75, .25, 1) both;
	}

	@supports (max-height: 100dvh) {
		.rvt-wao__sheet {
			max-height: 90dvh !important;
		}
	}

	.rvt-wao__head,
	.rvt-wao__body,
	.rvt-wao__foot {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.rvt-wao__title {
		font-size: 20px !important;
	}

	.rvt-wao__grid {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.rvt-wao__row {
		grid-template-columns: 48px minmax(0, 1fr) !important;
		grid-template-areas:
			"thumb info"
			"qty qty" !important;
		gap: 10px !important;
	}

	.rvt-wao__thumb {
		grid-area: thumb !important;
		width: 48px !important;
		height: 48px !important;
	}

	.rvt-wao__info {
		grid-area: info !important;
	}

	.rvt-wao__qty {
		grid-area: qty !important;
		justify-self: stretch !important;
		justify-content: space-between !important;
	}

	/* iOS zooms a focused field whose text is under 16px */
	.rvt-wao__input,
	.rvt-wao__textarea {
		font-size: 16px !important;
	}
}

/* the page behind the panel must not scroll with it */
body.rvt-wao-open {
	overflow: hidden !important;
}

/* =========================================================
   MOTION
========================================================= */

@keyframes rvtWaoFade {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@keyframes rvtWaoRise {
	from { opacity: 0; transform: translateY(14px) scale(.985); }
	to   { opacity: 1; transform: none; }
}

@keyframes rvtWaoSlide {
	from { transform: translateY(100%); }
	to   { transform: none; }
}

@keyframes rvtWaoSpin {
	to { transform: rotate(360deg); }
}

@keyframes rvtWaoPulse {
	0%, 100% { opacity: 1; }
	50%      { opacity: .5; }
}

@keyframes rvtWaoRing {
	0%   { box-shadow: 0 0 0 0 rgba(37, 211, 102, .55); }
	70%  { box-shadow: 0 0 0 14px rgba(37, 211, 102, 0); }
	100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

@media (prefers-reduced-motion: reduce) {
	.rvt-wao-fab,
	.rvt-wao-fab::after,
	.rvt-wao-fab__icon,
	.rvt-wao-fab__text,
	.rvt-wao__backdrop,
	.rvt-wao__sheet,
	.rvt-wao__spin {
		animation: none !important;
		transition: none !important;
	}
}