/**
 * Quick Buy Ninja — Sadan Modest Wear
 * Rooted in softness. Blush, cream, ink. Hairlines only.
 * Written with logical properties so RTL needs almost nothing.
 */

.qbn-root,
.qbn-buy-now {
	--sadan-blush: #e9dfde;
	--sadan-cream: #f6f1ef;
	--sadan-porcelain: #fdfbfa;
	--sadan-ink: #141110;
	--sadan-ink-soft: #5c5350;
	--sadan-line: #dcd1ce;
	--sadan-taupe: #a49d9c;

	--qbn-display: "Cormorant Garamond", "Times New Roman", serif;
	--qbn-body: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--qbn-arabic: "Tajawal", "Jost", sans-serif;

	--qbn-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
	--qbn-gap: 22px;
}

[lang^="ar"] .qbn-root,
[lang^="ar"] .qbn-buy-now,
.qbn-root:lang(ar),
.qbn-buy-now:lang(ar) {
	--qbn-body: var(--qbn-arabic);
	--qbn-display: var(--qbn-arabic);
}

/* ---------------------------------------------------------------- Buy button */

.qbn-buy-now {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: 100%;
	min-block-size: 52px;
	margin-block-start: 10px;
	padding-inline: 26px;
	border: 1px solid var(--sadan-ink);
	border-radius: 2px;
	background: var(--sadan-ink);
	color: var(--sadan-cream);
	font-family: var(--qbn-body);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	line-height: 1;
	cursor: pointer;
	transition: background-color 0.35s var(--qbn-ease), color 0.35s var(--qbn-ease);
	-webkit-appearance: none;
	appearance: none;
}

.qbn-buy-now:hover,
.qbn-buy-now:focus-visible {
	background: transparent;
	color: var(--sadan-ink);
}

.qbn-buy-now:focus-visible {
	outline: 1px solid var(--sadan-ink);
	outline-offset: 3px;
}

.qbn-buy-now--loop {
	min-block-size: 42px;
	margin-block-start: 8px;
	font-size: 10.5px;
	background: transparent;
	color: var(--sadan-ink);
	border-color: var(--sadan-line);
}

.qbn-buy-now--loop:hover,
.qbn-buy-now--loop:focus-visible {
	background: var(--sadan-ink);
	color: var(--sadan-cream);
	border-color: var(--sadan-ink);
}

/* ----------------------------------------------------------------- Container */

.qbn-root[hidden] {
	display: none;
}

/*
 * Author-level display rules beat the UA [hidden] rule, so every element inside the
 * sheet that we toggle with the hidden attribute needs this to actually disappear.
 */
.qbn-root [hidden] {
	display: none !important;
}

.qbn-root {
	position: fixed;
	inset: 0;
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--qbn-body);
	color: var(--sadan-ink);
	font-size: 15px;
	line-height: 1.6;
}

.qbn-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(20, 17, 16, 0.28);
	-webkit-backdrop-filter: blur(10px) saturate(105%);
	backdrop-filter: blur(10px) saturate(105%);
	opacity: 0;
	transition: opacity 0.45s var(--qbn-ease);
}

.qbn-root.is-open .qbn-backdrop {
	opacity: 1;
}

/* --------------------------------------------------------------------- Sheet */

.qbn-sheet {
	position: relative;
	inline-size: min(468px, calc(100vw - 32px));
	max-block-size: min(88vh, 860px);
	background: var(--sadan-porcelain);
	border: 1px solid var(--sadan-line);
	border-radius: 4px;
	box-shadow: 0 18px 60px -40px rgba(20, 17, 16, 0.45);
	display: flex;
	flex-direction: column;
	opacity: 0;
	transform: translateY(14px);
	transition: opacity 0.45s var(--qbn-ease), transform 0.45s var(--qbn-ease);
}

.qbn-root.is-open .qbn-sheet {
	opacity: 1;
	transform: none;
}

