@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.25o87uqmvr.bundle.scp.css';

/* _content/LocalAg/Components/Admin/Shared/Settings/MachinerySubTypesList.razor.rz.scp.css */
/*
	Rows in both lists on the screen - the drag-to-reorder sub-types, and the key-brand
	checklist below it, which shares the styling so the two read as one screen.

	A row rather than a table: SortableList drags whatever element the template produces,
	and a <tr> torn out of its <table> collapses mid-drag. Every other sortable list in the
	app (FAQ details, gallery, team) uses divs for the same reason.
*/

.machinery-order__row[b-gvuyywi6mw] {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.5rem 0.75rem;
	margin-bottom: 0.5rem;
	border: 1px solid rgba(35, 45, 91, 0.15);
	border-radius: 6px;
	background: #ffffff;
}

/*
	The drag target. Matches the Handle selector passed to SortableList, so the row can
	only be dragged by the grip - otherwise the Edit link becomes a drag start and staff
	cannot click it.
*/
.machinery-order__handle[b-gvuyywi6mw] {
	flex: 0 0 auto;
	color: #666666;
	cursor: grab;
}

.machinery-order__handle:active[b-gvuyywi6mw] {
	cursor: grabbing;
}

/* Occupies the grip's place while saving, so the row does not jump. */
.machinery-order__spinner[b-gvuyywi6mw] {
	flex: 0 0 auto;
	color: #7EBC4A;
}

.machinery-order__name[b-gvuyywi6mw] {
	flex: 1 1 auto;
	color: #232D5B;
}

.machinery-order__archived[b-gvuyywi6mw] {
	flex: 0 0 auto;
	padding: 0.125rem 0.5rem;
	border-radius: 10px;
	background: rgba(35, 45, 91, 0.08);
	color: #666666;
	font-size: 0.75rem;
}

.machinery-order__edit[b-gvuyywi6mw] {
	flex: 0 0 auto;
}
/* _content/LocalAg/Components/Buy/Shared/HeroSearch.razor.rz.scp.css */
#form-main-listing-search-hero-filters-form > .header__filter[b-d4gdu8homi] {
	z-index: 3;
}

.herosearch__slider[b-d4gdu8homi] {
	border-bottom: 1px solid rgb(211, 225, 232);
	margin-left: -40px;
	margin-right: -40px;
}

.swiper-wrapper[b-d4gdu8homi] {
	z-index: 0;
}

@media screen and (max-width: 1300px) {
	.herosearch__slider[b-d4gdu8homi] {
		border-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		margin: -10px 10px 12px;
	}

	.products__categorylist--item.swiper-slide a.product-category-clickable.active[b-d4gdu8homi] {
		border-radius: 4px;
	}
}

.products__categorylist--item.swiper-slide a.product-category-clickable i[b-d4gdu8homi] {
	font-size: 24px;
}

.products__categorylist--item.swiper-slide[b-d4gdu8homi] {
	width: auto;
	border: none;
}

.products__categorylist--item.swiper-slide a.product-category-clickable[b-d4gdu8homi] {
	gap: 4px;
}

.products__categorylist--item.swiper-slide a.product-category-clickable:hover[b-d4gdu8homi] {
	background: var(--lag-pale-blue);
}

.products__categorylist--item.swiper-slide a.product-category-clickable.active[b-d4gdu8homi] {
	background: var(--lag-pale-blue);
}

.products__categorylist--item.swiper-slide a.product-category-clickable .icon[b-d4gdu8homi] {
	background: transparent;
	color: var(--lag-la-navy);
}

.slider-prev[b-d4gdu8homi],
.slider-next[b-d4gdu8homi] {
	position: absolute;
	width: 31px;
	height: 50px;
	background: rgba(0, 0, 0, 0.3);
	background: var(--lag-pale-blue);
	border-radius: 4px;
	transform: translateY(-50%);
	z-index: 2;
	cursor: pointer;
	border: 1px solid #fff;
	outline: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 50%;
}

.slider-prev[b-d4gdu8homi] {
	left: -20px;
}

.slider-next[b-d4gdu8homi] {
	right: -20px;
}

.slider-prev svg path[b-d4gdu8homi], .slider-next svg path[b-d4gdu8homi] {
	fill: var(--lag-la-navy);
}

.swiper-button-disabled[b-d4gdu8homi] {
	display: none;
}

@media screen and (min-width: 1300px) {
	.slider-prev[b-d4gdu8homi] {
		left: 10px;
	}

	.slider-next[b-d4gdu8homi] {
		right: 10px;
	}
}

@media screen and (min-width: 1520px) {
	.slider-prev[b-d4gdu8homi],
	.slider-next[b-d4gdu8homi] {
		display: none;
	}
}
/* _content/LocalAg/Components/Buy/Shared/ListingTiles.razor.rz.scp.css */
.listing-tiles-grid-2__row[b-o4wgojg82j] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 20px;
    padding: 0 10px;
}

.segment-score-within-photo[b-o4wgojg82j] {
    position: absolute;
    bottom: 0;
    right: 8px;
}

.listing-tiles-grid-3__row[b-o4wgojg82j] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 20px;
}

.listing-tiles-grid-4__row[b-o4wgojg82j] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 20px;
}

@media screen and (max-width: 1230px) {
    .listing-tiles-grid-4__row[b-o4wgojg82j] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        padding: 0 10px;
    }
}

@media screen and (max-width: 1130px) {
    .listing-tiles-grid-2__row[b-o4wgojg82j], .listing-tiles-grid-3__row[b-o4wgojg82j], .listing-tiles-grid-4__row[b-o4wgojg82j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 0 10px;
    }
}

@media screen and (max-width: 700px) {
    .listing-tiles-grid-2__row[b-o4wgojg82j], .listing-tiles-grid-3__row[b-o4wgojg82j], .listing-tiles-grid-4__row[b-o4wgojg82j] {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        padding: 0 10px;
    }
}


.listing-tiles-grid-1__row a[b-o4wgojg82j], .listing-tiles-grid-2__row a[b-o4wgojg82j], .listing-tiles-grid-3__row a[b-o4wgojg82j], .listing-tiles-grid-4__row a[b-o4wgojg82j] {
    color: inherit;
    text-decoration: none;
}

.lacard__badge[b-o4wgojg82j] {
    border: none;
}
/* _content/LocalAg/Components/Buy/Shared/ProductsList.razor.rz.scp.css */
.lacard__badge[b-m1myzasvv9] {
	border: none;
}

