/* BudBuddies arrival. All presentation is contained in this one auth island. */
@font-face {
	font-family: "BB Space Grotesk";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("../fonts/space-grotesk.woff2") format("woff2");
}
.bb-auth-experience {
	--bb-night: #291731;
	--bb-plum: #432a49;
	--bb-iris: #80629b;
	--bb-orchid: #bc9dc5;
	--bb-sun: #f5cc4f;
	--bb-cream: #fbf4e8;
	--bb-paper: #fffcf5;
	--bb-ink: #302338;
	--bb-muted: #62536a;
	--bb-line: #dbcfde;
	--bb-alert: #a43b48;
	position: relative;
	isolation: isolate;
	box-sizing: border-box;
	width: min(1440px, 100%);
	min-height: 700px;
	/* The theme's global section rule floats and pads every section; neither
	   belongs inside this self-contained card. Meet the warning directly. */
	float: none !important;
	padding: 0 !important;
	margin: 0 auto 72px;
	overflow: hidden;
	border: 1px solid #57405d;
	border-radius: 30px;
	background: var(--bb-cream);
	color: var(--bb-ink);
	box-shadow: 0 30px 80px rgba(41, 23, 49, .19);
	font-family: Montserrat, "BB Space Grotesk", sans-serif;
	line-height: 1.5;
}
.bb-auth-experience *, .bb-auth-experience *::before, .bb-auth-experience *::after { box-sizing: border-box; }
.bb-auth-experience a { color: #5c3673; text-underline-offset: 4px; }
.bb-auth-experience :is(a, button, input, select, textarea, [role="button"]):focus-visible {
	outline: 3px solid #be8614 !important;
	outline-offset: 3px !important;
}
.bb-auth-experience__layout { display: grid; grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr); min-height: 700px; }
/* Guest My Account contains both complete Woo forms. Give the cream side the
   width of a two-form workspace instead of the single-form login split. */