.qbn-sheet:focus {
	outline: none;
}

.qbn-grip {
	display: none;
}

.qbn-close {
	position: absolute;
	inset-block-start: 14px;
	inset-inline-end: 14px;
	z-index: 2;
	inline-size: 34px;
	block-size: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid transparent;
	border-radius: 50%;
	background: transparent;
	color: var(--sadan-ink-soft);
	cursor: pointer;
	padding: 0;
	transition: border-color 0.3s var(--qbn-ease), color 0.3s var(--qbn-ease);
}

.qbn-close:hover,
.qbn-close:focus-visible {
	border-color: var(--sadan-line);
	color: var(--sadan-ink);
	outline: none;
}

.qbn-scroll {
	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	padding: 30px 30px 34px;
}

/* ---------------------------------------------------------------------- Head */

.qbn-eyebrow {
	margin: 0 0 18px;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--sadan-taupe);
}

.qbn-head {
	display: flex;
	gap: 18px;
	align-items: flex-start;
	padding-block-end: var(--qbn-gap);
	border-block-end: 1px solid var(--sadan-line);
}

.qbn-thumb {
	flex: 0 0 92px;
	inline-size: 92px;
	aspect-ratio: 4 / 5;
	background: var(--sadan-blush);
	border-radius: 2px;
	overflow: hidden;
}

.qbn-thumb img {
	inline-size: 100%;
	block-size: 100%;
	object-fit: cover;
	display: block;
}

.qbn-head__text {
	min-inline-size: 0;
}

.qbn-title {
	margin: 0 0 6px;
	font-family: var(--qbn-display);
	font-size: 27px;
	font-weight: 300;
	letter-spacing: 0.02em;
	line-height: 1.15;
	color: var(--sadan-ink);
}

.qbn-price {
	margin: 0;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.02em;
	color: var(--sadan-ink);
}

.qbn-stock {
	margin: 6px 0 0;
	font-size: 12px;
	letter-spacing: 0.04em;
	color: var(--sadan-ink-soft);
}

.qbn-stock.is-out {
	color: #8a4a4a;
}

/* ------------------------------------------------------------------- Loading */

.qbn-loading {
	display: flex;
	align-items: center;
	gap: 10px;
	padding-block: 26px;
	font-size: 13px;
	letter-spacing: 0.04em;
	color: var(--sadan-ink-soft);
}

.qbn-spinner {
	inline-size: 14px;
	block-size: 14px;
	border: 1px solid var(--sadan-line);
	border-block-start-color: var(--sadan-ink);
	border-radius: 50%;
	animation: qbn-spin 0.9s linear infinite;
}

@keyframes qbn-spin {
	to {
		transform: rotate(360deg);
	}
}

/* ---------------------------------------------------------------- Attributes */

.qbn-form[hidden],
.qbn-success[hidden] {
	display: none;
}

.qbn-attrs:not(:empty) {
	padding-block: var(--qbn-gap);
	border-block-end: 1px solid var(--sadan-line);
	display: grid;
	gap: 20px;
}

.qbn-attr__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin-block-end: 11px;
}

.qbn-label,
.qbn-attr__label {
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--sadan-taupe);
}

.qbn-attr__value {
	font-size: 12.5px;
	letter-spacing: 0.03em;
	color: var(--sadan-ink-soft);
}