.products__row[b-m1myzasvv9] {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.products__list--lview[b-m1myzasvv9] {
	min-height: 90dvh;
}

.products__row--custom-modal[b-m1myzasvv9] {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 20px;
}

@media screen and (max-width: 1080px) {
	.products__row[b-m1myzasvv9] {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
}

@media screen and (max-width: 500px) {
	.products__row[b-m1myzasvv9] {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

.lacard__price[b-m1myzasvv9] {
	max-width: 50%;
}

.segment-score-within-photo[b-m1myzasvv9] {
	position: absolute;
	bottom: 0;
	right: 8px;
}

@media screen and (max-width: 1030px) {
	.products__row--custom-modal[b-m1myzasvv9] {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 10px;
	}
}

@media screen and (max-width: 1030px) {
	.fcinputwrap__label[b-m1myzasvv9] {
		color: #232D5B;
	}
}

/* _content/LocalAg/Components/Buy/Shared/RecentListings.razor.rz.scp.css */
.products__switchtbn--override[b-xqnsxo97cw] {
	bottom: 82px;
	z-index: 999;
}
/* _content/LocalAg/Components/Buy/Shared/SaveListingButtonLarge.razor.rz.scp.css */
.btnorange[b-zpkw3zen01] {
    background: var(--lag-fc-orange);
    color: #fff;
}
/* _content/LocalAg/Components/Chat/Shared/ChatComponent.razor.rz.scp.css */
[b-3yeja80y3l] .avatar-with-verification {
	position: relative;
	padding-left: 4px;
}

[b-3yeja80y3l] .avatar-with-verification .verification-symbol {
	position: absolute;
	top: 12px;
	left: 14px;
	border-radius: 50%;
	overflow: hidden;
}

.file-upload-progress__wrapper[b-3yeja80y3l] {
	width: 100%;
}

small.text-muted[b-3yeja80y3l] {
	color: grey !important;
}

.contract[b-3yeja80y3l] {
	width: 100%;
	margin-top: 10px;
	padding: 8px;
	text-align: left;
}

.message[b-3yeja80y3l] {
	word-break: break-word;
	background-color: #fff;
	border-radius: 16px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	padding: 12px;
}
/* _content/LocalAg/Components/Chat/Shared/ChatDisplayContract.razor.rz.scp.css */
.offer-table[b-p9ksw75874] {
    --bs-table-bg: transparent;
}
/* _content/LocalAg/Components/Chat/Shared/KevChatMessage.razor.rz.scp.css */
.content a[b-ptzhds9pm5] {
    color: #fff;
}

.content a:hover[b-ptzhds9pm5] {
    color: #fff;
}

.kev-image[b-ptzhds9pm5] {
    height: auto;
    width: auto;
    max-height: 70px;
    max-width: 70px;
}
/* _content/LocalAg/Components/Classifications/Shared/RecursiveClassification.razor.rz.scp.css */
/* _content/LocalAg/Components/Developer/Shared/QueueBacklogPanel.razor.rz.scp.css */
.backlog-table th[b-qwmudi01k0] {
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--bs-secondary-color);
	font-weight: 600;
}

.backlog-table td[b-qwmudi01k0] {
	font-size: 0.9rem;
}

.backlog-table__drainer[b-qwmudi01k0] {
	color: var(--bs-secondary-color);
	font-size: 0.85rem;
}

.backlog-table__off[b-qwmudi01k0] {
	opacity: 0.75;
}

.backlog-table--neutral[b-qwmudi01k0] {
	color: var(--bs-body-color);
}

.backlog-table--warn[b-qwmudi01k0] {
	color: #b45309;
	font-weight: 600;
}

.backlog-table--bad[b-qwmudi01k0] {
	color: #dc3545;
	font-weight: 600;
}
/* _content/LocalAg/Components/Developer/Shared/ScheduledJobsPanel.razor.rz.scp.css */
.job-row[b-lh1bqktgsr] {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 0.75rem;
	padding: 0.35rem 0.75rem;
	border-bottom: 1px solid var(--bs-border-color-translucent);
}

.job-row__name[b-lh1bqktgsr] {
	font-size: 0.9rem;
	overflow-wrap: anywhere;
}

.job-row__cron[b-lh1bqktgsr] {
	font-size: 0.8rem;
	white-space: nowrap;
	color: var(--bs-secondary-color);
}

/* Unscheduled is the common, legitimate case — recede rather than alarm. */
.job-row--off .job-row__name[b-lh1bqktgsr],
.job-row--off .job-row__cron[b-lh1bqktgsr] {
	color: var(--bs-secondary-color);
	opacity: 0.7;
}
/* _content/LocalAg/Components/FeaturedAds/FeaturedAdCard.razor.rz.scp.css */
.inner-content-container[b-n7tthmwb43] {
	padding-left: 16px;
	padding-right: 16px;
	width: 100%;
	letter-spacing: 0;
	word-break: break-word;
	overflow-wrap: break-word;
	-ms-word-break: break-word;
	word-break: break-word;
}

.featured-ad-active-until__badge[b-n7tthmwb43] {
	left: 12px;
	right: 50%;
}

.featured-ad__card--square img[b-n7tthmwb43] {
	object-fit: cover;
	height: auto;
	width: 100%;
}

.featured-ad__card--square[b-n7tthmwb43] {
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	background: #fff;
	overflow: hidden;
	border-radius: 4px;
	border: 2px solid #fff;
}

.featured-ad__card .btn .btn-text[b-n7tthmwb43] {
	font-size: larger;
	letter-spacing: 0;
}

/*
	The two plain-image ads: no border, no headline, no button, just the artwork.
	Neither is cropped to a square the way .featured-ad__card--square is - a rail ad is
	portrait and a banner ad is landscape, and neither survives being squared off.
*/
.featured-ad__banner[b-n7tthmwb43],
.featured-ad__rail[b-n7tthmwb43] {
	display: block;
	line-height: 0;
}

.featured-ad__banner picture[b-n7tthmwb43],
.featured-ad__rail picture[b-n7tthmwb43] {
	display: block;
	width: 100%;
	height: 100%;
}

/*
	The banner row gets a FIXED box, and the rails do not.

	The row shows three or four ads side by side, so they have to agree on a shape or it
	comes out ragged. 40/32 is the ratio the landscape slot is already briefed at and that
	listing-tile ads already crop to, so this asks advertisers for nothing new.

	COVER rather than contain, which is a deliberate trade. Contain keeps every pixel of the
	artwork but letterboxes anything that is not 40/32 - and because the bars are transparent
	on a white page, a row of differently-shaped ads reads as a row of different SIZES rather
	than as one tidy row. Cover fills the box every time, at the cost of trimming the edges of
	an upload that ignored the stated size. That is why the upload form now states 600 x 480
	in pixels rather than only naming a ratio: with cover, supplying the wrong shape has a
	visible consequence, so the brief has to be unmissable.
*/
.featured-ad__banner[b-n7tthmwb43] {
	aspect-ratio: 40 / 32;
	position: relative;
}

.featured-ad__banner img[b-n7tthmwb43] {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 4px;
}

/* The rails have their own 1:2 slot, so their artwork is already the right shape and is
   drawn at its natural size. */
.featured-ad__rail img[b-n7tthmwb43] {
	width: 100%;
	height: auto;
	border-radius: 4px;
}

/*
	The Sponsored label, on the side rails and the home page banner row.

	Quiet on purpose - it has to be readable over whatever artwork an advertiser supplies
	without competing with it, so it is small, uppercase and sitting on a grey wash rather
	than a solid block. The wash is what makes it legible over a light photograph and a dark
	one alike, which a plain text colour cannot do.
*/
.featured-ad__rail[b-n7tthmwb43] {
	position: relative;
}

.featured-ad__sponsored[b-n7tthmwb43] {
	position: absolute;
	top: 6px;
	right: 6px;
	z-index: 2;
	padding: 2px 7px;
	border-radius: 3px;
	background: rgba(45, 45, 45, 0.45);
	color: #ffffff;
	font-size: 10px;
	line-height: 1.6;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	/* The whole rail is one link; the label must not swallow a click meant for it. */
	pointer-events: none;
}
/* _content/LocalAg/Components/FeaturedAds/FeaturedAdEditForm.razor.rz.scp.css */
/*
	STEP 02, the artwork panel.

	The form collects up to three shapes of artwork. It used to show a block per shape,
	stacked, so an ad booked into one space was still scrolled past all three. Now it is one
	panel with a tab per shape, which moves the risk somewhere else: with two of the three
	wells off screen it is easy to save an ad whose second shape was never uploaded. The
	checklist is what covers that, so it sits above the tabs rather than below them.
*/

.adartwork__checklist[b-vdlywgeuzv] {
	list-style: none;
	margin: 0 0 18px;
	padding: 14px 18px;
	border: 1px solid rgb(211, 225, 232);
	border-radius: 6px;
	background: #f7fafc;
}

.adartwork__checklist--item[b-vdlywgeuzv] {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 10px;
	padding: 4px 0;
	color: #232D5B;
}

/* Orange until it is done, which reads as "still to do" rather than as an error - none of
   this is wrong yet, it is simply not finished. */
.adartwork__checklist--item .fas[b-vdlywgeuzv] {
	color: #FF9231;
}

.adartwork__checklist--item.is-ready .fas[b-vdlywgeuzv] {
	color: #7EBC4A;
}

.adartwork__checklist--size[b-vdlywgeuzv] {
	color: #6b7a90;
	font-size: 14px;
}

.adartwork__checklist--state[b-vdlywgeuzv] {
	margin-left: auto;
	font-size: 14px;
	color: #6b7a90;
}

.adartwork__checklist--item.is-ready .adartwork__checklist--state[b-vdlywgeuzv] {
	color: #5a8f36;
}

/*
	The preview follows the reader down the form. It is the thing you are checking your
	changes against, and it used to scroll away the moment you started typing.

	Only above 992px: below that the preview column is stacked underneath the fields rather
	than beside them, and pinning it there would park it over the form.
*/
@media screen and (min-width: 992px) {
	.adartwork__preview[b-vdlywgeuzv] {
		position: sticky;
		top: 20px;
	}
}

/*
	The tab strip itself is the site's, from tabs.css. These are the two things it does not
	cover, because everywhere else it is used the tabs are anchors with a real href.
*/
.adartwork__tabs[b-vdlywgeuzv] {
	margin-bottom: 0;
	border-bottom: 1px solid rgb(211, 225, 232);
}

.adartwork__tabs li a[b-vdlywgeuzv] {
	cursor: pointer;
}
/* _content/LocalAg/Components/FeaturedAds/FeaturedAdsList.razor.rz.scp.css */
/*
	The featured ad management tiles.

	Every ad gets the same box regardless of which spaces it is booked into. The four public
	render fragments could not do that - they exist to sell an ad, so a 40:32 banner, a 1:1
	square and a 1:2 rail never lined up, and an ad in a space none of them matched drew
	nothing at all and read as deleted.
*/

.adtiles[b-0h4e0648jn] {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
	gap: 18px;
	width: 100%;
}

.adtile__link[b-0h4e0648jn] {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: #ffffff;
	border: 1px solid rgb(211, 225, 232);
	border-radius: 6px;
	overflow: hidden;
	text-decoration: none;
	transition: border-color 0.15s ease-in-out, transform 0.15s ease-in-out;
}

.adtile__link:hover[b-0h4e0648jn] {
	border-color: #232D5B;
	transform: translateY(-2px);
}

/*
	CONTAIN, not cover. Cropping is right on the live site, where the artwork is the ad and the
	box is known - but here the whole point is to recognise an ad at a glance, and a rail ad
	cropped to a landscape box shows its middle third and looks like every other rail ad. The
	grey ground is what makes the letterboxing read as deliberate.
*/
.adtile__art[b-0h4e0648jn] {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 4 / 3;
	padding: 10px;
	background: #f1f5f8;
	border-bottom: 1px solid rgb(211, 225, 232);
}

.adtile__art img[b-0h4e0648jn] {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}

.adtile__body[b-0h4e0648jn] {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 12px;
}

.adtile__headline[b-0h4e0648jn] {
	color: #232D5B;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
	/* Two lines then ellipsis - a long headline must not make one tile taller than its row. */
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.adtile__spaces[b-0h4e0648jn] {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}

.adtile__space[b-0h4e0648jn] {
	padding: 2px 7px;
	border-radius: 3px;
	background: #eaf1f6;
	color: #45506f;
	font-size: 11px;
	line-height: 1.5;
}

/* An ad booked nowhere renders nowhere, so it is worth saying rather than leaving blank. */
.adtile__space--none[b-0h4e0648jn] {
	background: #fbe6d6;
	color: #9a5116;
}

.adtile__status[b-0h4e0648jn] {
	align-self: flex-start;
	margin-top: auto;
	padding: 3px 9px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.5;
}

.adtile__status--live[b-0h4e0648jn] {
	background: #e6f3da;
	color: #43701f;
}

.adtile__status--future[b-0h4e0648jn] {
	background: #e2ecf7;
	color: #23477e;
}

/* Ended, archived and never-scheduled are all "not running", so they read alike - but they
   are different problems, and saying which is the whole reason the badge exists. */
.adtile__status--ended[b-0h4e0648jn] {
	background: #eceff2;
	color: #56606f;
}

.adtile__status--archived[b-0h4e0648jn] {
	background: #f7dcdc;
	color: #8f2020;
}

.adtile__status--none[b-0h4e0648jn] {
	background: #fbe6d6;
	color: #9a5116;
}
/* _content/LocalAg/Components/FeaturedAds/HomePageAdRow.razor.rz.scp.css */
/*
	The row of ads under the featured shopfronts.

	Scoped CSS rather than a block in home-page.css, because the row is embeddable: WordPress
	mounts it as <home-page-ads> and that page never loads home-page.css. It does load
	LocalAg.styles.css, which is where scoped CSS ends up.
*/

.homeads[b-utyqh3u2xl] {
	padding: 20px 0 40px;
}

.homeads__row[b-utyqh3u2xl] {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 24px;
}

/* Ads are booked at whatever size the advertiser drew them, so the row gives
   each one the same width to sit in and lets it keep its own height. */
.homeads__item[b-utyqh3u2xl] {
	flex: 0 1 300px;
	max-width: 340px;
}

@media screen and (max-width: 1030px) {
	.homeads__row[b-utyqh3u2xl] {
		gap: 16px;
	}

	.homeads__item[b-utyqh3u2xl] {
		flex: 0 1 45%;
	}
}
/* _content/LocalAg/Components/FeaturedAds/SideRailAds.razor.rz.scp.css */
/*
	The side rails.

	They sit still on the page, scrolling away with the content rather than following the reader
	down as an earlier version did - but they are position: FIXED to do it, which reads
	backwards. Absolute is the obvious choice and does not survive the host: on WordPress the tag
	is pasted into a code embed, and the theme styles that wrapper position:relative with
	overflow:hidden, so an absolute rail resolves against a near-zero-height box and is clipped
	out of existence. Fixed ignores both, and the script subtracts the scroll offset each frame
	to hold them still. See SideRailAds.razor.js.

	The script sets `top` once because the run has to start beside a particular element, and
	sizes them to the gutter that is actually there rather than to a fixed width: at 1920px the
	content is 1320px and each gutter is 300px, so a fixed 300px rail sat on the cards.

	Hidden below 1700px, which is where the gutter stops being wide enough for an ad worth
	showing - about 150px, or a 300px-tall half of a 1:2 image.

	Scoped CSS rather than a block in home-page.css, because the rails are embeddable: WordPress
	mounts them as <side-rail-ads> and that page never loads home-page.css. It does load
	LocalAg.styles.css, which is where scoped CSS ends up. A host page whose content is not
	1320px wide needs nothing - the script measures it.
*/

.siderails[b-yqrg7qq6ra] {
	display: none;
	/* A starting guess only - the script measures the real content column and overwrites it. */
	--siderails-content: 1320px;
	/* Clear of the content, and generous enough to absorb the scrollbar, which 100vw counts
	   and the content box does not. */
	--siderails-gap: 40px;
}

@media screen and (min-width: 1700px) {
	.siderails[b-yqrg7qq6ra] {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		z-index: 3;
		display: block;
		/*
			Hidden until the script has placed them - it adds siderails--ready on its first
			successful pass. Without this they paint at top: 0 and are then moved, or hidden
			outright, a frame later: a visible flash of ads in the wrong place.

			visibility, not display: the script has to measure, and a display:none element
			measures zero.
		*/
		visibility: hidden;
		/* The element spans the page so the rails can sit against both edges, so it must not
		   intercept clicks meant for the content. The rails themselves put that back. */
		pointer-events: none;
	}

	.siderails.siderails--ready[b-yqrg7qq6ra] {
		visibility: visible;
	}

	/*
		Set by the script when the measured gutter is too narrow for a rail worth showing - a
		host page whose content runs the full width of the window, for instance. Beats the
		display:block above, which is why it is !important rather than ordered.
	*/
	.siderails.siderails--no-room[b-yqrg7qq6ra] {
		display: none !important;
	}

	.siderails__rail[b-yqrg7qq6ra] {
		position: absolute;
		top: 0;
		display: flex;
		flex-direction: column;
		/* Up to three ads stack in each gutter. */
		gap: 20px;
		width: min(300px, calc((100vw - var(--siderails-content)) / 2 - var(--siderails-gap)));
		pointer-events: auto;
	}

	.siderails__rail--left[b-yqrg7qq6ra] {
		left: 16px;
	}

	.siderails__rail--right[b-yqrg7qq6ra] {
		right: 16px;
	}

	.siderails__ad[b-yqrg7qq6ra] {
		width: 100%;
	}
}
/* _content/LocalAg/Components/Layout/BottomMenu.razor.rz.scp.css */
.bottom-menu-bar[b-7p77hvs648] {
    position: fixed;
    bottom: 0;
    /*right: 0;*/
    /*background-color: transparent;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;*/
    z-index: 2050;
}

@media(max-width: 700px) {
    .bottom-menu-bar[b-7p77hvs648] {
        display: none;
    }
}

.account-select[b-7p77hvs648] {
    border: none;
    background-color: #fff;
    margin-right: 20px;
    color: grey;
}
/* _content/LocalAg/Components/Layout/DashboardSideMenu.razor.rz.scp.css */
.icon > i[b-lp94tvr9u1] {
    width: 20px;
    height: 16px;
}

.dashboard__menu--list--item i[b-lp94tvr9u1] {
    color: var(--lag-la-navy) !important;
}

.active i[b-lp94tvr9u1] {
    color: var(--lag-bright-green) !important;
}

.dashboard__menu--list--item:hover i[b-lp94tvr9u1] {
    color: var(--lag-bright-green) !important;
}
/* _content/LocalAg/Components/Layout/HeaderGlobalSearchModal.razor.rz.scp.css */
.searchmodal__backdrop[b-3ncxqe74xo] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.searchmodal.show[b-3ncxqe74xo] {
    top: 0;
}
/* _content/LocalAg/Components/Layout/HeaderMenu.razor.rz.scp.css */
.header__right--menu--item a .dot[b-2jcmjm2o3l] {
	position: absolute;
	width: 10px;
	height: 10px;
	background: rgb(255, 146, 49);
	border-radius: 50%;
	right: 0;
	top: 0;
}

.header[b-2jcmjm2o3l] {
	min-height: 86px;
}

.header__right--menu--item a:hover[b-2jcmjm2o3l] {
	border-color: #232D5B;
}

.header__maccount--list--item button[b-2jcmjm2o3l] {
	display: flex;
	gap: 20px;
	align-items: center;
	text-decoration: none;
	color: #232D5B;
	background: #fff;
	border: none;
	margin: 0;
	padding: 0;
}

.header__nav--menu--item .sub-menu[b-2jcmjm2o3l] {
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	transition: all 0.3s;
	transform: translateY(-6px);
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: 8px;
	margin-left: 6px;
	padding: 15px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 150px;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	background: rgb(239, 245, 248);
	z-index: 2;
}

.header__nav--menu--item a[b-2jcmjm2o3l], .header__nav--menu--item button[b-2jcmjm2o3l] {
	font-size: 18px;
	font-weight: 400;
	line-height: 20.8px;
	letter-spacing: -0.03em;
	color: #232D5B;
	text-decoration: none;
	outline: 0;
	border: 0;
	background-color: transparent;
}

.header__nav--menu--item.menu-item-has-children:hover .sub-menu[b-2jcmjm2o3l] {
	opacity: 1;
	pointer-events: all;
	visibility: visible;
	transform: translateY(0);
}

.header__maccount--list--item button .icon[b-2jcmjm2o3l] {
	width: 30px;
	display: flex;
	justify-content: center;
}

.header__maccount--list--item .icon[b-2jcmjm2o3l] {
	min-width: 30px;
	width: 30px;
}

.header__maccount--list--item .icon i[b-2jcmjm2o3l] {
	width: 20px;
	height: 18px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.header__nav--menu--item.menu-item-has-children[b-2jcmjm2o3l] {
	position: relative;
}

.header__nav--menu--item.menu-item-has-children[b-2jcmjm2o3l]::before {
	content: "";
	position: absolute;
	opacity: 0;
	top: 100%;
	left: 0;
	height: 8px;
	width: 100%;
}

.header__nav--menu--item .sub-menu[b-2jcmjm2o3l] {
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	transition: all 0.3s;
	transform: translateY(-6px);
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: 8px;
	margin-left: 6px;
	padding: 15px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 150px;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	background: rgb(239, 245, 248);
	z-index: 2;
}

.header__nav--menu--item.menu-item-has-children:hover .sub-menu[b-2jcmjm2o3l] {
	opacity: 1;
	pointer-events: all;
	visibility: visible;
	transform: translateY(0);
}

@media screen and (max-width: 1030px) {
	.header__nav--menu--item .sub-menu[b-2jcmjm2o3l] {
		position: relative;
		top: 0;
		left: 0;
		margin: 10px 12px 0;
		padding: 0;
		gap: 6px;
		width: 100%;
		box-shadow: none;
		border-radius: 0;
		background: transparent;
		z-index: 0;
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}
}

.header__nav--menu > .header__nav--menu--item:nth-child(1)[b-2jcmjm2o3l] {
	margin-right: -10px;
}

.header__nav--menu > .header__nav--menu--item:nth-child(1) a[b-2jcmjm2o3l] {
	display: inline-flex;
	font-size: 16px;
	font-weight: 700;
	line-height: 20.8px;
	letter-spacing: -0.03em;
	padding: 6px 15px;
	background: rgb(211, 225, 232);
	border-radius: 30px;
	transition: all 0.3s;
}

.header__nav--menu > .header__nav--menu--item:nth-child(1) a:hover[b-2jcmjm2o3l] {
	background: #232D5B;
	color: #ffffff;
}

@media screen and (max-width: 1030px) {
	.header__nav--menu > .header__nav--menu--item:nth-child(1) a[b-2jcmjm2o3l] {
		width: 100%;
		padding: 15px;
		background: #7EBC4A;
		color: #ffffff;
		border-radius: 4px;
		text-align: center;
		justify-content: center;
	}
}

.header__nav--menu > .header__nav--menu--item:nth-child(2)[b-2jcmjm2o3l] {
	margin-right: 10px;
}

.header__nav--menu > .header__nav--menu--item:nth-child(2) a[b-2jcmjm2o3l] {
	display: inline-flex;
	font-size: 16px;
	font-weight: 700;
	line-height: 20.8px;
	letter-spacing: -0.03em;
	padding: 6px 15px;
	background: rgb(211, 225, 232);
	border-radius: 30px;
	transition: all 0.3s;
}

.header__nav--menu > .header__nav--menu--item:nth-child(2) a:hover[b-2jcmjm2o3l] {
	background: #232D5B;
	color: #ffffff;
}

@media screen and (max-width: 1030px) {
	.header__nav--menu > .header__nav--menu--item:nth-child(2) a[b-2jcmjm2o3l] {
		width: 100%;
		padding: 15px;
		background: #232D5B;
		color: #ffffff;
		border-radius: 4px;
		text-align: center;
		justify-content: center;
		margin: -10px 0 30px;
	}
}
/* _content/LocalAg/Components/Layout/HeaderMenuRight.razor.rz.scp.css */
.header__right--menu--item a .dot[b-ai7sn0zv1z] {
	position: absolute;
	width: 10px;
	height: 10px;
	background: rgb(255, 146, 49);
	border-radius: 50%;
	right: 0;
	top: 0;
}

.user-avatar[b-ai7sn0zv1z] {
	border-radius: 50%;
	object-fit: cover;
	height: 36px;
	width: 36px;
}

.kev-unread-count[b-ai7sn0zv1z] {
	position: absolute;
	top: -8px;
	right: 0;
	background: var(--lag-bright-green);
	color: #fff;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	font-size: large;
	padding: 0;
	margin: 0;
}

.kev-button-upper[b-ai7sn0zv1z] {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: block;
	z-index: -1;
	transition: 200ms all;
}

a.kev-button-upper:hover[b-ai7sn0zv1z] {
	transform: scale(1.1);
}

@media screen and (max-width: 900px) {
	.kev-button-upper[b-ai7sn0zv1z] {
		display: none;
	}
}

.account-menu-divider[b-ai7sn0zv1z] {
	padding-top: 15px;
	border-top: 1px solid rgba(35, 45, 91, 0.12);
}

.header__right--menu--item a:hover[b-ai7sn0zv1z] {
	border-color: #232D5B;
}

.header__maccount--list--item button[b-ai7sn0zv1z] {
	display: flex;
	gap: 20px;
	align-items: center;
	text-decoration: none;
	color: #232D5B;
	background: #fff;
	border: none;
	margin: 0;
	padding: 0;
}

.header__maccount--list--item button .icon[b-ai7sn0zv1z] {
	width: 30px;
	display: flex;
	justify-content: center;
}

.header__maccount--list--item .icon[b-ai7sn0zv1z] {
	min-width: 30px;
	width: 30px;
}

.header__maccount--list--item .icon i[b-ai7sn0zv1z] {
	width: 20px;
	height: 18px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.messages-popup.show[b-ai7sn0zv1z] {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}

.messages-popup[b-ai7sn0zv1z] {
	position: absolute;
	top: 65px;
	max-width: 345px;
	width: 100%;
	right: 40px;
	margin-top: 12px;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	background: #ffffff;
	transition: all 0.3s ease-in-out;
	transform: translateY(60px);
	padding-bottom: 7px;
	opacity: 0;
	visibility: hidden;
}

.messages-popup[b-ai7sn0zv1z]::before {
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	background: #ffffff;
	border-radius: 4px;
	top: -3px;
	left: 80px;
	transform: rotate(45deg);
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
	z-index: -1;
}

button.notificationbtn > svg[b-ai7sn0zv1z], button.messagesbtn > svg[b-ai7sn0zv1z] {
	position: absolute; /* ios/safari fix */
}

/*
	The half of the account menu that only exists on mobile.

	Everything marked this way is also in the profile sidebar, which dashboard.css hides
	below 1030px - so the breakpoint here is not a guess about screen size, it is the same
	condition: show these exactly when the sidebar that carries them is gone. Change one and
	the other has to move with it, or an item becomes unreachable on some width.

	Hidden by default rather than shown, so a new item added to this list is a desktop item
	unless someone deliberately says otherwise.
*/
.header__maccount--list--item--mobile-only[b-ai7sn0zv1z],
.header__maccount--quicklinks[b-ai7sn0zv1z] {
	display: none;
}

@media screen and (max-width: 1030px) {
	.header__maccount--list--item--mobile-only[b-ai7sn0zv1z] {
		display: list-item;
	}

	.header__maccount--quicklinks[b-ai7sn0zv1z] {
		display: block;
		/*
			No padding on top: the user card above already ends in a 20px margin, and adding
			to it left the heading floating nearer the links than the card. 25px left lines
			it up with the rows below - the list sets padding: 0 25px - and 15px underneath
			is the gap the list puts between its own items, so the heading sits closer to
			what it labels than to what it follows.
		*/
		padding: 0 25px 15px;
		font-style: italic;
		color: #232D5B;
	}
}
/* _content/LocalAg/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-0ld2b345g4] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-0ld2b345g4] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex: 1;  
    min-height: 100dvh;
}

main > article[b-0ld2b345g4] {
    flex-grow: 1;
}


/* _content/LocalAg/Components/Layout/MobileUserBottomTabs.razor.rz.scp.css */
ul.mobilestickynav__menu[b-2zru2cilmx] {
	margin: 0;
	padding: 0;
}

.mobilestickynav__menu--item[b-2zru2cilmx] {
	height: 100%;
}

.notification-badge[b-2zru2cilmx] {
	position: absolute;
	top: -8px;
	right: 10px;
}

.mobilestickynav[b-2zru2cilmx] {
	padding: 0;
}

.mobilestickynav__menu--item a[b-2zru2cilmx] {
	padding: 16px 6px;
}
/* _content/LocalAg/Components/Listing/Shared/CornerRibbon.razor.rz.scp.css */
.corner-ribbon__container[b-rb2bdmf5pg] {
	position: relative;
	width: 0;
	overflow: visible;
	padding: 0 !important;
}

.ribbon[b-rb2bdmf5pg] {
	width: 240px;
	height: 240px;
	overflow: hidden;
	position: absolute;
}

.ribbon span[b-rb2bdmf5pg] {
	position: absolute;
	display: block;
	width: 300px;
	padding: 15px 0;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	font: 700 18px/1 "Lato", sans-serif;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	text-transform: uppercase;
	text-align: center;
	z-index: 9;
	letter-spacing: 1px;
}

.ribbon > span.red[b-rb2bdmf5pg] {
	background-color: red;
	color: #fff;
}

.ribbon > span.orange[b-rb2bdmf5pg] {
	background-color: var(--lag-fc-orange);
	color: #fff;
}

.ribbon > span.bright-green[b-rb2bdmf5pg] {
	background-color: var(--lag-bright-green);
	color: #fff;
}

.ribbon > span.grey[b-rb2bdmf5pg] {
	background-color: grey;
	color: #fff;
}

.ribbon-top-left span[b-rb2bdmf5pg] {
	right: 0;
	top: 25%;
	transform: rotate(-45deg);
}
/* _content/LocalAg/Components/Listing/Shared/ListingCard.razor.rz.scp.css */
.ls-card-large-info[b-uhatc8sj3v] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	padding: .5rem;
}

.card-divider[b-uhatc8sj3v] {
	border-bottom: 2px solid var(--lag-pale-blue);
	width: 100%;
	margin-bottom: 8px;
	margin-top: 8px;
}

small[b-uhatc8sj3v] {
	font-size: small;
}

picture[b-uhatc8sj3v] {
	padding: 0 !important;
}

.ls-card-large-info-text[b-uhatc8sj3v] {
	font-size: 24px;
	color: black;
	letter-spacing: 0;
	white-space: nowrap;
	padding-bottom: 6px;
}

.btnblue[b-uhatc8sj3v] {
	border: 1px solid var(--lag-la-navy);
}

.btnblue:hover[b-uhatc8sj3v] {
	border: 1px solid var(--lag-bright-green);
}

.info-component[b-uhatc8sj3v] {
	padding-top: 8px;
	font-size: 16px;
}

.inner-content-container[b-uhatc8sj3v] {
	padding-left: 16px;
	padding-right: 16px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	flex-grow: 1;
	width: 100%;
}

.price-container[b-uhatc8sj3v] {
	text-align: center;
}

.ls-card-large-info-text small[b-uhatc8sj3v] {
	font-size: 16px !important;
}

.ls-card-large-info-subtext[b-uhatc8sj3v] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: grey;
	font-size: 16px !important;
}

.segment-score-within-photo[b-uhatc8sj3v] {
	position: absolute;
	bottom: 0;
	right: 8px;
}

.checkvault-verified-container[b-uhatc8sj3v] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-grow: 1;
}

.checkvault-verified-container img[b-uhatc8sj3v] {
	width: 76px;
	height: auto;
}

.inspector-comments[b-uhatc8sj3v] {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: 8px;
	font-size: 16px;
	padding-left: 16px;
	padding-right: 16px;
	word-wrap: break-word;
	white-space: break-spaces;
	width: 100%;
	min-width: 0;
	word-break: break-word;
}

.ls-card__container[b-uhatc8sj3v] {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	@media (max-width: 770px) {
		background: #eee;[b-uhatc8sj3v]
	}
}

.ls-card__image[b-uhatc8sj3v] {
	max-width: 100%;
	height: auto;
	cursor: pointer;

	@media (min-width: 800px) {
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;[b-uhatc8sj3v]
	}
}

.ls-card__top[b-uhatc8sj3v] {
	width: 100%;
}

.ls-card__hide[b-uhatc8sj3v],
.ls-card[b-uhatc8sj3v] {
	width: 100%;
	max-width: 400px;

	@media (min-width: 450px) {
		margin: 16px;[b-uhatc8sj3v]
	}

	@media (min-width: 750px) {
		max-width: 350px;
		margin: 0;[b-uhatc8sj3v]
	}

	@media (min-width: 850px) {
		max-width: 400px;
		margin: 16px;[b-uhatc8sj3v]
	}
}

.ls-card[b-uhatc8sj3v] {
	margin-bottom: 16px;

	display: flex;
	flex-direction: column;

	@media (min-width: 450px) {
		border: 1px solid #eee;
		border-bottom: 1px solid #ccc;[b-uhatc8sj3v]
	}

	border-bottom: 1px solid #ccc;

	background: white;
	border-radius: 4px;

	@media (max-width: 770px) {
		border-radius: 0;[b-uhatc8sj3v]
	}
}

table.table[b-uhatc8sj3v] {
	border: none;
	width: 100%;
	margin-bottom: 0;
}

td[b-uhatc8sj3v] {
	border: none;

}

td.top[b-uhatc8sj3v] {
	border-top: 1px solid #efefef;
}

td.left[b-uhatc8sj3v] {
	border-left: 1px solid #efefef;
}

.ls-card__top[b-uhatc8sj3v] {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	margin-top: -10px;
}

.info-component-table td[b-uhatc8sj3v] {
	padding-top: 8px;
}

.info-component-table__value[b-uhatc8sj3v] {
	padding-left: 16px;
	letter-spacing: 0;
}

.ls-card-right__top[b-uhatc8sj3v] {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
}

.ls-card-right__top > div[b-uhatc8sj3v] {
	margin-left: 8px;
}

.ls-card__left[b-uhatc8sj3v] {
	flex-grow: 1;
	padding-bottom: 6px;
}

.location[b-uhatc8sj3v] {
	line-height: normal;
}

.ls-card__right[b-uhatc8sj3v] {
	text-align: center;
	margin-right: 0;
	min-width: 45%;
}

.single .ls-card-large-info-text[b-uhatc8sj3v] {
	font-size: 24px;
}

.lacard__img > img[b-uhatc8sj3v] {
	padding: 0 !important;
}
/* _content/LocalAg/Components/Listing/Shared/ListingTags.razor.rz.scp.css */
.tags[b-f073lz3b2l] {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 8px;
	width: 100%;
}

.tag[b-f073lz3b2l] {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	color: var(--lag-la-navy);
	font-size: 14px;
	letter-spacing: 0;
	font-weight: bold;
}

.tag img[b-f073lz3b2l] {
	height: 60px;
	width: auto;
}

.tag img.larger[b-f073lz3b2l] {
	height: 80px;
}
/* _content/LocalAg/Components/Location/Shared/AccountLocationsWithAdd.razor.rz.scp.css */
.location-select-wrapper[b-fkgi2qnzw5] {
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: flex-start;
	align-items: center;
}

.add-location-button[b-fkgi2qnzw5] {
	margin-left: 0;
	min-width: 96px;
	height: 44px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	color: var(--lag-la-navy);
}

@media (max-width: 900px) {
	.location-select-wrapper[b-fkgi2qnzw5] {
		flex-wrap: wrap;
	}

	.add-location-button[b-fkgi2qnzw5] {
		margin-left: 0;
	}
}

.add-location-button > span > span[b-fkgi2qnzw5] {
	font-size: 14px;
	line-height: 1;
}
/* _content/LocalAg/Components/Location/Shared/LocationAutoComplete.razor.rz.scp.css */
.selected-location[b-7stqbx002f] {
    background: #eee;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

    .selected-location > i[b-7stqbx002f] {
        cursor: pointer;
        padding: 12px;
    }

        .selected-location > i:hover[b-7stqbx002f] {
            cursor: pointer;
            color: var(--bs-secondary);
        }

.autocomplete[b-7stqbx002f] {
    position: relative;
}

    .autocomplete .options[b-7stqbx002f] {
        position: absolute;
        /*top: 40px;*/
        left: 0;
        background: white;
        width: 100%;
        padding: 0;
        z-index: 9999;
        border: 1px solid #ced4da;
        border-radius: 0.5rem;
        box-shadow: 0 30px 25px 8px rgba(0, 0, 0, 0.1);
    }

    .autocomplete .option[b-7stqbx002f] {
        display: block;
        padding: 0.25rem;
    }

        .autocomplete .option .option-text[b-7stqbx002f] {
            padding: 0.25rem 0.5rem;
        }

        .autocomplete .option:hover[b-7stqbx002f] {
            background: #1E90FF;
            color: #fff;
            cursor: pointer;
        }

        .autocomplete .option.disabled[b-7stqbx002f] {
            background-color: lightgrey;
            cursor: not-allowed;
        }

            .autocomplete .option.disabled:hover[b-7stqbx002f] {
                background: lightgrey;
                color: var(--bs-body);
            }
/* _content/LocalAg/Components/MyProfile/Layout/MobileTabs.razor.rz.scp.css */
.mobile-tabs-wrapper[b-lom1w40umc] {
    position: fixed;
    bottom: 8px;
    left: 8px;
    right: 8px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    height: 80px;
    /*padding-bottom: 8px;
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px;*/
    /*padding: 16px;*/
    background-color: #fff;
    /*border-top: 1px solid var(--bs-tertiary);*/
    /*box-shadow: 1px 1px 1px 1px #000;*/
    max-width: 100vw;
    /*  border-radius: 50px;
    background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity));*/
    /*overflow: hidden;*/
}

.mobile-tabs-wrapper .col[b-lom1w40umc] {
    margin-top: 0 !important;
}

@media(min-width:640px) {
    .mobile-tabs-wrapper[b-lom1w40umc] {
        display: none;
    }
}

.mobile-tab[b-lom1w40umc] {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    /*height: 80%;*/
    height: 100%;
    text-decoration: none;
    color: #000;
    font-size: small;
    padding: 8px;
    width: 100%;
    color: var(--bs-primary);
    /*color: grey;*/
    /*background-color: var(--bs-tertiary);*/
    background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity));
}

    .mobile-tab[data-is-current][b-lom1w40umc] {
        background-color: var(--bs-primary);
        /*border-top: 2px solid var(--bs-primary);*/
        /*border-radius: 50px;*/
        color: #000;
        color: #fff;
        /*color: var(--bs-primary);*/
    }

    .mobile-tab i[b-lom1w40umc] {
        font-size: large;
    }
/* _content/LocalAg/Components/MyProfile/Shared/DashTips.razor.rz.scp.css */
.dashtips .dashtips__block[b-4gluhfufso]  h5 {
	font-size: 18px !important;
	margin-bottom: 12px !important;
}

.dashtips .dashtips__block[b-4gluhfufso]  p {
	font-size: 16px !important;
}
/* _content/LocalAg/Components/MyProfile/Shared/ProfileGalleryUploader.razor.rz.scp.css */
/* _content/LocalAg/Components/MyProfile/Shared/SellForm.razor.rz.scp.css */
.clrightcontent__block--footer[b-yhyjljo3s8] {
	border-top: none !important;
}

.clwrapper .heading-3[b-yhyjljo3s8] {
	letter-spacing: 0;
}

.clwrapper .clrightcontent__block .heading-3 span[b-yhyjljo3s8] {
	left: 0;
	top: -10px;
	letter-spacing: 1px;
	font-size: 16px;
}

.clwrapper[b-yhyjljo3s8]  .left-heading-row .clheading .heading-3 {
	margin-bottom: 0;
}

.step-heading__wrapper[b-yhyjljo3s8] {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.heading-2[b-yhyjljo3s8] {
	white-space: nowrap;
}

@media screen and (max-width: 768px) {
	.right[b-yhyjljo3s8] {
		flex-grow: 1;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
	}

	.left .btnoutline[b-yhyjljo3s8] {
		margin-top: 26px;
	}

	.clleftcontent[b-yhyjljo3s8] {
		display: none;
	}	
}

.clwrapper .clrightcontent[b-yhyjljo3s8]  .clldetails__col:first-child {
	min-width: 220px;
}
/* _content/LocalAg/Components/Popovers/BootstrapPopover.razor.rz.scp.css */
.lag-bs-popover[b-f6yq9uc2b6] {
    cursor: pointer;
    display: inline-block;
    background-color: transparent;
    border: none;    
}

.popover[b-f6yq9uc2b6] {
    --bs-popover-header-bg: var(--bs-primary) !important;
    --bs-popover-header-color: #fff !important;
}
/* _content/LocalAg/Components/Sell/Shared/MachineryDetails.razor.rz.scp.css */
/*
	The machine detail boxes.

	Two columns on desktop, one on mobile, matching the signed-off mockup. The rest of the
	sell form is a single stacked column, but nine short numeric fields stacked would push
	the Description box a screen and a half down the page.
*/

.machinery-details[b-8f4p21msto] {
	margin-bottom: 1.5rem;
}

.machinery-details__heading[b-8f4p21msto] {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0.5rem;
	padding-bottom: 0.5rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid rgba(35, 45, 91, 0.15);
}

.machinery-details__grid[b-8f4p21msto] {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0 1.25rem;
}

@media (min-width: 768px) {
	.machinery-details__grid[b-8f4p21msto] {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Quieter than the label it follows: it qualifies the field, it is not part of its name. */
.machinery-details__optional[b-8f4p21msto] {
	color: #666666;
	font-size: 0.8125rem;
	font-weight: 400;
}

.machinery-details__required[b-8f4p21msto] {
	color: #7EBC4A;
	font-size: 0.8125rem;
	font-weight: 600;
}
/* _content/LocalAg/Components/Sell/Shared/MachineryTips.razor.rz.scp.css */
/*
	Only one tips panel is visible at a time; SellForm.razor.js moves is-active between
	them. Both blocks are in the DOM so the swap is a class change with no round trip.

	display rather than visibility or opacity: the hidden block must not reserve height,
	or the rail would always be as tall as the longer of the two.
*/

.machinery-tips__block[b-ifd4j63bgl] {
	display: none;
}

.machinery-tips__block.is-active[b-ifd4j63bgl] {
	display: block;
}

/*
	The phone-number note. Tinted with the app's green (#7EBC4A) the same way
	SellFeeInfoBox is - this is a permission being granted, not a warning.
*/
.machinery-tips__note[b-ifd4j63bgl] {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	padding: 0.625rem 0.75rem;
	border-radius: 6px;
	background: rgba(126, 188, 74, 0.12);
	color: #232D5B;
	font-size: 0.875rem;
	line-height: 1.4;
}

.machinery-tips__note-icon[b-ifd4j63bgl] {
	flex: 0 0 15px;
	margin-top: 0.125rem;
	color: #4F7A2E;
}
/* _content/LocalAg/Components/Sell/Shared/SellFeeInfoBox.razor.rz.scp.css */
/*
	The fee reassurance box beside the price.

	Colours are the app palette's blue (#232D5B) and green (#7EBC4A) written literally,
	as app.css does throughout — there are no custom properties to reference. The tint is
	the green at 10% so the box reads as a note rather than an alert; a warning colour
	here would undercut the "listing is free" message it exists to deliver.
*/

.sell-fee-info[b-yru461s202] {
	display: flex;
	align-items: flex-start;
	gap: 0.625rem;
	padding: 0.75rem 0.875rem;
	margin-top: 0.75rem;
	border: 1px solid rgba(126, 188, 74, 0.45);
	border-radius: 6px;
	background: rgba(126, 188, 74, 0.1);
}

/* Circular 'i', sized off the text so it stays aligned if the body copy scales. */
.sell-fee-info__icon[b-yru461s202] {
	flex: 0 0 1.125rem;
	width: 1.125rem;
	height: 1.125rem;
	margin-top: 0.0625rem;
	border-radius: 50%;
	background: #7EBC4A;
	color: #ffffff;
	font-size: 0.75rem;
	font-weight: 700;
	font-style: italic;
	line-height: 1.125rem;
	text-align: center;
}

.sell-fee-info__text[b-yru461s202] {
	color: #232D5B;
	font-size: 0.875rem;
	line-height: 1.4;
}
/* _content/LocalAg/Components/Sell/Shared/StaffCopy.razor.rz.scp.css */
/*
	Gives staff-written HTML its normal browser behaviour back.

	app/assets/styles/app.css opens with an Eric Meyer style reset - margin and padding zeroed
	on h1-h6, p, ol, ul, li and friends - followed by a blanket `ul { list-style: none }`. That
	is fine for a designed page where every list is a nav or a card grid, and wrong for a block
	of prose someone typed into a rich-text editor: bullets vanish, ordered lists keep their
	numbers but sit flush against the text, and paragraphs run together with no gap.

	So this re-establishes the defaults, scoped to the blurb. ::deep is required because the
	content arrives as a MarkupString and therefore carries no scope attribute of its own - only
	the wrapper div does.

	Kept in step with the editor toolbar and the sanitiser allow-list: every element styled here
	is one staff can actually produce, and nothing they can produce is left unstyled.
*/

.staff-copy[b-jij2h0u0fd]  p {
	margin-bottom: 0.75rem;
}

.staff-copy[b-jij2h0u0fd]  p:last-child {
	margin-bottom: 0;
}

.staff-copy[b-jij2h0u0fd]  ul,
.staff-copy[b-jij2h0u0fd]  ol {
	/* 2rem matches .html-string__wrapper, the existing wrapper for arbitrary HTML. */
	padding-left: 2rem;
	margin-bottom: 0.75rem;
}

.staff-copy[b-jij2h0u0fd]  ul {
	list-style: disc;
}

.staff-copy[b-jij2h0u0fd]  ol {
	list-style: decimal;
}

.staff-copy[b-jij2h0u0fd]  li {
	margin-bottom: 0.25rem;
}

/* Nested lists: a sub-list belongs to its parent item, not the paragraph flow. */
.staff-copy[b-jij2h0u0fd]  li > ul,
.staff-copy[b-jij2h0u0fd]  li > ol {
	margin-top: 0.25rem;
	margin-bottom: 0;
}

.staff-copy[b-jij2h0u0fd]  ul ul {
	list-style: circle;
}

/*
	The editor offers Heading (h3) and Sub heading (h4). The reset also flattens font-size to
	100%, so without this a heading is indistinguishable from body text.
*/
.staff-copy[b-jij2h0u0fd]  h3 {
	font-size: 1.15em;
	font-weight: 700;
	margin-bottom: 0.5rem;
}

.staff-copy[b-jij2h0u0fd]  h4 {
	font-size: 1em;
	font-weight: 700;
	margin-bottom: 0.4rem;
}

.staff-copy[b-jij2h0u0fd]  strong,
.staff-copy[b-jij2h0u0fd]  b {
	font-weight: 700;
}

.staff-copy[b-jij2h0u0fd]  em,
.staff-copy[b-jij2h0u0fd]  i {
	font-style: italic;
}

.staff-copy[b-jij2h0u0fd]  u {
	text-decoration: underline;
}

/* Links inherit colour elsewhere in the app (`p a { color: inherit }`), which would make a
   link in a blurb invisible. These are the only outbound links in the copy, so they underline. */
.staff-copy[b-jij2h0u0fd]  a {
	color: inherit;
	text-decoration: underline;
}

.staff-copy[b-jij2h0u0fd]  blockquote {
	margin: 0 0 0.75rem 0;
	padding-left: 1rem;
	border-left: 3px solid rgba(0, 0, 0, 0.15);
}
/* _content/LocalAg/Components/Shared/AvatarImage.razor.rz.scp.css */
/* _content/LocalAg/Components/Shared/AvatarWithVerification.razor.rz.scp.css */
.avatar-with-verification[b-0fb98qxs58] {
	padding-left: 8px;
	min-width: 65px;
	position: relative;
}

.avatar-with-verification .user-avatar[b-0fb98qxs58] {
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

.avatar-with-verification .verification-symbol[b-0fb98qxs58] {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 20px;
	left: -15px;
}
/* _content/LocalAg/Components/Shared/CookiePreferences.razor.rz.scp.css */
.cookies-preferences-btn[b-fp3jsy35ja] {
	position: fixed;
	bottom: 20px;
	left: 20px;
	background-color: var(--lag-pale-blue);
	border: none;
	border-radius: 100%;
	transition: 0.3s ease-in-out;
	width: 40px;
	height: 40px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	z-index: 999;
}

.cookies-preferences-btn i[b-fp3jsy35ja] {
	font-size: 20px;
	color: var(--bs-primary);
}    
    
/* _content/LocalAg/Components/Shared/CssSelect.razor.rz.scp.css */
.csselect-trigger.placeholder[b-b8sdw0pkdo] {
	cursor: pointer;
	opacity: 1;
	background: rgb(211, 225, 232) !important;
}

.unselect-button[b-b8sdw0pkdo] {
	position: absolute;
	right: 32px;
	top: 0;
	z-index: 99;
	border: 0;
	background: none;
}

.csselect-trigger[b-b8sdw0pkdo] {
	min-height: 45px;
}

.csselect-trigger.placeholder + button[b-b8sdw0pkdo] {
	display: none;
}

.full-width[b-b8sdw0pkdo] {
	max-width: 100%;
	width: 100%;
}

.custom-option.indented[b-b8sdw0pkdo] {
	padding-left: 40px;
}
/* _content/LocalAg/Components/Shared/StatTile.razor.rz.scp.css */
/* Self-contained so the tile also works outside a .dashboard-cards container. */
.stat-tile[b-v088hhrhj0] {
	border: none;
	height: 100%;
}

a.stat-tile[b-v088hhrhj0] {
	text-decoration: none;
}

a.stat-tile:hover[b-v088hhrhj0] {
	text-decoration: none;
	background: var(--bs-tertiary-bg);
}

.stat-tile__numbers[b-v088hhrhj0] {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
	align-items: flex-end;
}

.stat-tile .big-number[b-v088hhrhj0] {
	font-size: xx-large;
	line-height: 1.1;
}

.stat-tile__label[b-v088hhrhj0] {
	font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--bs-secondary-color);
}

.stat-tile__note[b-v088hhrhj0] {
	margin-top: 0.75rem;
	font-size: 0.85rem;
}

/* Tones. The big numbers are xx-large, so they carry vivid colour at AA contrast.
   Notes are small text and need the darker emphasis shades to stay legible. */
.stat-tile--neutral[b-v088hhrhj0] {
	color: var(--bs-body-color);
}

.big-number.stat-tile--good[b-v088hhrhj0] {
	color: #157347;
}

.big-number.stat-tile--bad[b-v088hhrhj0] {
	color: #dc3545;
}

.big-number.stat-tile--warn[b-v088hhrhj0] {
	color: #b45309;
}

.stat-tile__note.stat-tile--good[b-v088hhrhj0] {
	color: #0a3622;
}

.stat-tile__note.stat-tile--bad[b-v088hhrhj0] {
	color: #842029;
}

.stat-tile__note.stat-tile--warn[b-v088hhrhj0] {
	color: #664d03;
}

.stat-tile__note.stat-tile--neutral[b-v088hhrhj0] {
	color: var(--bs-secondary-color);
}