/* BETMAGIC – "Aréna" design: shared tokens and small components used by every front-end
   block. Night stadium, navy glass panels, neon cyan / pink, gold for the top tier.
   Fonts: assets/css/fonts.css (Teko, Chakra Petch, Barlow – bundled). */

:root {
	--bm-navy: #040a22;
	--bm-navy-2: #0a1640;
	--bm-navy-3: #11205a;
	--bm-panel: rgba(10, 22, 64, .78);
	--bm-panel-2: rgba(4, 10, 34, .82);
	--bm-blue: #1d6bff;
	--bm-cyan: #3ff0ff;
	--bm-cyan-soft: #8ff8ff;
	--bm-pink: #ff3fd8;
	--bm-violet: #7b4dff;
	--bm-orange: #ff8a1c;
	--bm-green: #34d399;
	--bm-red: #ff3b5c;
	--bm-gold: #f6c453;
	--bm-silver: #cfe0f0;
	--bm-bronze: #e7a06a;
	--bm-text: #fff;
	--bm-muted: #a9b8de;
	--bm-line: rgba(160, 190, 255, .18);
	--bm-line-strong: rgba(160, 190, 255, .34);
	--bm-radius: 18px;
	--bm-glow: 0 0 0 1px var(--bm-line), 0 24px 50px -28px rgba(0, 0, 0, .8);
	/* Width of the content (header, pages, homepage sections). */
	--bm-container: 1320px;
	--bm-display: "Teko", "Bebas Neue", "Oswald", "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
	--bm-hud: "Chakra Petch", "Barlow", sans-serif;
	--bm-body: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	/* Earlier names, still used by some rules. */
	--bm-heading: var(--bm-display);
	--bm-dark: var(--bm-navy);
	--bm-dark-2: var(--bm-navy-2);
	--bm-green-strong: #10b981;
	--bm-green-ink: var(--bm-cyan-soft);
	--bm-grey: var(--bm-muted);
	--bm-surface: var(--bm-panel);
	--bm-surface-2: var(--bm-panel-2);
	--bm-ink: #fff;
	/* Text over the stadium photo: a dark halo keeps it readable on bright spots. */
	--bm-halo: 0 1px 2px rgba(2, 6, 22, .9), 0 0 18px rgba(2, 6, 22, .85), 0 0 36px rgba(2, 6, 22, .6);
	--bm-arrow-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
}

/* An Elementor shortcode widget inside a row or grid container shrinks to one item;
   the BETMAGIC blocks always take the full row. */
.elementor-widget:has(.bm-cards, .bm-groups, .bm-tickets, .bm-winners, .bm-faq) { width: 100%; max-width: 100%; flex: 1 1 100%; grid-column: 1 / -1; }

/* Elementor's Text Editor widget runs wpautop over a shortcode's rendered HTML, adding
   <br> and empty <p> between our tags. They mean nothing inside the BETMAGIC blocks;
   the FAQ answers keep their own line breaks. */
:is(.bm-auth, .bm-account, .woocommerce-MyAccount-navigation, .bm-cards, .bm-groups, .bm-tickets, .bm-faq, .bm-faq-page, .bm-winners, .bm-contact, .bm-social) br { display: none; }
.bm-faq__answer br { display: initial; }
:is(.bm-auth, .bm-account, .bm-cards, .bm-groups, .bm-tickets, .bm-faq-page, .bm-winners, .bm-contact) p:empty { display: none; }
.bm-auth form > p { margin: 0; }