.qbn-attr__options {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

/* Colour swatches */

.qbn-swatch {
	position: relative;
	inline-size: 30px;
	block-size: 30px;
	padding: 0;
	border: 1px solid var(--sadan-line);
	border-radius: 50%;
	background: var(--sadan-blush);
	cursor: pointer;
	transition: box-shadow 0.3s var(--qbn-ease), opacity 0.3s var(--qbn-ease);
}

.qbn-swatch[aria-pressed="true"] {
	box-shadow: 0 0 0 1px var(--sadan-porcelain), 0 0 0 2px var(--sadan-ink);
}

.qbn-swatch:focus-visible {
	outline: 1px solid var(--sadan-ink);
	outline-offset: 4px;
}

.qbn-swatch[disabled],
.qbn-pill[disabled] {
	cursor: not-allowed;
	opacity: 0.34;
}

.qbn-swatch[disabled]::after {
	content: "";
	position: absolute;
	inset-block-start: 50%;
	inset-inline: -2px;
	block-size: 1px;
	background: var(--sadan-ink-soft);
	transform: rotate(-45deg);
}

/* Size pills */

.qbn-pill {
	min-inline-size: 46px;
	min-block-size: 38px;
	padding-inline: 14px;
	border: 1px solid var(--sadan-line);
	border-radius: 2px;
	background: transparent;
	color: var(--sadan-ink);
	font-family: inherit;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	cursor: pointer;
	transition: border-color 0.3s var(--qbn-ease), background-color 0.3s var(--qbn-ease), color 0.3s var(--qbn-ease);
}

.qbn-pill:hover:not([disabled]) {
	border-color: var(--sadan-ink-soft);
}

.qbn-pill[aria-pressed="true"] {
	background: var(--sadan-ink);
	border-color: var(--sadan-ink);
	color: var(--sadan-cream);
}

.qbn-pill:focus-visible {
	outline: 1px solid var(--sadan-ink);
	outline-offset: 3px;
}

/* ------------------------------------------------------------------ Quantity */

.qbn-qty {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding-block: var(--qbn-gap);
	border-block-end: 1px solid var(--sadan-line);
}

.qbn-stepper {
	display: inline-flex;
	align-items: stretch;
	border: 1px solid var(--sadan-line);
	border-radius: 2px;
	overflow: hidden;
}

.qbn-stepper__btn {
	inline-size: 40px;
	min-block-size: 40px;
	border: 0;
	background: transparent;
	color: var(--sadan-ink);
	font-size: 15px;
	line-height: 1;
	cursor: pointer;
	transition: background-color 0.3s var(--qbn-ease);
}

.qbn-stepper__btn:hover:not([disabled]) {
	background: var(--sadan-cream);
}

.qbn-stepper__btn[disabled] {
	opacity: 0.3;
	cursor: not-allowed;
}

.qbn-stepper__input {
	inline-size: 46px;
	border: 0;
	border-inline: 1px solid var(--sadan-line);
	background: transparent;
	text-align: center;
	font-family: inherit;
	font-size: 14px;
	color: var(--sadan-ink);
	-moz-appearance: textfield;
	appearance: textfield;
}

.qbn-stepper__input:focus {
	outline: none;
	background: var(--sadan-cream);
}

/* -------------------------------------------------------------------- Fields */

.qbn-fields {
	display: grid;
	gap: 16px;
	padding-block: var(--qbn-gap);
	border-block-end: 1px solid var(--sadan-line);
}

.qbn-field {
	margin: 0;
	display: grid;
	gap: 7px;
}

.qbn-field label {
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--sadan-taupe);
}

.qbn-req {
	border: 0;
	text-decoration: none;
	color: var(--sadan-taupe);
}

.qbn-optional {
	text-transform: none;
	letter-spacing: 0.04em;
	font-weight: 300;
	font-size: 10.5px;
	color: var(--sadan-taupe);
}

.qbn-field input[type="text"],
.qbn-field input[type="tel"],
.qbn-field select,
.qbn-field textarea,
.qbn-coupon__row input,
.qbn-shipping-choice select {
	inline-size: 100%;
	min-block-size: 46px;
	padding: 11px 13px;
	border: 1px solid var(--sadan-line);
	border-radius: 2px;
	background: var(--sadan-porcelain);
	font-family: inherit;
	font-size: 15px;
	line-height: 1.5;
	color: var(--sadan-ink);
	transition: border-color 0.3s var(--qbn-ease), background-color 0.3s var(--qbn-ease);
	-webkit-appearance: none;
	appearance: none;
	box-shadow: none;
}