@media (min-width: 901px) {
	.bb-auth-experience--account .bb-auth-experience__layout { grid-template-columns: minmax(0, .58fr) minmax(0, 1.42fr); }
}
@media (min-width: 1101px) {
	/* The shared single-form 570px cap was still constraining both Woo columns
	   even after the account panel widened. Let only the two-form account use
	   its actual available cream-panel width. */
	.bb-auth-experience--account .bb-auth-experience__panel-inner { max-width: none; }
}
.bb-auth-experience__world {
	--bb-world-gutter-x: clamp(28px, 3vw, 52px);
	--bb-world-gutter-y: clamp(28px, 3vw, 52px);
	--bb-footer-clearance: 76px;
	position: relative;
	isolation: isolate;
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 700px;
	padding: var(--bb-world-gutter-y) var(--bb-world-gutter-x);
	overflow: hidden;
	background: radial-gradient(circle at 49% 55%, #634170 0, #3a2349 43%, #28182f 100%);
	color: var(--bb-paper);
}
.bb-auth-experience__copy {
	position: relative;
	z-index: 3;
	width: min(100%, 440px);
	/* A local ink wash keeps copy legible over the drawing without hiding it. */
	background: linear-gradient(90deg, rgba(40, 24, 47, .94) 0%, rgba(40, 24, 47, .78) 72%, rgba(40, 24, 47, 0) 100%);
	border-radius: 18px;
}
.bb-auth-experience__world::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 0;
	opacity: .32;
	background-image: radial-gradient(circle, #f8e5a6 1px, transparent 2px), radial-gradient(circle, #ebd5ed 1px, transparent 2px);
	background-position: 0 0, 23px 46px;
	background-size: 94px 105px, 141px 129px;
	pointer-events: none;
}
.bb-auth-experience__world::after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 27%;
	left: 66%;
	width: 150px;
	height: 3px;
	border-radius: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 229, 148, .55), #fff5d1);
	opacity: 0;
	pointer-events: none;
	transform: rotate(-28deg) translateX(110px);
}
.bb-auth-experience__brand { position: relative; z-index: 3; display: inline-flex; align-items: center; gap: 13px; width: fit-content; color: var(--bb-paper); font-size: 1.35rem; font-weight: 800; line-height: 1; letter-spacing: -.05em; }
.bb-auth-experience__brand-mark { position: relative; display: inline-grid; place-items: center; flex: 0 0 37px; width: 37px; height: 37px; border: 3px solid var(--bb-sun); border-radius: 50%; transform: rotate(-21deg); }
.bb-auth-experience__brand-mark::before { content: ""; width: 49px; height: 14px; position: absolute; border: 2px solid var(--bb-sun); border-radius: 50%; }
.bb-auth-experience__brand-mark::after { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--bb-sun); }
.bb-auth-experience__chapter { position: relative; z-index: 3; width: fit-content; margin: clamp(37px, 5vw, 74px) 0 0; padding: 8px 14px; border: 1px solid rgba(255, 234, 174, .46); border-radius: 100px; color: #ffe19a; font-size: .7rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.bb-auth-experience__headline { position: relative; z-index: 3; max-width: 12ch; margin: 16px 0 0; color: var(--bb-paper); font-family: "BB Space Grotesk", Montserrat, sans-serif; font-size: clamp(2.55rem, 4.15vw, 5.25rem); font-weight: 700; line-height: 1.05; letter-spacing: -.07em; text-shadow: 0 2px 15px rgba(24, 10, 31, .6); }
.bb-auth-experience__headline em { color: var(--bb-sun); font-style: normal; }
.bb-auth-experience__aside { position: relative; z-index: 3; max-width: 30ch; margin: 18px 0 0; color: #f0e5f0; font-size: clamp(.95rem, 1.1vw, 1.1rem); line-height: 1.6; text-shadow: 0 1px 9px rgba(24, 10, 31, .75); }
.bb-auth-experience__scene { position: absolute; z-index: 1; inset: auto -5% -13% 12%; height: 70%; pointer-events: none; }
.bb-auth-experience__halo { position: absolute; inset: 15% 8% 7% 12%; border: 1px solid rgba(255, 216, 106, .45); border-radius: 50%; box-shadow: 0 0 0 32px rgba(255, 216, 106, .035), 0 0 0 72px rgba(255, 216, 106, .025); transform: rotate(-24deg); }
.bb-auth-experience__halo::after { content: ""; position: absolute; top: 7%; right: 11%; width: 13px; height: 13px; border-radius: 50%; background: var(--bb-sun); box-shadow: 0 0 0 7px rgba(245, 204, 79, .18); }
.bb-auth-experience__art { position: relative; display: block; width: 100%; height: 100%; object-fit: contain; object-position: center bottom; filter: drop-shadow(0 22px 20px rgba(19, 8, 25, .35)); }
/* Recovery is its own illustrated chapter: a quiet chart of the way home,
   behind the original star-key drawing rather than a duplicate login scene. */
.bb-auth-experience--recovery .bb-auth-experience__world {
	background: radial-gradient(ellipse at 76% 65%, #72547d 0, #4b3158 33%, #291731 76%);
}
.bb-auth-experience--recovery .bb-auth-experience__scene { inset: auto -7% -10% 8%; height: 74%; }
.bb-auth-experience--recovery .bb-auth-experience__halo {
	inset: 9% 5% 5% 14%;
	border: 2px dashed rgba(255, 225, 154, .68);
	box-shadow: 0 0 0 20px rgba(245, 204, 79, .04), 0 0 0 62px rgba(245, 204, 79, .025);
}
.bb-auth-experience--recovery .bb-auth-experience__star--one { top: 61%; left: 6%; }
.bb-auth-experience--recovery .bb-auth-experience__star--two { top: 36%; right: 13%; }
.bb-auth-experience--recovery .bb-auth-experience__panel {
	background: radial-gradient(circle at 92% 13%, #fff4d4 0, transparent 38%), var(--bb-cream);
}
.bb-auth-experience--recovery .bb-auth-experience__panel::before { width: 94px; height: 94px; border-style: dashed; border-color: #d5bb82; }
.bb-auth-experience--recovery .bb-auth-experience__panel::after { top: 70px; right: 72px; width: 38px; height: 38px; border-color: #d5bb82; }
.bb-auth-experience__star { position: absolute; z-index: 2; width: 19px; height: 19px; background: var(--bb-sun); clip-path: polygon(50% 0, 59% 41%, 100% 50%, 59% 59%, 50% 100%, 41% 59%, 0 50%, 41% 41%); pointer-events: none; }
.bb-auth-experience__star--one { top: 43%; left: 8%; width: 35px; height: 35px; }
.bb-auth-experience__star--two { top: 25%; right: 8%; }
.bb-auth-experience__star--three { bottom: 18%; right: 7%; width: 26px; height: 26px; }
.bb-auth-experience__footer {
	position: relative;
	z-index: 4;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px 16px;
	min-width: 0;
	margin: auto calc(-1 * var(--bb-world-gutter-x)) calc(-1 * var(--bb-world-gutter-y));
	padding: 12px var(--bb-world-gutter-x);
	background: var(--bb-night);
}
.bb-auth-experience .bb-auth-experience__coordinates {
	/* Reset the installed card's absolute caption rule when the 83 stylesheet
	   is layered over it during a source-only probe. */
	display: block;
	position: static;
	inset: auto;
	flex: 1 1 160px;
	min-width: 0;
	margin: 0;
	color: #eee0ed;
	font-size: .68rem;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: .11em;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}
.bb-auth-experience__scene { bottom: var(--bb-footer-clearance); }
.bb-auth-experience--account .bb-auth-experience__world { --bb-footer-clearance: 130px; }
.bb-auth-experience--recovery .bb-auth-experience__scene { bottom: var(--bb-footer-clearance); }
.bb-auth-experience__panel { position: relative; display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: clamp(30px, 5vw, 80px); background: radial-gradient(circle at 100% 0, #fff9e8, transparent 43%), var(--bb-cream); }
.bb-auth-experience__panel::before { content: ""; position: absolute; top: 42px; right: 44px; width: 72px; height: 72px; border: 1px solid #e6d9bd; border-radius: 50%; pointer-events: none; }
.bb-auth-experience__panel::after { content: ""; position: absolute; top: 63px; right: 65px; width: 30px; height: 30px; border: 1px solid #e6d9bd; border-radius: 50%; pointer-events: none; }
.bb-auth-experience__panel-inner { position: relative; z-index: 1; width: 100%; max-width: 570px; margin-inline: auto; }
.bb-auth-experience__topline { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: clamp(28px, 4vw, 55px); }
.bb-auth-experience__eyebrow { margin: 0; color: #725a26; font-size: .72rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.bb-auth-experience__switch { color: #56326b !important; font-size: .83rem; font-weight: 800; }
.bb-auth-experience__title { max-width: 15ch; margin: 0; color: var(--bb-ink) !important; font-family: "BB Space Grotesk", Montserrat, sans-serif !important; font-size: clamp(2.15rem, 3.7vw, 3.7rem) !important; font-weight: 700 !important; line-height: 1.06; letter-spacing: -.055em; }
.bb-auth-experience__description { max-width: 43ch; margin: 13px 0 28px; color: var(--bb-muted); font-size: .98rem; line-height: 1.65; }
.bb-auth-native { display: flow-root; min-width: 0; width: 100%; color: var(--bb-ink); font-family: Montserrat, "BB Space Grotesk", sans-serif; }
/* The trusted shortcode can arrive inside the editor's ACF section, Bootstrap
   container and core columns. Free only those layout shells from page gutters;
   never touch the native form descendants or their provider-owned structure. */
.bb-auth-native > .block_section_basic-section { float: none !important; width: 100% !important; max-width: none !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
.bb-auth-native > .block_section_basic-section :is(.container, .row, .col-12, .acf-innerblocks-container, .wp-block-columns, .wp-block-column) { min-width: 0 !important; max-width: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
.bb-auth-native > .block_section_basic-section :is(.row, .wp-block-columns) { display: block !important; }
.bb-auth-native > .block_section_basic-section .wp-block-column { flex: none !important; }
.bb-auth-native > .basic-section { width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; }
.bb-auth-native > .basic-section :is(.container, .row, .col-12, .acf-innerblocks-container, .wp-block-columns, .wp-block-column) { width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
.bb-auth-native > .basic-section :is(.row, .wp-block-columns) { display: block !important; }
.bb-auth-native > .basic-section .wp-block-column { flex: none !important; }
/* The first native shortcode section has a blank spacer and one old, figure
   only illustration column. The original astronaut replaces that exact image.
   Never suppress another column, image, message or the provider-owned form. */
.bb-auth-experience .wp-block-columns:has(> .wp-block-column .um-form) > .wp-block-column:empty,
.bb-auth-experience .wp-block-columns:has(> .wp-block-column .um-form) > .wp-block-column:has(> figure.wp-block-image > img.wp-image-185) { display: none !important; }
.bb-auth-experience :is(h1#h-login, h1#h-register) {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
}
.bb-auth-native :is(.um, .um-form, .woocommerce, #customer_login) { width: 100%; max-width: none; min-width: 0; margin-inline: 0; }
.bb-auth-native :is(.um-field, .form-row) { min-width: 0; margin-bottom: 18px; }
.bb-auth-native :is(.um-field-label, .form-row label) { display: block; margin-bottom: 7px; color: var(--bb-ink); font-size: .84rem; font-weight: 800; }
.bb-auth-native :is(.um-field-label label, .form-row label) { color: inherit; font: inherit; }
.bb-auth-native :is(input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea, select, .um-form input[type="text"], .um-form input[type="email"], .um-form input[type="password"]) {
	display: block; width: 100%; max-width: 100%; min-height: 52px; padding: 12px 15px; border: 1.5px solid #b9aaba; border-radius: 12px; background: var(--bb-paper); box-shadow: 0 2px 0 rgba(58, 35, 73, .035); color: var(--bb-ink); font: 500 1rem Montserrat, "BB Space Grotesk", sans-serif; transition: border-color .18s, box-shadow .18s;
}
.bb-auth-native :is(input[type="text"], input[type="email"], input[type="password"], textarea, select):hover { border-color: #775b85; }
.bb-auth-native :is(input[type="text"], input[type="email"], input[type="password"], textarea, select):focus { border-color: #523360; box-shadow: 0 0 0 3px rgba(245, 204, 79, .28); }
.bb-auth-native :is(input, textarea)::placeholder { color: #756b79; opacity: 1; }
.bb-auth-native :is(input[type="checkbox"], input[type="radio"]) { width: 18px; height: 18px; accent-color: #573263; vertical-align: middle; }
.bb-auth-native :is(button[type="submit"], input[type="submit"], .um-button, .woocommerce-button, .button):not(.show-password-input) {
	display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 12px 25px; border: 2px solid #3e2449; border-radius: 13px; background: var(--bb-sun); box-shadow: 0 5px 0 #3e2449; color: #2c1c34; font: 800 .95rem Montserrat, "BB Space Grotesk", sans-serif; text-align: center; text-decoration: none; cursor: pointer; transition: transform .18s, box-shadow .18s, background-color .18s;
}
.bb-auth-native :is(button[type="submit"], input[type="submit"], .um-button, .woocommerce-button, .button):not(.show-password-input):is(:hover, :focus-visible) { background: #ffdb69; transform: translateY(-3px); box-shadow: 0 8px 0 #3e2449; }
.bb-auth-native :is(button[type="submit"], input[type="submit"], .um-button, .woocommerce-button, .button):not(.show-password-input):active { transform: translateY(4px); box-shadow: 0 1px 0 #3e2449; }
.bb-auth-native :is(button, input, a)[disabled], .bb-auth-native :is(button, input, a)[aria-disabled="true"] { opacity: .55; cursor: not-allowed; box-shadow: none; }
.bb-auth-native :is(.um-col-alt, .um-field-area, .um-field-block) { min-width: 0; }
.bb-auth-native .um-col-alt::after { content: ""; display: block; clear: both; }
.bb-auth-native :is(.um-left.um-half, .um-right.um-half) { width: auto; max-width: 100%; float: none; }
.bb-auth-native .um-col-alt :is(.um-left, .um-right) { margin-bottom: 12px; }
.bb-auth-native :is(.um-field-error, .um-notice.err, .woocommerce-error) { color: #7d2733; }
.bb-auth-native :is(.um-notice, .woocommerce-error, .woocommerce-message, .woocommerce-info) { margin: 0 0 19px; padding: 13px 16px; border: 1px solid #d2b1b9; border-left: 4px solid var(--bb-alert); border-radius: 10px; background: #fff2f0; color: #572735; line-height: 1.5; }
.bb-auth-native :is(.um-notice.success, .woocommerce-message) { border-color: #a7b580; border-left-color: #657744; background: #f3f7e8; color: #334822; }
.bb-auth-native :is(.um-notice a, .woocommerce-error a) { color: inherit; font-weight: 800; }
.bb-auth-native .um-field-error { margin-top: 5px; font-size: .85rem; }
.bb-auth-native :is(.um-field-error, .woocommerce-error) + * { clear: both; }
.bb-auth-native :is(.um-field, .form-row) :is([aria-invalid="true"], .um-error) { border-color: var(--bb-alert); }
.bb-auth-native :is(.um-field-checkbox-option, .woocommerce-form-login__rememberme) { font-size: .86rem; }
.bb-auth-native :is(.um-field-half, .um-field-third) { min-width: 0; }
.bb-auth-native .um-field-group-head { color: var(--bb-ink); }
.bb-auth-native :is(.um-link-alt, .woocommerce-LostPassword a, .um-col-alt-b a) { color: #613777; font-weight: 700; }
.bb-auth-native .woocommerce #customer_login { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: clamp(18px, 2vw, 34px); }
.bb-auth-native .woocommerce #customer_login > :is(.u-column1, .u-column2) { float: none !important; width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
.bb-auth-native .woocommerce #customer_login > .u-column2 { border-left: 1px solid var(--bb-line) !important; padding-left: clamp(18px, 2vw, 34px) !important; }
@media (max-width: 1100px) {
	.bb-auth-experience--account .bb-auth-experience__panel-inner { max-width: none; }
	.bb-auth-experience--account .bb-auth-native .woocommerce #customer_login { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 30px; }
	/* Both Woo columns must occupy the explicit track. At tablet widths an
	   inherited column placement leaves an implicit second track and shrinks
	   the first form (and its Google label) to zero. */
	.bb-auth-experience.bb-auth-experience--account .bb-auth-native .woocommerce #customer_login > :is(.u-column1, .u-column2) {
		grid-column: 1 / -1 !important;
		grid-row: auto !important;
		width: 100% !important;
		min-width: 0 !important;
	}
	.bb-auth-experience--account .bb-auth-native .woocommerce #customer_login > .u-column2 { border-left: 0 !important; border-top: 1px solid var(--bb-line) !important; padding: 28px 0 0 !important; }
}
.bb-auth-native .woocommerce #customer_login h2 { margin: 0 0 18px; color: var(--bb-ink); font-family: "BB Space Grotesk", sans-serif; font-size: 1.65rem; letter-spacing: -.04em; }
.bb-auth-native .woocommerce #customer_login form { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
.bb-auth-experience .bb-auth-native .woocommerce { box-sizing: border-box !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
.bb-auth-experience .bb-auth-native .woocommerce #customer_login { width: 100% !important; max-width: none !important; margin: 0 !important; }
.bb-auth-experience .bb-auth-native .woocommerce #customer_login > :is(.u-column1, .u-column2) { float: none !important; width: auto !important; max-width: none !important; margin: 0 !important; }
.bb-auth-experience .bb-auth-native .woocommerce #customer_login form { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
.bb-auth-experience .bb-auth-native .woocommerce #customer_login :is(input.input-text, input[type="email"], input[type="password"]) { width: 100% !important; min-height: 52px !important; padding: 12px 15px !important; border: 1.5px solid #b9aaba !important; border-radius: 12px !important; background: var(--bb-paper) !important; color: var(--bb-ink) !important; }
.bb-auth-experience .bb-auth-native .woocommerce #customer_login .password-input input { padding-right: 52px !important; }
.bb-auth-experience .bb-auth-native .woocommerce #customer_login :is(button[type="submit"], input[type="submit"], .woocommerce-button):not(.show-password-input),
.bb-auth-experience .bb-auth-native .um input.um-button { min-height: 54px !important; border: 2px solid #3e2449 !important; border-radius: 13px !important; background: var(--bb-sun) !important; box-shadow: 0 5px 0 #3e2449 !important; color: #2c1c34 !important; font-weight: 800 !important; text-shadow: none !important; }
.bb-auth-experience .bb-auth-native .woocommerce #customer_login :is(button[type="submit"], input[type="submit"], .woocommerce-button):not(.show-password-input):is(:hover, :focus-visible),
.bb-auth-experience .bb-auth-native .um input.um-button:is(:hover, :focus-visible) { background: #ffdb69 !important; transform: translateY(-3px); box-shadow: 0 8px 0 #3e2449 !important; }
.bb-auth-experience .bb-auth-native .woocommerce #customer_login :is(button[type="submit"], input[type="submit"], .woocommerce-button):not(.show-password-input):active,
.bb-auth-experience .bb-auth-native .um input.um-button:active { transform: translateY(4px); box-shadow: 0 1px 0 #3e2449 !important; }
.bb-auth-native .woocommerce :is(.form-row-wide, .form-row-first, .form-row-last) { float: none; width: 100%; }
.bb-auth-native :is(.password-input, .um-field-area) { position: relative; }
.bb-auth-native .password-input .show-password-input { position: absolute; inset: 0 0 0 auto; width: 48px; min-height: 48px; border: 0; background: transparent; color: #553263; cursor: pointer; }
.bb-auth-native :is(.um-field-area, .password-input) input[type="password"] { padding-right: 50px; }
.bb-auth-native :is(#bb-google-auth, #bb-register-google-auth, .googlesitekit-sign-in-with-google__frontend-output-button) { max-width: 100%; margin-bottom: 22px; }
.bb-auth-experience__footnote { margin: 26px 0 0; padding-top: 19px; border-top: 1px solid var(--bb-line); color: var(--bb-muted); font-size: .84rem; }
.bb-auth-experience .bb-auth-experience__pause { position: static; inset: auto; flex: none; min-height: 44px; padding: 8px 13px; border: 1px solid rgba(255, 244, 225, .7); border-radius: 100px; background: #523561; color: var(--bb-paper); font: 700 .76rem Montserrat, "BB Space Grotesk", sans-serif; cursor: pointer; }
.bb-auth-experience__pause:hover { background: #654374; }
.bb-auth-experience[data-effects-running="true"] .bb-auth-experience__scene { animation: bb-auth-arrive .85s cubic-bezier(.2, .85, .25, 1) both, bb-auth-float 4.2s 1s ease-in-out infinite; }
.bb-auth-experience[data-effects-running="true"] .bb-auth-experience__star--one { animation: bb-auth-twinkle 2.2s ease-in-out infinite alternate; }
.bb-auth-experience[data-effects-running="true"] .bb-auth-experience__star--two { animation: bb-auth-twinkle 1.8s .5s ease-in-out infinite alternate; }
.bb-auth-experience[data-effects-running="true"] .bb-auth-experience__star--three { animation: bb-auth-twinkle 2.5s .9s ease-in-out infinite alternate; }
.bb-auth-experience[data-effects-running="true"] .bb-auth-experience__halo { animation: bb-auth-breathe 4s ease-in-out infinite alternate; }
.bb-auth-experience--recovery[data-effects-running="true"] .bb-auth-experience__halo { animation-duration: 6s; }
.bb-auth-experience[data-effects-running="true"] .bb-auth-experience__panel-inner { animation: bb-auth-panel .65s cubic-bezier(.2, .85, .25, 1) both; }
.bb-auth-experience[data-effects-running="true"] .bb-auth-experience__world::after { animation: bb-auth-comet 5.8s 1.2s ease-in-out infinite; }
@keyframes bb-auth-arrive { from { opacity: 0; transform: translateY(40px) scale(.88); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes bb-auth-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-18px); } }
@keyframes bb-auth-twinkle { from { opacity: .3; transform: scale(.65) rotate(0); } to { opacity: 1; transform: scale(1.4) rotate(30deg); } }
@keyframes bb-auth-breathe { from { opacity: .45; transform: scale(.96) rotate(-24deg); } to { opacity: 1; transform: scale(1.04) rotate(-24deg); } }
@keyframes bb-auth-panel { from { opacity: .3; transform: translateY(32px); } to { opacity: 1; transform: translateY(0); } }
@keyframes bb-auth-comet { 0%, 23%, 100% { opacity: 0; transform: rotate(-28deg) translateX(110px); } 3% { opacity: 1; } 20% { opacity: 0; transform: rotate(-28deg) translateX(-520px); } }
@media (max-width: 900px) {
	.bb-auth-experience { width: calc(100% - 24px); margin-block: 0 48px; border-radius: 22px; }
	.bb-auth-experience__layout { grid-template-columns: 1fr; }
	.bb-auth-experience__world { --bb-world-gutter-x: 28px; --bb-world-gutter-y: 25px; --bb-footer-clearance: 76px; min-height: 370px; }
	.bb-auth-experience--account .bb-auth-experience__world { --bb-footer-clearance: 76px; }
	.bb-auth-experience__copy { width: 56%; }
	.bb-auth-experience__brand { font-size: 1.15rem; }
	.bb-auth-experience__chapter { margin-top: 26px; }
	.bb-auth-experience__headline { max-width: 13ch; font-size: clamp(2.35rem, 6vw, 3.3rem); }
	.bb-auth-experience__aside { max-width: 26ch; margin-top: 10px; font-size: .88rem; }
	.bb-auth-experience__scene { inset: auto -3% var(--bb-footer-clearance) auto; width: 48%; height: calc(100% - var(--bb-footer-clearance)); }
	.bb-auth-experience--recovery .bb-auth-experience__scene { inset: auto -3% var(--bb-footer-clearance) auto; width: 48%; height: calc(100% - var(--bb-footer-clearance)); }
	.bb-auth-experience__panel { padding: clamp(28px, 6vw, 52px); }
	.bb-auth-experience__topline { margin-bottom: 22px; }
}
@media (max-width: 600px) {
	.bb-auth-experience__world { --bb-world-gutter-x: 22px; --bb-world-gutter-y: 0px; min-height: 0; padding-top: 22px; }
	.bb-auth-experience__copy { width: 100%; background: none; }
	.bb-auth-experience__brand { gap: 9px; }
	.bb-auth-experience__brand-mark { width: 30px; height: 30px; flex-basis: 30px; }
	.bb-auth-experience__brand-mark::before { width: 39px; }
	.bb-auth-experience__chapter { margin-top: 22px; font-size: .61rem; }
	.bb-auth-experience__headline { max-width: 15ch; font-size: clamp(2.1rem, 8vw, 3rem); }
	.bb-auth-experience__aside { max-width: 33ch; font-size: .84rem; }
	/* On phones the drawing gets its own row, not the same pixels as the copy. */
	.bb-auth-experience__scene { position: relative; inset: auto; align-self: center; flex: none; width: 100%; height: clamp(205px, 65vw, 320px); margin: 3px 0 -14px; }
	.bb-auth-experience--recovery .bb-auth-experience__scene { inset: auto; width: 100%; height: clamp(230px, 72vw, 350px); }
	.bb-auth-experience__footer { margin-top: 14px; }
	.bb-auth-experience__halo { inset: 8% 15% 0; }
	.bb-auth-experience__art { object-position: center bottom; }
	.bb-auth-experience__star--one { left: 3%; top: 59%; }
	.bb-auth-experience__star--three { display: none; }
	.bb-auth-experience__panel { padding: 32px 23px 40px; }
	.bb-auth-experience__title { font-size: clamp(2rem, 8vw, 2.6rem) !important; }
	.bb-auth-experience__panel::before, .bb-auth-experience__panel::after { display: none; }
	.bb-auth-native .woocommerce #customer_login { grid-template-columns: 1fr !important; gap: 34px; }
	.bb-auth-native .woocommerce #customer_login > .u-column2 { border-left: 0 !important; border-top: 1px solid var(--bb-line) !important; padding: 30px 0 0 !important; }
}
@media (max-width: 360px) {
	.bb-auth-experience { width: calc(100% - 12px); }
	.bb-auth-experience__world { --bb-world-gutter-x: 18px; padding-top: 18px; }
	.bb-auth-experience__headline { font-size: 2rem; }
	.bb-auth-experience__aside { max-width: 30ch; }
	.bb-auth-experience__scene { height: 200px; }
	.bb-auth-experience__panel { padding: 27px 17px 34px; }
	.bb-auth-experience__topline { align-items: start; }
}
@media (prefers-reduced-motion: reduce) {
	.bb-auth-experience *, .bb-auth-experience *::before, .bb-auth-experience *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
	.bb-auth-experience__pause { display: none; }
}
@media print {
	.bb-auth-experience { min-height: 0; margin: 0; box-shadow: none; border: 1px solid #555; }
	.bb-auth-experience__layout { display: block; min-height: 0; }
	.bb-auth-experience__world { min-height: 0; padding: 15px; }
	.bb-auth-experience__scene, .bb-auth-experience__star, .bb-auth-experience__halo, .bb-auth-experience__pause { display: none !important; }
	.bb-auth-experience *, .bb-auth-experience *::before, .bb-auth-experience *::after { animation: none !important; transition: none !important; }
}
@media (forced-colors: active) {
	.bb-auth-experience, .bb-auth-experience__world, .bb-auth-experience__panel { border: 1px solid CanvasText; color: CanvasText; background: Canvas; }
	.bb-auth-experience__headline, .bb-auth-experience__brand, .bb-auth-experience__aside { color: CanvasText; }
	.bb-auth-native :is(input, button, select, textarea) { border: 1px solid CanvasText; forced-color-adjust: auto; }
}