/* ---------- Logo ---------- */
.bm-logo { display: inline-flex; align-items: center; gap: 10px; color: #fff; font: 700 38px/.8 var(--bm-display); letter-spacing: .02em; white-space: nowrap; }
.bm-logo__mark { display: grid; place-items: center; width: 36px; height: 40px; padding-top: 4px; clip-path: polygon(50% 0, 100% 18%, 100% 70%, 50% 100%, 0 70%, 0 18%); background: linear-gradient(160deg, #fff3b8, var(--bm-gold) 45%, #a8751b); color: #2a1c00; font-size: 25px; }
.bm-logo__magic { background: linear-gradient(180deg, #fff6cf 10%, var(--bm-gold) 55%, #c98a16); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 0 14px rgba(246, 196, 83, .45)); }

/* ---------- Game button: slanted, gradient, a light sweep on hover ---------- */
.bm-button,
.bm-button:visited {
	--b1: var(--bm-pink);
	--b2: var(--bm-violet);
	--fg: #fff;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 50px;
	margin: 0;
	padding: 10px 28px;
	overflow: hidden;
	border: 0;
	border-radius: 0;
	clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
	background: linear-gradient(100deg, var(--b1), var(--b2));
	box-shadow: none;
	color: var(--fg) !important;
	font: 700 17px/1 var(--bm-hud);
	letter-spacing: .08em;
	text-transform: uppercase;
	text-decoration: none !important; /* themes underline links in the content */
	white-space: nowrap;
	cursor: pointer;
	transition: transform .15s ease, filter .2s ease;
}
.bm-button::after { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, transparent 30%, rgba(255, 255, 255, .45) 50%, transparent 70%); transform: translateX(-120%); transition: transform .5s ease; pointer-events: none; }
.bm-button:hover { filter: brightness(1.12) drop-shadow(0 0 14px var(--b1)); transform: translateY(-2px); color: var(--fg) !important; }
.bm-button:hover::after { transform: translateX(120%); }
.bm-button:active { transform: translateY(1px) scale(.98); }
.bm-button:focus-visible { outline: 3px solid var(--bm-cyan); outline-offset: 3px; }
.bm-button--cyan, .bm-button--cyan:visited { --b1: var(--bm-cyan); --b2: var(--bm-blue); --fg: #031033; }
.bm-button--orange, .bm-button--orange:visited { --b1: #ffc25a; --b2: var(--bm-orange); --fg: #2a1400; }
.bm-button--green, .bm-button--green:visited { --b1: #6ff5c2; --b2: var(--bm-green); --fg: #03251a; }
.bm-button--ghost,
.bm-button--ghost:visited { --b1: rgba(255, 255, 255, .1); --b2: rgba(255, 255, 255, .03); --fg: #fff; box-shadow: inset 0 0 0 1px var(--bm-line-strong); }
.bm-button--ghost:hover { --b1: rgba(255, 255, 255, .18); filter: none; }
.bm-button--sm { min-height: 40px; padding: 8px 20px; font-size: 14px; }
.bm-button--block { width: 100%; }
.bm-button[disabled], .bm-button.is-disabled { --b1: #1b2550; --b2: #141c40; --fg: #7d89b3; cursor: not-allowed; filter: none; transform: none; }
.bm-button--arrow::before { content: ""; order: 2; width: 0; height: 0; border-left: 8px solid currentColor; border-top: 6px solid transparent; border-bottom: 6px solid transparent; }

/* Hello Elementor paints every <button> pink on hover and focus. Ours keep their colours. */
button.bm-button:is(:hover, :focus, :active) { background: linear-gradient(100deg, var(--b1), var(--b2)); color: var(--fg); border: 0; }

/* ---------- Section heading: cyan kicker, gold headline, lead ---------- */
.bm-kicker { display: inline-flex; align-items: center; gap: 12px; color: var(--bm-cyan-soft); font: 700 13px/1.2 var(--bm-hud); letter-spacing: .24em; text-transform: uppercase; text-shadow: var(--bm-halo); }
.bm-kicker--lines::before, .bm-kicker--lines::after { content: ""; width: 34px; height: 2px; background: linear-gradient(90deg, transparent, var(--bm-cyan)); }
.bm-kicker--lines::after { transform: scaleX(-1); }
.bm-h2 { margin: -.16em 0 0; padding: .3em 0 .04em; font: 700 clamp(48px, 7.5vw, 92px)/.84 var(--bm-display); letter-spacing: .01em; text-transform: uppercase; background: linear-gradient(180deg, #fff 30%, #ffe6a8 70%, var(--bm-gold)); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 6px 24px rgba(0, 0, 0, .5)); }
.bm-lead { max-width: 660px; margin: 0; color: #e6edff; font: 500 18px/1.55 var(--bm-body); text-wrap: balance; text-shadow: var(--bm-halo); }
.bm-section-head { display: grid; justify-items: center; gap: 12px; margin: 0 auto clamp(32px, 4.5vw, 56px); text-align: center; }

/* Glass panel */
.bm-panel { border: 1px solid var(--bm-line); border-radius: var(--bm-radius); background: linear-gradient(160deg, rgba(14, 30, 84, .82), rgba(4, 10, 34, .86)); box-shadow: 0 24px 50px -30px rgba(0, 0, 0, .8); backdrop-filter: blur(6px); }

/* OPEN / LOCKED */
.bm-status { display: inline-flex; align-items: center; gap: 7px; font: 700 12px/1 var(--bm-hud); letter-spacing: .14em; text-transform: uppercase; }
.bm-status::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; box-shadow: 0 0 10px currentColor; }
.bm-status--open { color: var(--bm-green); }
.bm-status--locked { color: var(--bm-red); }

.bm-sr-only { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

.bm-link, .bm-link:visited { color: var(--bm-cyan-soft); font-weight: 600; text-decoration: none; }
.bm-link:hover { color: #fff; text-decoration: underline; }

/* Checkbox */
.bm-check { display: flex; align-items: flex-start; gap: 10px; margin: 0; cursor: pointer; color: #dfe7ff; font: 400 14px/1.5 var(--bm-body); }
.bm-check input[type="checkbox"] {
	appearance: none;
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	margin: 1px 0 0;
	border: 1.5px solid var(--bm-line-strong);
	border-radius: 5px;
	background: rgba(255, 255, 255, .04);
	cursor: pointer;
	transition: background .15s ease, border-color .15s ease;
}
.bm-check input[type="checkbox"]:checked {
	border-color: var(--bm-cyan);
	background: var(--bm-cyan) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23031033' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat;
}
.bm-check input[type="checkbox"]:focus-visible { outline: 3px solid var(--bm-cyan); outline-offset: 2px; }
.bm-check a { color: var(--bm-cyan-soft); }

.bm-spinner { width: 36px; height: 36px; flex: 0 0 36px; border: 3px solid rgba(63, 240, 255, .2); border-top-color: var(--bm-cyan); border-radius: 50%; animation: bm-spin .8s linear infinite; }
@keyframes bm-spin { to { transform: rotate(360deg); } }

/* Text field (forms of the plugin and WooCommerce on BETMAGIC pages) */
.bm-input,
:is(.bm-auth, .bm-account, .woocommerce-MyAccount-content, .woocommerce-checkout, .bm-contact, .woocommerce-ResetPassword, .woocommerce-form-coupon) :is(input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], input[type="search"], textarea, select),
:is(.woocommerce-checkout, .woocommerce-MyAccount-content) .select2-container .select2-selection {
	width: 100%;
	min-height: 52px;
	padding: 12px 16px;
	border: 1px solid var(--bm-line-strong);
	border-radius: 12px;
	background: rgba(4, 10, 34, .7);
	box-shadow: none;
	color: #fff;
	font: 500 16px/1.3 var(--bm-body);
	transition: border-color .15s ease, box-shadow .15s ease;
}
.woocommerce form .form-row :is(input.input-text, textarea, select),
.woocommerce-page form .form-row :is(input.input-text, textarea, select) {
	min-height: 52px;
	padding: 12px 16px;
	border: 1px solid var(--bm-line-strong);
	border-radius: 12px;
	background: rgba(4, 10, 34, .7);
	color: #fff;
	font: 500 16px/1.3 var(--bm-body);
}
.woocommerce form .form-row :is(input.input-text, textarea, select):focus,
.woocommerce-page form .form-row :is(input.input-text, textarea, select):focus,
:is(.bm-auth, .bm-account, .woocommerce-MyAccount-content, .woocommerce-checkout, .bm-contact, .woocommerce-ResetPassword) :is(input, textarea, select):focus,
.bm-input:focus { border-color: var(--bm-cyan); box-shadow: 0 0 0 3px rgba(63, 240, 255, .2); outline: none; }
:is(.bm-auth, .bm-account, .woocommerce-MyAccount-content, .woocommerce-checkout, .bm-contact, .woocommerce-ResetPassword) ::placeholder { color: #6f7fa8; }
/* Browser autofill keeps the dark field. */
:is(.bm-auth, .woocommerce) input:-webkit-autofill { -webkit-text-fill-color: #fff; box-shadow: 0 0 0 40px #0a1640 inset; caret-color: #fff; }
:is(.bm-auth, .bm-account, .woocommerce-MyAccount-content, .woocommerce-checkout, .bm-contact, .woocommerce-ResetPassword) label { color: var(--bm-muted); font: 700 12px/1.3 var(--bm-hud); letter-spacing: .1em; text-transform: uppercase; }
:is(.bm-auth, .bm-account, .woocommerce-MyAccount-content, .woocommerce-checkout, .bm-contact, .woocommerce-ResetPassword) label .required { color: var(--bm-pink); text-decoration: none; }

/* Search field (GYIK page); the page's script filters by its input (data-bm-search). */
.bm-search { position: relative; display: block; width: min(100%, 440px); }
.bm-search input[type="search"] {
	width: 100%;
	min-height: 56px;
	padding: 14px 20px 14px 52px;
	border: 1px solid var(--bm-line-strong);
	border-radius: 999px;
	background: rgba(4, 10, 34, .78);
	color: #fff;
	font: 500 16px/1.2 var(--bm-body);
	backdrop-filter: blur(6px);
	transition: border-color .15s ease, box-shadow .15s ease;
}
.bm-search input[type="search"]::placeholder { color: #8090bb; }
.bm-search input[type="search"]:focus { border-color: var(--bm-cyan); box-shadow: 0 0 0 4px rgba(63, 240, 255, .18); outline: none; }
.bm-search::before { content: ""; position: absolute; top: 50%; left: 20px; width: 20px; height: 20px; margin-top: -10px; background: var(--bm-cyan-soft); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") center / contain no-repeat; pointer-events: none; }

/* Quick link: kicker, title, line, slanted arrow (dashboard, GYIK page) */
.bm-quicklink,
.bm-quicklink:visited {
	position: relative;
	display: grid;
	gap: 4px;
	padding: 22px 90px 22px 22px;
	color: #fff !important;
	text-decoration: none !important;
}
.bm-quicklink__kicker { color: var(--bm-cyan-soft); font: 700 12px/1.2 var(--bm-hud); letter-spacing: .16em; text-transform: uppercase; }
.bm-quicklink strong { font: 700 32px/.9 var(--bm-display); text-transform: uppercase; }
.bm-quicklink span:last-child { color: var(--bm-muted); font-size: 15px; }
.bm-quicklink::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 54px;
	height: 44px;
	margin-top: -22px;
	clip-path: polygon(22% 0, 100% 0, 78% 100%, 0 100%);
	background: linear-gradient(100deg, rgba(63, 240, 255, .3), rgba(29, 107, 255, .45));
	transition: background .15s ease, transform .15s ease;
}
.bm-quicklink::before { content: ""; position: absolute; z-index: 1; top: 50%; right: 38px; width: 18px; height: 18px; margin-top: -9px; background: #fff; -webkit-mask: var(--bm-arrow-icon) center / contain no-repeat; mask: var(--bm-arrow-icon) center / contain no-repeat; transition: transform .15s ease; }
.bm-quicklink:hover::after { background: var(--bm-cyan); }
.bm-quicklink:hover::before { background: #031033; transform: translateX(3px); }
.bm-quicklink:hover strong { color: var(--bm-cyan-soft); }
.bm-quicklink:focus-visible { outline: 3px solid var(--bm-cyan); outline-offset: -3px; }

/* WooCommerce notices on dark pages */
:is(.bm-site, .bm-auth, .woocommerce) :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) {
	margin: 0 0 22px;
	padding: 16px 20px 16px 52px;
	border: 1px solid var(--bm-line-strong);
	border-left: 4px solid var(--bm-cyan);
	border-radius: 12px;
	background: rgba(10, 22, 64, .86);
	color: #e6edff;
	font: 500 15px/1.5 var(--bm-body);
	list-style: none;
}
:is(.bm-site, .bm-auth, .woocommerce) .woocommerce-error { border-left-color: var(--bm-red); }
:is(.bm-site, .bm-auth, .woocommerce) .woocommerce-message { border-left-color: var(--bm-green); }
:is(.bm-site, .bm-auth, .woocommerce) :is(.woocommerce-message, .woocommerce-info, .woocommerce-error)::before { top: 16px; left: 20px; color: var(--bm-cyan); }
:is(.bm-site, .bm-auth, .woocommerce) .woocommerce-error::before { color: var(--bm-red); }
:is(.bm-site, .bm-auth, .woocommerce) .woocommerce-message::before { color: var(--bm-green); }
:is(.bm-site, .bm-auth, .woocommerce) :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) a:not(.button) { color: var(--bm-cyan-soft); }
:is(.bm-site, .bm-auth, .woocommerce) :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) .button { float: right; margin-left: 12px; padding: 6px 14px; border-radius: 0; clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); background: var(--bm-cyan); color: #031033; font: 700 13px/1.4 var(--bm-hud); letter-spacing: .06em; text-transform: uppercase; }

/* ---------- Image lightbox (templates/parts/lightbox.php, assets/js/lightbox.js) ---------- */
.bm-lightbox { position: fixed; inset: 0; width: 100%; max-width: none; height: 100%; max-height: none; margin: 0; padding: 0; overflow: hidden; border: 0; background: transparent; outline: none; }
.bm-lightbox::backdrop { background: rgba(2, 5, 18, .93); backdrop-filter: blur(6px); }
.bm-lightbox__figure { display: grid; grid-template-columns: minmax(0, 1fr); place-items: center; align-content: center; gap: 14px; width: 100%; height: 100%; margin: 0; padding: 64px 76px; box-sizing: border-box; }
.bm-lightbox .bm-lightbox__figure img { display: block; width: auto; height: auto; max-width: 100%; max-height: calc(100dvh - 150px); margin: 0; border-radius: 18px; background: #fff; box-shadow: 0 30px 80px rgba(0, 0, 0, .7); user-select: none; -webkit-user-drag: none; }
.bm-lightbox__caption { color: var(--bm-cyan-soft); font: 700 14px/1 var(--bm-hud); letter-spacing: .14em; }
.bm-lightbox .bm-lightbox__caption[hidden], .bm-lightbox .bm-lightbox__nav[hidden] { display: none; }

/* × and ‹ ›: same look in every state (no theme pink, no tap highlight); the outline only for the keyboard. */
.bm-lightbox .bm-lightbox__close,
.bm-lightbox .bm-lightbox__close:is(:hover, :focus, :active),
.bm-lightbox .bm-lightbox__nav,
.bm-lightbox .bm-lightbox__nav:is(:hover, :focus, :active) {
	position: absolute;
	display: grid;
	place-items: center;
	width: 50px;
	height: 50px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	box-shadow: none;
	outline: none;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.bm-lightbox .bm-lightbox__close,
.bm-lightbox .bm-lightbox__close:is(:hover, :focus, :active) { top: 16px; right: 16px; width: 56px; height: 48px; border-radius: 0; clip-path: polygon(22% 0, 100% 0, 78% 100%, 0 100%); background: linear-gradient(100deg, rgba(63, 240, 255, .35), rgba(29, 107, 255, .35)); color: #fff; font-size: 0; }
/* The × drawn with two bars: always exactly in the middle (a text × sits low in most fonts). */
.bm-lightbox__close::before, .bm-lightbox__close::after { content: ""; position: absolute; top: 50%; left: 50%; width: 20px; height: 3px; margin: -1.5px 0 0 -10px; border-radius: 2px; background: currentColor; transform: rotate(45deg); }
.bm-lightbox__close::after { transform: rotate(-45deg); }
.bm-lightbox .bm-lightbox__nav,
.bm-lightbox .bm-lightbox__nav:is(:hover, :focus, :active) { top: 50%; width: 56px; height: 48px; margin-top: -24px; border-radius: 0; clip-path: polygon(22% 0, 100% 0, 78% 100%, 0 100%); background: linear-gradient(100deg, rgba(63, 240, 255, .35), rgba(29, 107, 255, .5)); color: #fff; }
.bm-lightbox .bm-lightbox__nav--prev { left: 16px; }
.bm-lightbox .bm-lightbox__nav--next { right: 16px; }
.bm-lightbox__nav::before { content: ""; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 11px solid currentColor; }
.bm-lightbox__nav--next::before { transform: scaleX(-1); }
.bm-lightbox .bm-lightbox__close:focus-visible,
.bm-lightbox .bm-lightbox__nav:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
@media (hover: hover) {
	.bm-lightbox .bm-lightbox__close:hover { background: var(--bm-pink); }
	.bm-lightbox .bm-lightbox__nav:hover { background: var(--bm-cyan); color: #031033; }
}
/* Phones: the image fills the width, the arrows sit under it next to the counter. */
@media (max-width: 640px) {
	.bm-lightbox__figure { padding: 70px 12px 84px; }
	.bm-lightbox .bm-lightbox__figure img { max-height: calc(100dvh - 170px); }
	.bm-lightbox .bm-lightbox__close, .bm-lightbox .bm-lightbox__close:is(:hover, :focus, :active) { top: 12px; right: 12px; }
	.bm-lightbox .bm-lightbox__nav, .bm-lightbox .bm-lightbox__nav:is(:hover, :focus, :active) { top: auto; bottom: 20px; margin-top: 0; }
	.bm-lightbox .bm-lightbox__nav--prev { left: calc(50% - 110px); }
	.bm-lightbox .bm-lightbox__nav--next { right: calc(50% - 110px); }
	.bm-lightbox__caption { position: absolute; bottom: 36px; left: 0; right: 0; text-align: center; }
}

@media (max-width: 720px) {
	.bm-logo { font-size: 30px; }
	.bm-logo__mark { width: 30px; height: 34px; font-size: 21px; }
}

@media (prefers-reduced-motion: reduce) {
	.bm-button, .bm-button::after, .bm-check input, .bm-quicklink::after, .bm-quicklink::before { transition: none; }
	.bm-spinner { animation-duration: 2.4s; }
}