.qbn-field textarea {
	min-block-size: 68px;
	resize: vertical;
}

.qbn-field select,
.qbn-shipping-choice select {
	background-image: linear-gradient(45deg, transparent 50%, var(--sadan-ink-soft) 50%), linear-gradient(135deg, var(--sadan-ink-soft) 50%, transparent 50%);
	background-position: calc(100% - 18px) 21px, calc(100% - 13px) 21px;
	background-size: 5px 5px, 5px 5px;
	background-repeat: no-repeat;
	padding-inline-end: 34px;
}

.qbn-root:dir(rtl) .qbn-field select,
.qbn-root:dir(rtl) .qbn-shipping-choice select {
	background-position: 18px 21px, 13px 21px;
}

.qbn-field input:focus,
.qbn-field select:focus,
.qbn-field textarea:focus,
.qbn-coupon__row input:focus,
.qbn-shipping-choice select:focus {
	outline: none;
	border-color: var(--sadan-ink);
	background: var(--sadan-cream);
}

.qbn-field input::placeholder,
.qbn-field textarea::placeholder {
	color: var(--sadan-taupe);
	opacity: 1;
}

.qbn-field.has-error input,
.qbn-field.has-error select,
.qbn-field.has-error textarea {
	border-color: #a86a6a;
}

.qbn-error {
	font-size: 12px;
	letter-spacing: 0.02em;
	color: #8a4a4a;
	min-block-size: 0;
}

.qbn-error:empty {
	display: none;
}

.qbn-hp {
	position: absolute;
	inline-size: 1px;
	block-size: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

/* ------------------------------------------------------------------- Payment */

.qbn-pay {
	margin: 0;
	padding: var(--qbn-gap) 0;
	border: 0;
	border-block-end: 1px solid var(--sadan-line);
	display: grid;
	gap: 10px;
}

.qbn-pay legend {
	padding: 0;
	margin-block-end: 12px;
}

.qbn-pay__option {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 14px 15px;
	border: 1px solid var(--sadan-line);
	border-radius: 2px;
	cursor: pointer;
	transition: border-color 0.3s var(--qbn-ease), background-color 0.3s var(--qbn-ease);
}

.qbn-pay__option:hover {
	border-color: var(--sadan-taupe);
}

.qbn-pay__option:has(input:checked) {
	border-color: var(--sadan-ink);
	background: var(--sadan-cream);
}

.qbn-pay__option input {
	margin: 3px 0 0;
	accent-color: var(--sadan-ink);
	inline-size: 15px;
	block-size: 15px;
	flex: 0 0 auto;
}

.qbn-pay__body {
	display: grid;
	gap: 3px;
	min-inline-size: 0;
}

.qbn-pay__title {
	font-size: 14px;
	letter-spacing: 0.02em;
}

.qbn-pay__desc,
.qbn-pay__hint {
	font-size: 12px;
	line-height: 1.55;
	color: var(--sadan-ink-soft);
}

.qbn-pay__hint {
	color: var(--sadan-taupe);
	font-style: italic;
}

.qbn-note {
	margin: 0;
	font-size: 13px;
	color: var(--sadan-ink-soft);
}

/* -------------------------------------------------------------------- Coupon */

.qbn-coupon {
	padding-block: 16px;
	border-block-end: 1px solid var(--sadan-line);
}

.qbn-coupon summary {
	cursor: pointer;
	list-style: none;
	font-size: 12px;
	letter-spacing: 0.06em;
	color: var(--sadan-ink-soft);
	text-decoration: underline;
	text-underline-offset: 4px;
	text-decoration-color: var(--sadan-line);
}

.qbn-coupon summary::-webkit-details-marker {
	display: none;
}

.qbn-coupon summary:focus-visible {
	outline: 1px solid var(--sadan-ink);
	outline-offset: 4px;
}

.qbn-coupon__row {
	display: flex;
	gap: 8px;
	margin-block-start: 12px;
}

.qbn-coupon__apply {
	flex: 0 0 auto;
	padding-inline: 20px;
	min-block-size: 46px;
	border: 1px solid var(--sadan-ink);
	border-radius: 2px;
	background: transparent;
	color: var(--sadan-ink);
	font-family: inherit;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.3s var(--qbn-ease), color 0.3s var(--qbn-ease);
}

.qbn-coupon__apply:hover {
	background: var(--sadan-ink);
	color: var(--sadan-cream);
}

.qbn-coupon__msg {
	display: block;
	margin-block-start: 8px;
	font-size: 12px;
	color: var(--sadan-ink-soft);
}

.qbn-coupon__msg.is-error {
	color: #8a4a4a;
}

/* ------------------------------------------------------------------ Delivery */

.qbn-shipping-choice {
	display: grid;
	gap: 8px;
	padding-block: 18px;
	border-block-end: 1px solid var(--sadan-line);
}

.qbn-shipping-choice[hidden] {
	display: none;
}

/* ------------------------------------------------------------------- Summary */

.qbn-summary {
	padding-block: var(--qbn-gap);
	display: grid;
	gap: 9px;
}

.qbn-summary__row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	font-size: 13.5px;
	color: var(--sadan-ink-soft);
	letter-spacing: 0.02em;
}

.qbn-summary__row[hidden] {
	display: none;
}

.qbn-summary__row--total {
	margin-block-start: 6px;
	padding-block-start: 14px;
	border-block-start: 1px solid var(--sadan-line);
	font-family: var(--qbn-display);
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0.03em;
	color: var(--sadan-ink);
}

.qbn-summary.is-busy {
	opacity: 0.5;
	transition: opacity 0.25s var(--qbn-ease);
}

/* -------------------------------------------------------------------- Submit */

.qbn-formerror {
	margin: 0 0 14px;
	padding: 12px 14px;
	border: 1px solid #d8bcbc;
	border-radius: 2px;
	background: #fbf4f3;
	font-size: 13px;
	color: #7d3f3f;
}

.qbn-formerror[hidden] {
	display: none;
}

.qbn-submit {
	inline-size: 100%;
	min-block-size: 54px;
	border: 1px solid var(--sadan-ink);
	border-radius: 2px;
	background: var(--sadan-ink);
	color: var(--sadan-cream);
	font-family: inherit;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.35s var(--qbn-ease), color 0.35s var(--qbn-ease), opacity 0.3s var(--qbn-ease);
}

.qbn-submit:hover:not([disabled]),
.qbn-submit:focus-visible:not([disabled]) {
	background: transparent;
	color: var(--sadan-ink);
	outline: none;
}

.qbn-submit[disabled] {
	opacity: 0.4;
	cursor: not-allowed;
}

.qbn-submit.is-busy {
	opacity: 0.7;
	cursor: progress;
}

.qbn-reassure {
	margin: 16px 0 0;
	text-align: center;
	font-size: 11.5px;
	line-height: 1.7;
	letter-spacing: 0.02em;
	color: var(--sadan-taupe);
}

/* ------------------------------------------------------------------- Success */

.qbn-success {
	padding-block: 26px 8px;
	text-align: center;
	display: grid;
	gap: 14px;
	justify-items: center;
}

.qbn-success__mark {
	inline-size: 62px;
	block-size: 62px;
	display: grid;
	place-items: center;
	border: 1px solid var(--sadan-line);
	border-radius: 50%;
	background: var(--sadan-blush);
	color: var(--sadan-ink);
}

.qbn-success__title {
	margin: 0;
	font-family: var(--qbn-display);
	font-size: 28px;
	font-weight: 300;
	letter-spacing: 0.02em;
}

.qbn-success__sub {
	margin: 0;
	max-inline-size: 32ch;
	font-size: 14px;
	line-height: 1.7;
	color: var(--sadan-ink-soft);
}

.qbn-success__meta {
	margin: 6px 0 0;
	inline-size: 100%;
	display: flex;
	gap: 1px;
	background: var(--sadan-line);
	border: 1px solid var(--sadan-line);
	border-radius: 2px;
	overflow: hidden;
}

.qbn-success__meta > div {
	flex: 1 1 0;
	padding: 15px 10px;
	background: var(--sadan-porcelain);
	display: grid;
	gap: 5px;
}

.qbn-success__meta dt {
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--sadan-taupe);
}

.qbn-success__meta dd {
	margin: 0;
	font-family: var(--qbn-display);
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0.02em;
}

.qbn-success__note {
	margin: 0;
	font-size: 12.5px;
	line-height: 1.7;
	color: var(--sadan-ink-soft);
	max-inline-size: 36ch;
}

.qbn-success__note:empty {
	display: none;
}

.qbn-success__link {
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--sadan-ink);
	text-decoration: underline;
	text-underline-offset: 5px;
	text-decoration-color: var(--sadan-line);
}

.qbn-success__close {
	margin-block-start: 4px;
	min-block-size: 48px;
	inline-size: 100%;
	border: 1px solid var(--sadan-line);
	border-radius: 2px;
	background: transparent;
	color: var(--sadan-ink);
	font-family: inherit;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	cursor: pointer;
	transition: border-color 0.3s var(--qbn-ease);
}

.qbn-success__close:hover {
	border-color: var(--sadan-ink);
}

/* ------------------------------------------------------------- Body lock */

html.qbn-locked,
body.qbn-locked {
	overflow: hidden;
}

/* --------------------------------------------------------- Mobile: bottom sheet */

@media (max-width: 640px) {
	.qbn-root {
		align-items: flex-end;
	}

	.qbn-sheet {
		inline-size: 100%;
		max-block-size: 92dvh;
		border-radius: 20px 20px 0 0;
		border-block-end: 0;
		transform: translateY(100%);
		transition: transform 0.5s var(--qbn-ease), opacity 0.3s var(--qbn-ease);
	}

	.qbn-root.is-open .qbn-sheet {
		transform: translateY(0);
	}

	.qbn-grip {
		display: block;
		inline-size: 40px;
		block-size: 3px;
		margin: 10px auto 0;
		border-radius: 3px;
		background: var(--sadan-line);
		flex: 0 0 auto;
	}

	.qbn-scroll {
		padding: 20px 20px calc(26px + env(safe-area-inset-bottom, 0px));
	}

	.qbn-close {
		inset-block-start: 8px;
	}

	.qbn-title {
		font-size: 24px;
	}

	.qbn-thumb {
		flex-basis: 78px;
		inline-size: 78px;
	}

	/* 16px minimum keeps iOS from zooming on focus. */
	.qbn-field input,
	.qbn-field select,
	.qbn-field textarea,
	.qbn-coupon__row input {
		font-size: 16px;
	}
}

/* ---------------------------------------------------- Reduced motion / a11y */

@media (prefers-reduced-motion: reduce) {
	.qbn-backdrop,
	.qbn-sheet,
	.qbn-submit,
	.qbn-buy-now,
	.qbn-pill,
	.qbn-swatch,
	.qbn-summary,
	.qbn-pay__option,
	.qbn-coupon__apply,
	.qbn-close,
	.qbn-stepper__btn,
	.qbn-success__close {
		transition: none !important;
	}

	.qbn-sheet,
	.qbn-root.is-open .qbn-sheet {
		transform: none !important;
	}

	.qbn-spinner {
		animation: none;
		border-block-start-color: var(--sadan-line);
	}
}

@media (forced-colors: active) {
	.qbn-sheet,
	.qbn-pay__option,
	.qbn-pill,
	.qbn-swatch {
		border-color: CanvasText;
	}
}