{"StoreUrlKey":"midstatehealth.net","StoreTenant":{"Date":"2026-03-16T19:10:33.599+00:00","TrialStartDate":"2026-03-17T11:13:53.584+00:00","DateLastActivated":"2026-04-24T09:57:24.467+00:00","URLKey":"midstatehealth.orlit.net","WeightUnit":null,"DimensionUnit":null,"Name":"Midstate Health Associates","GuestMailAddress":null,"LogoUrl":"/media/midstatehealth.orlit.net/icon-full.png","Type":"Regular","ModeOfPayment":[],"ProcessorDetails":[],"TrialPeriod":0,"CookieEULA":"

This document explains the cookies or other such media, e.g. local storage, that Orlit places on your device while visiting any of our websites either as a subscriber to our services or a user to any of our subscribers.

What is a cookie?

A cookie is medium employed by websites in other to store small set of data on your device in other to improve your overall browsing experience. For instance, with the aid of a cookie, a website can store your user information to prevent you from having to login afresh for every page you visit.

What cookies do we use and why?

Largely, Orlit uses local storage for user details. Aside this, others are third party cookies based on integration with external services.

Following are the third party services that use cookies, aside others a particular subscriber may get based on choices made through the CMS feature of Orlit:

Flutterwave cookies- these are based on Orlit's integration as payment processor
Google Analytics- to track visits and user journey to a website
Meta Pixel- to track performance of a meta marketing campaign

How long will cookies remain on my computer or mobile device?

The length of time that a cookie remains on your computer or mobile device depends on whether it is a “persistent” or “session” cookie. Session cookies last until you stop browsing and persistent cookies last until they expire or are deleted. Most of the cookies we use are persistent and will expire between 2 weeks and one year from the date they are downloaded to your device.

Controlling cookies?

You can control and manage cookies in various ways. Please keep in mind that removing or blocking cookies can negatively impact your user experience and parts of our website may no longer be fully accessible.

You can configure cookie behaviour through your browser controls, often found in your browser’s “Tools” or “Preferences” menu. For more information on how to manage cookies you can check your browser’s help file or visit www.learn-about-cookies.com .

","DefaultEULA":null,"MailVerified":false,"BusinessAddress":{"AddressID":"36f4ff02-4ac6-2a1f-2c38-0fc66616d50d","Country":"USA","State":"Tennessee","LG":"Davidson","Date":"0001-01-01T00:00:00+00:00","Area":"Nashville ( Down Time)","Street":"2201 Murphy Avenue, Suite 220 Nashville TN 37203","ContactPerson":"Christy Ogunleye","MailAddress":"christy.ogunleye@hushmail.com","PhoneNumber":"2144578544","Active":false,"DataState":"New"},"WizardStatus":"DataMigration","ShowStatus":false,"Status":"Active","IsAdvertised":false,"ProcessorRate":0.02,"PlatformRate":120,"EnforceShipping":false,"RCSC":"5vRxGvHe1dGNS+U1olfyhHXKpxHlRb68LUCcTNbV3eo=","SupportToken":null,"SupportKey":null,"DataState":"Changed"},"Store":{"TenantUrlKey":"midstatehealth.orlit.net","StoreUrl":"midstatehealth.net","Name":"Midstate Health Associates","Caption":"Trusted Primary Care & Family Medicine","LogoUrl":"/media/midstatehealth.orlit.net/logo.png","CheckoutType":"User","StoreType":"Online","TenantStatus":"Active","Date":"2026-03-24T11:11:19.504+00:00","CustomerRole":"Customers","CustomerGroup":"Online Customers","ConnectedSellerID":"","ConnectedSellerOutletID":"","ConnectedSellerName":"","ConnectedSellerOutletName":"","ProductCategories":[],"AppIcons":["/media/midstatehealth.orlit.net/mediamidstatehealth.orlit.netlogo.png/icon-72x72.png","/media/midstatehealth.orlit.net/mediamidstatehealth.orlit.netlogo.png/icon-96x96.png","/media/midstatehealth.orlit.net/mediamidstatehealth.orlit.netlogo.png/icon-128x128.png","/media/midstatehealth.orlit.net/mediamidstatehealth.orlit.netlogo.png/icon-144x144.png","/media/midstatehealth.orlit.net/mediamidstatehealth.orlit.netlogo.png/icon-152x152.png","/media/midstatehealth.orlit.net/mediamidstatehealth.orlit.netlogo.png/icon-192x192.png","/media/midstatehealth.orlit.net/mediamidstatehealth.orlit.netlogo.png/icon-384x384.png","/media/midstatehealth.orlit.net/mediamidstatehealth.orlit.netlogo.png/icon-512x512.png"],"ThemeColor":"#003399","MaxDistance":0,"LocationMode":"None","BackgroundColor":"#b90412","IsAdvertised":false,"FaviconUrl":"/media/midstatehealth.orlit.net/icon-full.png","AppleTouchIconUrl":"/media/midstatehealth.orlit.net/apple-touch-icon.png","Active":true,"IsPointed":true,"DataState":"Changed"},"GuestUser":null,"Categories":[],"UIComponents":[{"Name":"NewAddressDialog","Description":"Allows creation of a new address","PreviewContent":null,"NestedComponents":[],"Style":".new-address.layout-container {}\n.button-group {}\n.cancel-btn.layout-button {}\n.cancel-btn.layout-button:hover {}\n.save-btn.layout-button {}\n.save-btn.layout-button:hover {}","UIElements":{},"DataState":"Changed"},{"Name":"WalletSuccess","Description":"Displays success message when the wallet is funded","PreviewContent":null,"NestedComponents":[],"Style":".wallet-success.layout-container {}\n.success-image.layout-container {}\n.success-title.layout-text {}\n.success-message.layout-text {}\n.button-group.layout-container {}\n.continue-btn.layout-button {}\n.continue-btn.layout-button:hover {}","UIElements":{},"DataState":"Changed"},{"Name":"TabLoader","Description":"Allows display of multiple components","PreviewContent":null,"NestedComponents":[],"Style":".tab-loader.layout-container {}\n.tab-header {}\n.tab-item.layout-header {}\n.tab-content {}\n.tab-loader-content {}","UIElements":{},"DataState":"Changed"},{"Name":"CartSummary","Description":"Displays sum total of items in the cart and charges","PreviewContent":null,"NestedComponents":["DonateCart"],"Style":".cart-summary.layout-container {}\n.summary-header.layout-header {}\n.summary-content {}\n.summary-subtotal.layout-item {}\n.summary-total.layout-item {}\n.summary-button.layout-container {}","UIElements":{},"DataState":"Changed"},{"Name":"SellerHeader","Description":"Displays seller details with carousel for category images","PreviewContent":null,"NestedComponents":[],"Style":".seller-header.layout-container {}\n.seller-name.layout-text {}\n.seller-caption.layout-text {}\n.seller-carousel.layout-content {}\n.slider-item.layout-item {}\n.nav-next.layout-button {}\n.nav-next.layout-button:hover {}\n.nav-prev.layout-button {}\n.nav-prev.layout-button:hover {}\n.carousel-points.layout-list {}\n.carousel-point.layout-item {}","UIElements":{},"DataState":"Changed"},{"Name":"FlatCartDetail","Description":"Dispaly of total and subtotal cart values","PreviewContent":null,"NestedComponents":["ColorPicker","AttributeValueText"],"Style":".loading-shade.layout-overlay {}\n.cart-view.layout-container {}\n.cart-items.layout-container {}\n.cart-row.layout-item {}\n.product-image {}\n.product-details.layout-container {}\n.product-name.layout-item {}\n.bundle-info.layout-container {}\n.layout-container.theme-container {}\n.bundle-view.layout-button {}\n.bundle-view.layout-button:hover {}\n.bundle-status.layout-text {}\n.bundle-count.layout-value {}\n.configurable-info.layout-container {}\n.configure-btn.layout-button {}\n.configure-btn.layout-button:hover {}\n.product-price.layout-item {}\n.product-total.layout-item {}\n.product-actions.layout-container {}\n.action-buttons.layout-container {}\n.form-btn.layout-button {}\n.form-btn.layout-button:hover {}\n.delete-btn.layout-button {}\n.delete-btn.layout-button:hover {}\n.qty-control {}\n.qty-decrease.layout-item {}\n.qty-input.layout-item {}\n.qty-increase.layout-item {}\n.empty-cart.layout-container {}\n.empty-icon.layout-container {}\n.empty-message.layout-text {}","UIElements":{},"DataState":"Changed"},{"Name":"ProductCard","Description":"Displays minimal product info to allow purchase","PreviewContent":null,"NestedComponents":[],"Style":".product-image.layout-container {}\n.product-info.layout-container {}\n.product-name.layout-text {}\n.product-stock.layout-text {}\n.product-sku.layout-group {}\n.product-price.layout-group {}\n.discount.layout-value {}\n.min-price.layout-value {}\n.max-price.layout-value {}\n.product-seller.layout-container {}","UIElements":{},"DataState":"Changed"},{"Name":"PlatformAnalytics","Description":"Platform Analytics","PreviewContent":null,"NestedComponents":[],"Style":".dashboard.layout-container {}\n.dashboard-section.layout-item {}\n.section-title.layout-label {}\n.dashboard-card.layout-item {}\n.card-title.layout-label {}\n.card-value.layout-value {}","UIElements":{},"DataState":"Changed"},{"Name":"GeneralSuccess","Description":"Displays success message after an operation is performed","PreviewContent":null,"NestedComponents":[],"Style":".success-view.layout-container {}\n.result-image.layout-container {}\n.result-message.layout-text {}\n.button-group.layout-container {}\n.home-btn.layout-button {}\n.home-btn.layout-button:hover {}","UIElements":{},"DataState":"Changed"},{"Name":"ProductDetail","Description":"ProductDetail","PreviewContent":null,"NestedComponents":["ColorPicker","AttributeValueText"],"Style":".product-detail.layout-container {}\n.product-overview {}\n.product-images {}\n.main-image {}\n.thumbnails.layout-container {}\n.thumbnail-item.layout-wrapper {}\n.thumbnail-btn.layout-button {}\n.thumbnail-btn.layout-button:hover {}\n.play-icon.layout-overlay {}\n.product-info {}\n.price-info {}\n.price-display.layout-group {}\n.discount.discount-price.layout-value {}\n.min-price.layout-value {}\n.max-price.layout-value {}\n.stock-status.layout-text {}\n.sku-info.layout-group {}\n.bundle-info {}\n.bundle-items {}\n.bundle-item.layout-wrapper {}\n.seller-info {}\n.subtitle.layout-caption {}\n.description.layout-container {}\n.attributes.layout-container {}\n.attribute-color.layout-item {}\n.loading-state.layout-container {}","UIElements":{},"DataState":"Changed"},{"Name":"AttributeValue","Description":"Displays configurable attributes with selectable options","PreviewContent":null,"NestedComponents":[],"Style":".phone-number.layout-row {}\n.layout-field.theme-country-code {}\n.dialog-pop-up.layout-dialog {}\n.dialog-pop-up-item.layout-button {}\n.dialog-pop-up-item.layout-button:hover {}\n.layout-input-group.theme-phone-input-group {}\n.layout-field.theme-phone-field {}\n.layout-label.theme-field-caption {}\n.layout-label.theme-color-label {}\n.layout-col.theme-file-download-col {}\n.layout-field.theme-file-chips-field {}\n.layout-col.theme-file-dropzone-col {}\n.layout-field.theme-file-upload-field {}\n.layout-field.theme-dynamic-field {}\n.layout-chips.theme-multi-select-chips {}\n.layout-dialog.theme-single-select-popup {}\n.dialog-pop-up-item {}","UIElements":{},"DataState":"Changed"},{"Name":"UserOrders","Description":"UserOrders","PreviewContent":null,"NestedComponents":[],"Style":".loading-shade.layout-overlay {}\n.orders-page.layout-container {}\n.page-title.layout-text {}\n.orders-table.layout-content {}\n.action-buttons.layout-group {}\n.view-btn.layout-button {}\n.view-btn.layout-button:hover {}\n.cancel-btn.layout-button {}\n.cancel-btn.layout-button:hover {}\n.orders-list.layout-content {}\n.order-card.layout-container {}\n.order-info.layout-item {}\n.order-actions.layout-item {}","UIElements":{},"DataState":"Changed"},{"Name":"ProductRibbon","Description":"ProductRibbon","PreviewContent":null,"NestedComponents":["ProductSummary"],"Style":".product-ribbon {}\n.slider-item.layout-item {}\n.nav-prev.layout-button {}\n.nav-prev.layout-button:hover {}\n.nav-next.layout-button {}\n.nav-next.layout-button:hover {}","UIElements":{},"DataState":"Changed"},{"Name":"UnSubscribe","Description":"Allows a user to unsubscribe from emails","PreviewContent":null,"NestedComponents":[],"Style":".unsubscribe.layout-container {}\n.success-state.layout-content {}\n.error-state.layout-content {}","UIElements":{},"DataState":"Changed"},{"Name":"Checkout","Description":"Displays sum total of products added to cart and allows selection of addresses and placement of order","PreviewContent":null,"NestedComponents":[],"Style":".checkout.layout-container {}\n.billing-section.layout-container {}\n.button-group.layout-container {}\n.new-address-btn.layout-button {}\n.new-address-btn.layout-button:hover {}\n.change-address-btn.layout-button {}\n.change-address-btn.layout-button:hover {}\n.shipping-section.layout-container {}\n.same-address-btn.layout-button {}\n.same-address-btn.layout-button:hover {}\n.summary-subtotal.layout-item {}\n.summary-shipping.layout-item {}\n.summary-total.layout-item {}\n.checkout-button-container {}\n.spinner-group.layout-group {}\n.punchout-btn.layout-button {}\n.punchout-btn.layout-button:hover {}","UIElements":{},"DataState":"Changed"},{"Name":"CountDown","Description":"Displays count down timer","PreviewContent":null,"NestedComponents":[],"Style":".timer-view {}\n.time-unit.layout-item {}\n.time-value.layout-value {}\n.time-label.layout-label {}\n.error-message.layout-text {}","UIElements":{},"DataState":"Changed"},{"Name":"CheckoutAddress","Description":"Dispaly of addresses at checkout","PreviewContent":null,"NestedComponents":[],"Style":".checkout-address {}\n.billing-section.layout-container {}\n.section-title.layout-text {}\n.button-group {}\n.add-btn.layout-button {}\n.add-btn.layout-button:hover {}\n.change-btn.layout-button {}\n.change-btn.layout-button:hover {}\n.shipping-section.layout-container {}\n.same-billing-btn.layout-button {}\n.same-billing-btn.layout-button:hover {}","UIElements":{},"DataState":"Changed"},{"Name":"OpenCategoryMenu","Description":"Displays product categories with category icons and image for top level categories","PreviewContent":null,"NestedComponents":[],"Style":".open-category-menu {}\n.menu-trigger {}\n.category-list.layout-list {}\n.category-item.layout-item {}\n.expand-btn.layout-button {}\n.expand-btn.layout-button:hover {}\n.submenu-wrapper.layout-container {}\n.submenu.layout-container {}\n.category-image.layout-container {}","UIElements":{},"DataState":"Changed"},{"Name":"StoreFinder","Description":"Allows display seller outlets with map","PreviewContent":null,"NestedComponents":[],"Style":".locations-page.layout-container {}\n.locations-list.layout-content {}\n.location-card.layout-item {}\n.location-name.layout-group {}\n.location-address.layout-group {}\n.location-contact.layout-group {}\n.location-details.layout-group {}\n.location-distance.layout-group {}\n.button-group.layout-container {}\n.view-btn.layout-button {}\n.view-btn.layout-button:hover {}\n.locations-map.layout-content {}\n.back-btn.layout-button {}\n.back-btn.layout-button:hover {}\n.location-details.layout-item {}","UIElements":{},"DataState":"Changed"},{"Name":"SellerList","Description":"Seller List","PreviewContent":null,"NestedComponents":["SellerSummary"],"Style":".loading-shade.layout-overlay {}\n.sellers-page.layout-container {}\n.sellers-list.layout-content {}\n.sellers-grid.layout-container {}\n.button-group.layout-container {}\n.load-more-btn.layout-button {}\n.load-more-btn.layout-button:hover {}","UIElements":{},"DataState":"Changed"},{"Name":"LinearCommissionCalc","Description":"Linear Commission Calc","PreviewContent":null,"NestedComponents":[],"Style":".commission-calc.layout-container {}\n.step-item.layout-item {}\n.step-number.layout-label {}\n.step-label.layout-label {}\n.step-field.layout-field {}\n.country-code.layout-group {}\n.loading-spinner.layout-container {}\n.country-popup.dialog-pop-up.layout-dialog {}\n.popup-option.dialog-pop-up-item.layout-button {}\n.popup-option.dialog-pop-up-item.layout-button:hover {}\n.phone {}\n.button-group.layout-container {}\n.primary-buttons.layout-container {}\n.calculate-btn.layout-button {}\n.calculate-btn.layout-button:hover {}\n.nav-buttons.layout-container {}\n.prev-btn.layout-button {}\n.prev-btn.layout-button:hover {}\n.next-btn.layout-button {}\n.next-btn.layout-button:hover {}\n.calc-results.layout-content {}\n.result-item.layout-item {}\n.result-icon.layout-image {}\n.result-label.layout-label {}\n.result-value.layout-value {}\n.notification-area.layout-content {}","UIElements":{},"DataState":"Changed"},{"Name":"WalletFailure","Description":"Displays failure message when a wallet transaction fails","PreviewContent":null,"NestedComponents":[],"Style":".wallet-failure.layout-container {}\n.failure-image.layout-container {}\n.failure-title.layout-text {}\n.failure-message.layout-text {}\n.button-group.layout-container {}\n.continue-btn.layout-button {}\n.continue-btn.layout-button:hover {}","UIElements":{},"DataState":"Changed"},{"Name":"CancelOrderDialog","Description":"Confirms cancellation of an order","PreviewContent":null,"NestedComponents":[],"Style":".dialog-cancel-order.layout-container {}\n.cancel-order-item.layout-item {}\n.cancel-reason.layout-field {}\n.cancel-buttons.layout-container {}\n.confirm-cancel.layout-button {}\n.confirm-cancel.layout-button:hover {}\n.close-dialog.layout-button {}\n.close-dialog.layout-button:hover {}","UIElements":{},"DataState":"Changed"},{"Name":"CartDetail","Description":"Displays each cart item with id, description and image, grouped by delivery batch.\nShows quantity adjustments, item totals and allows removal of items before checkout.","PreviewContent":null,"NestedComponents":["ColorPicker","AttributeValueText","DonateCart"],"Style":".cart-detail.layout-container {}\n.cart-header.layout-header {}\n.cart-title.layout-text {}\n.cart-content.layout-content {}\n.cart-table.layout-container {}\n.product-image.layout-group {}\n.product-info.layout-group {}\n.product-name.layout-text {}\n.product-bundle.layout-container {}\n.bundle-view.layout-button {}\n.bundle-view.layout-button:hover {}\n.bundle-status.layout-text {}\n.bundle-count.layout-value {}\n.product-configurable.layout-container {}\n.configurable-btn.layout-button {}\n.configurable-btn.layout-button:hover {}\n.qty-control.layout-container {}\n.qty-decrease.layout-group {}\n.qty-input.layout-group {}\n.qty-increase.layout-group {}\n.form-btn.layout-button {}\n.form-btn.layout-button:hover {}\n.delete-btn.layout-button {}\n.delete-btn.layout-button:hover {}\n.empty-cart.layout-container {}\n.cart-icon.layout-group {}\n.empty-message.layout-text {}","UIElements":{},"DataState":"Changed"},{"Name":"ProductSummary","Description":"Displays minimal product info to allow purchase","PreviewContent":null,"NestedComponents":[],"Style":".product-image {}\n.product-details {}\n.product-info {}\n.product-name.layout-text {}\n.product-stock.layout-text {}\n.product-sku.layout-group {}\n.product-format.layout-group {}\n.product-price.layout-group {}\n.discount-text.layout-text {}\n.min-price.layout-text {}\n.max-price.layout-text {}\n.product-attributes {}\n.product-seller {}\n.seller-link.layout-link {}\n.seller-link.layout-link:hover {}\n.product-actions {}","UIElements":{},"DataState":"Changed"},{"Name":"CustomerRevenue","Description":"CustomerRevenue","PreviewContent":null,"NestedComponents":[],"Style":".loading-shade.layout-overlay {}\n.user-outstanding-container.layout-container {}\n.user-outstanding-header.layout-header {}\n.user-outstanding-caption.layout-caption {}\n.user-outstanding-content.layout-content {}\n.user-outstanding-action-row.layout-row {}\n.user-outstanding-total-section.layout-group {}\n.item-caption.layout-label {}\n.item-value.layout-value {}\n.default-button.user-outstanding-pay-button.layout-button {}\n.default-button.user-outstanding-pay-button.layout-button:hover {}\n.commissions-header.layout-header {}\n.commissions-table.layout-table {}\n.user-outstanding-checkbox-col.layout-col {}\n.other-dues-header.layout-header {}\n.other-dues-table.layout-table {}","UIElements":{},"DataState":"Changed"},{"Name":"Address","Description":"Allows creation and editing of an address","PreviewContent":null,"NestedComponents":[],"Style":".layout-container.theme-form-container {}\n.layout-col.theme-row {}\n.contact-person-col.layout-col {}\n.layout-label.theme-label {}\n.phone-number-col.layout-col {}\n.field-caption {}\n.phone-input-group {}\n.country-code.layout-group {}\n.loading-container.country-code-loading.layout-container {}\n.phone {}\n.phone-number-field {}\n.email-col.layout-col {}\n.email-field {}\n.country-row.layout-col {}\n.country-col.layout-col {}\n.country-field {}\n.loading-container.country-loading.layout-container {}\n.state-row.layout-col {}\n.state-col.layout-col {}\n.state-field {}\n.loading-container.state-loading.layout-container {}\n.local-government-row.layout-col {}\n.local-government-col.layout-col {}\n.local-government-field {}\n.loading-container.local-government-loading.layout-container {}\n.area-row.layout-col {}\n.area-col.layout-col {}\n.area-field {}\n.street-row.layout-col {}\n.street-col.layout-col {}\n.textarea-field.street-field.layout-field {}","UIElements":{},"DataState":"Changed"},{"Name":"CategoryHeader","Description":"Displays category details with carousel for category images","PreviewContent":null,"NestedComponents":[],"Style":".category-header.layout-container {}\n.parent-name.layout-caption {}\n.category-name.layout-caption {}\n.theme-content {}\n.slider-item.layout-item {}\n.slider-img.layout-image {}\n.slider-nav-right {}\n.slider-nav-left {}\n.carousel-points.layout-list {}\n.carousel-point.layout-item {}","UIElements":{},"DataState":"Changed"},{"Name":"ConfigDialog","Description":"Allows configuration of a component or product","PreviewContent":null,"NestedComponents":[],"Style":".loading-shade.layout-overlay {}\n.config-dialog-view {}\n.bundle-items {}\n.bundle-row.layout-item {}\n.product-image {}\n.product-details {}\n.product-name.layout-item {}\n.product-qty.layout-item {}\n.product-actions {}\n.qty-control {}\n.qty-decrease.layout-item {}\n.qty-input.layout-item {}\n.qty-increase.layout-item {}\n.button-group.layout-container {}\n.cancel-btn.layout-button {}\n.cancel-btn.layout-button:hover {}\n.save-btn.layout-button {}\n.save-btn.layout-button:hover {}","UIElements":{},"DataState":"Changed"},{"Name":"UserSignUp","Description":"UserSignUp","PreviewContent":null,"NestedComponents":[],"Style":".loading-shade.layout-overlay {}\n.signup-page.layout-container {}\n.logo-link.layout-link {}\n.logo-link.layout-link:hover {}\n.logo-image.layout-image {}\n.page-title.layout-text {}\n.page-subtitle.layout-text {}\n.name-row.layout-row {}\n.email-row.layout-row {}\n.phone-row.layout-col {}\n.phone-input-group {}\n.country-code.layout-group {}\n.loading-spinner.layout-container {}\n.dialog-pop-up.country-popup.layout-dialog {}\n.dialog-pop-up-item.popup-option.layout-button {}\n.dialog-pop-up-item.popup-option.layout-button:hover {}\n.phone {}\n.password-row.layout-row {}\n.confirm-password-row.layout-row {}\n.signin-link.layout-container {}\n.button-group.layout-container {}\n.signup-btn.layout-button {}\n.signup-btn.layout-button:hover {}","UIElements":{},"DataState":"Changed"},{"Name":"Login","Description":"Login","PreviewContent":null,"NestedComponents":[],"Style":".login-page.layout-container {}\n.logo-link.layout-link {}\n.logo-link.layout-link:hover {}\n.logo-image.layout-image {}\n.page-title.layout-text {}\n.page-subtitle.layout-text {}\n.email-row.layout-row {}\n.password-row.layout-row {}\n.options-row.layout-row {}\n.forgot-password.layout-link {}\n.forgot-password.layout-link:hover {}\n.signup-row.layout-row {}\n.signup-link.layout-link {}\n.signup-link.layout-link:hover {}\n.button-group.layout-container {}\n.login-btn.layout-button {}\n.login-btn.layout-button:hover {}","UIElements":{},"DataState":"Changed"},{"Name":"Chat","Description":"Chat widget for storefront customer messaging","PreviewContent":null,"NestedComponents":[],"Style":".chat-fab-container.layout-container {}\n.chat-fab-button.layout-button {}\n.chat-fab-button.layout-button:hover {}\n.chat-fab-icon.layout-icon {}\n.chat-window.layout-container {}\n.chat-toolbar.layout-header {}\n.chat-toolbar-icon.layout-icon {}\n.chat-toolbar-title.layout-text {}\n.chat-clear-button.layout-button {}\n.chat-clear-button.layout-button:hover {}\n.chat-clear-icon.layout-icon {}\n.chat-close-button.layout-button {}\n.chat-close-button.layout-button:hover {}\n.chat-close-icon.layout-icon {}\n.chat-messages-container.layout-content {}\n.chat-prechat-form.layout-container {}\n.chat-prechat-icon-container.layout-group {}\n.chat-prechat-icon.layout-icon {}\n.chat-prechat-text.layout-text {}\n.chat-prechat-input.layout-field {}\n.chat-prechat-input-icon.layout-icon {}\n.chat-prechat-button.layout-button {}\n.chat-prechat-button.layout-button:hover {}\n.chat-messages-list.layout-list {}\n.chat-message-item.layout-item {}\n.chat-message-row.layout-row {}\n.chat-avatar.layout-group {}\n.chat-bubble-container.layout-container {}\n.chat-bubble.chat-bubble-assistant.layout-group {}\n.chat-bubble-sender.layout-group {}\n.chat-bubble-sender-icon.layout-icon {}\n.chat-bubble-sender-name.layout-text {}\n.chat-bubble-content.layout-content {}\n.chat-bubble-time.chat-bubble-time-assistant.layout-value {}\n.chat-message-row.chat-message-row-user.layout-row {}\n.chat-bubble-container.chat-bubble-user.layout-container {}\n.chat-bubble.layout-group {}\n.chat-bubble-content.chat-bubble-content-user.layout-content {}\n.chat-bubble-meta.layout-group {}\n.chat-bubble-time.layout-value {}\n.chat-message-divider.layout-separator {}\n.chat-input-divider.layout-separator {}\n.chat-input-area.layout-container {}\n.chat-input-field.layout-field {}\n.chat-send-button.layout-button {}\n.chat-send-button.layout-button:hover {}\n.chat-send-icon.layout-icon {}","UIElements":{"icon":"chat"},"DataState":"Changed"},{"Name":"ChangeAddressDialog","Description":"Allows selection of an existing address at checkout","PreviewContent":null,"NestedComponents":[],"Style":".change-address.layout-container {}\n.address-radio.layout-button {}\n.address-radio.layout-button:hover {}\n.button-group.layout-container {}\n.cancel-btn.layout-button {}\n.cancel-btn.layout-button:hover {}\n.confirm-btn.layout-button {}\n.confirm-btn.layout-button:hover {}","UIElements":{},"DataState":"Changed"},{"Name":"UserAccount","Description":"Displays currently logged on user info and presents menu for user management. It also allows login for new users","PreviewContent":null,"NestedComponents":[],"Style":".account-menu {}\n.logged-in-state {}\n.menu-trigger.layout-button {}\n.menu-trigger.layout-button:hover {}\n.user-menu.dialog-user-profile-menu.layout-dialog {}\n.menu-option.layout-button {}\n.menu-option.layout-button:hover {}\n.dialog-user-profile-menu.layout-dialog {}\n.user-account-menu-item-button.menu-option {}\n.logged-out-state {}\n.login-btn.layout-button {}\n.login-btn.layout-button:hover {}","UIElements":{},"DataState":"Changed"},{"Name":"FilterDialog","Description":"Allows filtering of products by attributes and price","PreviewContent":null,"NestedComponents":[],"Style":".product-filter-dialog.layout-container {}\n.filter-category.layout-item {}\n.category-title.layout-text {}\n.filter-option.layout-item {}\n.color-option.layout-label {}\n.button-group.layout-container {}\n.cancel-btn.layout-button {}\n.cancel-btn.layout-button:hover {}\n.apply-btn.layout-button {}\n.apply-btn.layout-button:hover {}","UIElements":{},"DataState":"Changed"},{"Name":"OrderSuccess","Description":"Displays success message after order is placed","PreviewContent":null,"NestedComponents":[],"Style":".order-success.layout-container {}\n.result-image.layout-container {}\n.result-title.layout-text {}\n.result-message.layout-text {}\n.button-group.layout-container {}\n.continue-btn.layout-button {}\n.continue-btn.layout-button:hover {}","UIElements":{},"DataState":"Changed"},{"Name":"SearchBar","Description":"Controls product search by category and by distance from users' location","PreviewContent":null,"NestedComponents":[],"Style":".searchbar.layout-container {}\n.location-control.layout-group {}\n.location-btn.layout-button {}\n.location-btn.layout-button:hover {}\n.location-menu.layout-dialog {}\n.menu-option.layout-button {}\n.menu-option.layout-button:hover {}\n.category-control {}\n.search-action.layout-group {}\n.search-bar-input-container {}\n.search-bar-input.layout-field {}\n.autocomplete-popup.layout-dialog {}\n.search-options {}\n.suggestion-item.layout-button {}\n.suggestion-item.layout-button:hover {}\n.suggestion-value.layout-text {}\n.suggestion-count.layout-text {}\n.search-bar-button-container {}\n.search-btn.layout-button {}\n.search-btn.layout-button:hover {}\n.search-input.layout-group {}","UIElements":{},"DataState":"Changed"},{"Name":"CommissionCalc","Description":"Commission Calc","PreviewContent":null,"NestedComponents":[],"Style":".commission-view.layout-container {}\n.commission-main.layout-content {}\n.commission-error.layout-container {}\n.band-section.layout-container {}\n.band-label.layout-label {}\n.band-group.layout-group {}\n.band-button.layout-button {}\n.band-button.layout-button:hover {}\n.band-name.layout-text {}\n.band-range.layout-value {}\n.field-item.layout-item {}\n.country-code.layout-group {}\n.loading-spinner.layout-container {}\n.country-popup.dialog-pop-up.layout-dialog {}\n.popup-option.dialog-pop-up-item.layout-button {}\n.popup-option.dialog-pop-up-item.layout-button:hover {}\n.phone.layout-group {}\n.button-group.layout-container {}\n.calculate-btn.layout-button {}\n.calculate-btn.layout-button:hover {}\n.calc-results.layout-content {}\n.result-title.layout-text {}\n.result-message.layout-text {}\n.result-item.layout-item {}\n.result-icon.layout-image {}\n.result-label.layout-label {}\n.result-value.layout-value {}\n.commission-notification.layout-content {}","UIElements":{},"DataState":"Changed"},{"Name":"ResetPassword","Description":"Reset Password","PreviewContent":null,"NestedComponents":[],"Style":".reset-password-page.layout-container {}\n.logo-link.layout-link {}\n.logo-link.layout-link:hover {}\n.logo-image.layout-image {}\n.page-title.layout-text {}\n.page-subtitle.layout-text {}\n.username-row.layout-row {}\n.button-group.layout-container {}\n.submit-btn.layout-button {}\n.submit-btn.layout-button:hover {}","UIElements":{},"DataState":"Changed"},{"Name":"ColorDialog","Description":"Allows selection of product colors","PreviewContent":null,"NestedComponents":[],"Style":".color-dialog.layout-container {}\n.color-grid.layout-content {}\n.color-item.layout-button {}\n.color-item.layout-button:hover {}\n.color-actions.layout-container {}\n.nav-btn.layout-button {}\n.nav-btn.layout-button:hover {}","UIElements":{},"DataState":"Changed"},{"Name":"UserOrder","Description":"UserOrder","PreviewContent":null,"NestedComponents":[],"Style":".user-order.layout-container {}\n.order-section.layout-item {}\n.order-info.layout-item {}\n.button-group.layout-container {}\n.retry-btn.layout-button {}\n.retry-btn.layout-button:hover {}\n.cancel-btn.layout-button {}\n.cancel-btn.layout-button:hover {}\n.user-order-content {}","UIElements":{},"DataState":"Changed"},{"Name":"ProductGroup","Description":"ProductGroup","PreviewContent":null,"NestedComponents":["ProductCard","RoundedCategoryMenu"],"Style":".loading-shade.layout-overlay {}\n.product-group.layout-container {}\n.category-sidebar.layout-container {}\n.products-area {}\n.button-group.layout-container {}\n.load-more-btn.layout-button {}\n.load-more-btn.layout-button:hover {}","UIElements":{},"DataState":"Changed"},{"Name":"StoreLocations","Description":"Allows display seller outlets with map","PreviewContent":null,"NestedComponents":[],"Style":".store-locations.layout-container {}\n.locations-list.layout-content {}\n.location-card.layout-item {}\n.location-name.layout-caption {}\n.location-contact.layout-caption {}\n.location-email.layout-caption {}\n.location-phone.layout-group {}\n.location-address.layout-group {}\n.location-lga.layout-text {}\n.location-country.layout-text {}\n.button-group.layout-container {}\n.view-btn.layout-button {}\n.view-btn.layout-button:hover {}\n.load-more-btn.layout-button {}\n.load-more-btn.layout-button:hover {}\n.locations-map.layout-content {}","UIElements":{},"DataState":"Changed"},{"Name":"CartCounter","Description":"Displays count of products in a cart on cart image","PreviewContent":null,"NestedComponents":[],"Style":".cart-counter {}\n.cart-btn-group.layout-group {}\n.cart-counter-btn.layout-button {}\n.cart-counter-btn.layout-button:hover {}\n.cart-loading.layout-content {}\n.cart-badge.layout-icon {}\n.cart-menu-group.layout-group {}\n.cart-menu-trigger.layout-button {}\n.cart-menu-trigger.layout-button:hover {}\n.expand-icon.layout-icon {}\n.dialog-cart.layout-dialog {}\n.cart-menu-item.layout-button {}\n.cart-menu-item.layout-button:hover {}","UIElements":{"icon":"cart"},"DataState":"Changed"},{"Name":"Wallet","Description":"Wallet","PreviewContent":null,"NestedComponents":[],"Style":".loading-shade {}\n.wallet-page.layout-container {}\n.page-title.layout-text {}\n.wallet-content.layout-content {}\n.wallet-item-container1.layout-item {}\n.wallet-item.layout-item {}\n.wallet-button-container {}\n.fund-btn.layout-button {}\n.fund-btn.layout-button:hover {}\n.other-button.wallet-refresh-button {}\n.wallet-refresh-icon {}\n.wallet-header.layout-header {}\n.wallet-caption.layout-caption {}\n.user-orders-content.layout-content {}","UIElements":{},"DataState":"Changed"},{"Name":"CheckoutSummary","Description":"Dispaly of total and subtotal cart values","PreviewContent":null,"NestedComponents":[],"Style":".checkout-summary.layout-container {}\n.summary-subtotal.layout-item {}\n.summary-shipping.layout-item {}\n.summary-total.layout-item {}\n.options-label.layout-label {}\n.payment-method.layout-row {}\n.checkout-buttons.layout-container {}\n.spinner-group.layout-group {}\n.punchout-btn.layout-button {}\n.punchout-btn.layout-button:hover {}","UIElements":{},"DataState":"Changed"},{"Name":"CategoryMenu","Description":"Displays product categories with category icons and image for top level categories","PreviewContent":null,"NestedComponents":[],"Style":".theme-category-menu-container {}\n.layout-menu-trigger-button.theme-category-menu-button {}\n.category-menu-icon {}\n.layout-list-icon.theme-category-menu-list-icon {}\n.category-menu-text {}\n.layout-expand-icon.theme-category-menu-more-icon {}\n.dialog-menu.layout-dialog {}\n.layout-menu-content.theme-category-menu-content {}\n.layout-menu-list.theme-category-menu-list {}\n.layout-list-item.theme-category-menu-list-item {}\n.layout-list-item-icon.theme-category-menu-list-item-icon {}\n.layout-list-item-more-button.theme-category-menu-list-item-more-button {}\n.layout-submenu-container.theme-category-menu-list-item-sub-menu-container {}\n.layout-submenu-content.theme-category-menu-list-item-sub-menu {}\n.category-menu-list-item-img-container {}\n.category-menu-list-item-img {}","UIElements":{},"DataState":"Changed"},{"Name":"PopUpLoader","Description":"Allows display of a component as popup","PreviewContent":null,"NestedComponents":[],"Style":".popup-loader-container{\n}\n\n.popup-loader-button{\n}\n\n.popup-loader-icon{\n}\n\n.popup-loader-caption{\n}\n\n.popup-loader-dialog-container{\n}\n\n.popup-loader-dialog-button-header{\n}\n\n.popup-loader-dialog-other-button{\n}\n\n.popup-loader-dialog-close-button-icon{\n}\n\n.popup-loader-dialog-close-button-caption{\n}\n\n.popup-loader-dialog-content{\n}","UIElements":{},"DataState":"Changed"},{"Name":"AddToCart","Description":"Displays a button that adds a product to the cart","PreviewContent":null,"NestedComponents":[],"Style":".product-action-buttons.layout-cart-container {}\n.add-to-cart-button.layout-button {}\n.add-to-cart-button.layout-button:hover {}\n.cart-button-content.layout-content {}\n.add-cart-icon.layout-icon {}\n.add-cart-text.layout-text {}\n.buy-now-button.layout-button {}\n.buy-now-button.layout-button:hover {}\n.now-button-content.layout-content {}\n.configurable-product-button.layout-button {}\n.configurable-product-button.layout-button:hover {}\n.configurable-button-content.layout-content {}\n.see-options-button.layout-button {}\n.see-options-button.layout-button:hover {}\n.button-content.options-button-content {}","UIElements":{},"DataState":"Changed"},{"Name":"DigitalDownload","Description":"Download Digital Product","PreviewContent":null,"NestedComponents":[],"Style":".download-container.layout-container {}\n.download-loading-content.layout-content {}\n.download-loading-text.layout-text {}\n.download-error-content.layout-content {}\n.download-error-icon.layout-icon {}\n.download-error-text.layout-text {}\n.download-success-content.layout-content {}\n.download-success-text.layout-text {}\n.download-info-row.layout-group {}\n.download-info-label.layout-label {}\n.download-info-value.layout-value {}\n.download-info-row.download-warning.layout-group {}\n.download-warning-icon.layout-icon {}\n.download-warning-text.layout-text {}\n.download-button.layout-button {}\n.download-button.layout-button:hover {}\n.download-button-icon.layout-icon {}","UIElements":{},"DataState":"Changed"},{"Name":"ShipmentView","Description":"ShipmentView","PreviewContent":null,"NestedComponents":["ColorPicker","AttributeValueText"],"Style":".shipment-view.layout-container {}\n.shipment-info.layout-text {}\n.shipment-details.layout-content {}\n.shipment-table.layout-container {}\n.product-image.layout-group {}\n.product-info.layout-group {}\n.product-name.layout-text {}\n.product-sku.layout-text {}\n.bundle-info.layout-container {}\n.bundle-btn.layout-button {}\n.bundle-btn.layout-button:hover {}\n.bundle-status.layout-text {}\n.bundle-count.layout-value {}\n.seller-link.layout-link {}\n.seller-link.layout-link:hover {}\n.shipment-cards.layout-container {}\n.card-image.layout-group {}\n.product-image.layout-container {}\n.card-info.layout-group {}","UIElements":{},"DataState":"Changed"},{"Name":"FullNodeCategoryMenu","Description":"Full NodeCategory Menu","PreviewContent":null,"NestedComponents":[],"Style":".full-node-category-menu.layout-container {}\n.category-list.layout-list {}\n.category-item.layout-item {}\n.category-image.layout-container {}\n.submenu-wrapper.layout-container {}\n.submenu.layout-container {}","UIElements":{},"DataState":"Changed"},{"Name":"ProductList","Description":"ProductList","PreviewContent":null,"NestedComponents":["ProductSummary"],"Style":".loading-shade.layout-overlay {}\n.product-list {}\n.filter-sidebar.layout-container {}\n.filter-group.layout-item {}\n.filter-option.layout-item {}\n.color-filter.layout-label {}\n.toolbar {}\n.filter-btn-group {}\n.filter-btn.layout-button {}\n.filter-btn.layout-button:hover {}\n.sort-controls {}\n.products-area {}\n.button-group {}\n.load-more-btn.layout-button {}\n.load-more-btn.layout-button:hover {}","UIElements":{},"DataState":"Changed"},{"Name":"BundleDialog","Description":"Allows selection and configuration of products in a bundle","PreviewContent":null,"NestedComponents":[],"Style":".dialog-bundle-container {}\n.bundle-header.layout-header {}\n.bundle-dialog-title {}\n.bundle-content.layout-content {}\n.bundle-image.layout-group {}\n.layout-image-media.theme-bundle-item-image {}\n.bundle-name-qty.layout-text {}\n.layout-product-text.theme-bundle-name-text {}\n.qty-text.layout-text {}\n.bundle-button.layout-container {}","UIElements":{},"DataState":"Changed"},{"Name":"DrillCategoryMenu","Description":"Allows level by level display of product category","PreviewContent":null,"NestedComponents":[],"Style":".drill-category-menu.layout-container {}\n.back-group.layout-group {}\n.back-btn.layout-button {}\n.back-btn.layout-button:hover {}\n.back-icon.layout-icon {}\n.back-text.layout-text {}\n.category-list.layout-list {}\n.category-item.layout-item {}\n.category-body.layout-group {}\n.category-image.layout-container {}","UIElements":{},"DataState":"Changed"},{"Name":"TrialRequest","Description":"Trial Request","PreviewContent":null,"NestedComponents":[],"Style":".trial-request.layout-container {}\n.business-name.layout-row {}\n.url-row.layout-row {}\n.trial-request-button-container {}\n.default-button.trial-request-default-button {}\n.confirm-password-row.layout-row {}\n.button-group.layout-container {}\n.submit-btn.layout-button {}\n.submit-btn.layout-button:hover {}","UIElements":{},"DataState":"Changed"},{"Name":"OrderFailure","Description":"Displays failure message if order process fails","PreviewContent":null,"NestedComponents":[],"Style":".order-failure.layout-container {}\n.result-image.layout-container {}\n.result-title.layout-text {}\n.result-message.layout-text {}\n.button-group.layout-container {}\n.retry-btn.layout-button {}\n.retry-btn.layout-button:hover {}\n.continue-btn.layout-button {}\n.continue-btn.layout-button:hover {}","UIElements":{},"DataState":"Changed"},{"Name":"ProductDetailCarousel","Description":"ProductDetailCarousel","PreviewContent":null,"NestedComponents":["ColorPicker","AttributeValueText"],"Style":".product-detail.layout-container {}\n.product-images.layout-container {}\n.slider-item.layout-item {}\n.main-image.layout-container {}\n.carousel-points.layout-list {}\n.carousel-point.layout-item {}\n.product-info.layout-container {}\n.price-info.layout-container {}\n.price-display.layout-group {}\n.discount.layout-value {}\n.min-price.layout-value {}\n.max-price.layout-value {}\n.stock-status.layout-text {}\n.sku-info.layout-group {}\n.bundle-info.layout-container {}\n.bundle-items.layout-container {}\n.bundle-item.layout-wrapper {}\n.seller-info.layout-container {}\n.subtitle.layout-caption {}\n.description.layout-container {}\n.attributes.layout-container {}\n.attribute-color.layout-item {}\n.loading-state.layout-container {}","UIElements":{},"DataState":"Changed"},{"Name":"UserAddress","Description":"Allows creation of address for the current user","PreviewContent":null,"NestedComponents":[],"Style":".loading-shade.layout-overlay {}\n.address-form.layout-container {}\n.button-group.layout-container {}\n.same-billing-btn.layout-button {}\n.same-billing-btn.layout-button:hover {}\n.next-btn.layout-button {}\n.next-btn.layout-button:hover {}\n.submit-btn.layout-button {}\n.submit-btn.layout-button:hover {}","UIElements":{},"DataState":"Changed"},{"Name":"FormLoader","Description":"Allows display of a dynamic form","PreviewContent":null,"NestedComponents":[],"Style":".loading-shade.layout-overlay {}\n.form-loader.layout-container {}\n.form-section.layout-container {}\n.field-item.layout-item {}\n.button-group.layout-container {}\n.prev-btn.layout-button {}\n.prev-btn.layout-button:hover {}\n.next-btn.layout-button {}\n.next-btn.layout-button:hover {}","UIElements":{},"DataState":"Changed"},{"Name":"UserAddresses","Description":"Displays addresses of current user and allows creation of new ones","PreviewContent":null,"NestedComponents":[],"Style":".addresses-page.layout-container {}\n.address-actions.layout-content {}\n.add-btn.layout-button {}\n.add-btn.layout-button:hover {}\n.billing-section.layout-content {}\n.section-title.layout-text {}\n.delete-btn.layout-button {}\n.delete-btn.layout-button:hover {}\n.shipping-section.layout-content {}","UIElements":{},"DataState":"Changed"},{"Name":"PoweredByOrlit","Description":"Powered By Orlit","PreviewContent":null,"NestedComponents":[],"Style":".powered-by.layout-container {}\n.powered-link.layout-link {}\n.powered-link.layout-link:hover {}\n.powered-logo.layout-image {}","UIElements":{},"DataState":"Changed"},{"Name":"PaymentMethodDialog","Description":"Allows selection of a payment method","PreviewContent":null,"NestedComponents":[],"Style":".action-container.layout-container {}\n.row-marging.layout-col {}\n.payment-logo {}\n.item-value {}\n.action-container {}","UIElements":{},"DataState":"Changed"},{"Name":"AttributeValueText","Description":"Attribute Value Text","PreviewContent":null,"NestedComponents":[],"Style":".theme-options-container {}\n.layout-item.theme-attribute-option-item {}\n.layout-label.theme-attribute-label {}\n.layout-group.theme-attribute-value-group {}\n.layout-item.theme-attribute-color-item {}\n.layout-item.theme-simple-color-item {}","UIElements":{},"DataState":"Changed"},{"Name":"Advert","Description":"Advert","PreviewContent":null,"NestedComponents":[],"Style":".loading-shade.layout-overlay {}\n.advert-page.layout-container {}\n.page-title.layout-text {}\n.store-carousel.layout-container {}\n.slider-item.layout-item {}\n.store-logo.layout-image {}\n.store-name.layout-text {}\n.view-store-btn.layout-button {}\n.view-store-btn.layout-button:hover {}\n.nav-prev.layout-button {}\n.nav-prev.layout-button:hover {}\n.nav-next.layout-button {}\n.nav-next.layout-button:hover {}\n.products-section.layout-container {}\n.search-bar.layout-container {}\n.product-list.layout-content {}\n.product-image.layout-container {}\n.product-info.layout-container {}\n.product-name.layout-text {}\n.product-price.layout-group {}\n.discount.layout-text {}\n.min-price.layout-text {}\n.max-price.layout-text {}\n.product-options.layout-container {}\n.button-group.layout-container {}\n.view-btn.layout-button {}\n.view-btn.layout-button:hover {}\n.load-more-btn.layout-button {}\n.load-more-btn.layout-button:hover {}","UIElements":{},"DataState":"Changed"},{"Name":"UserInfo","Description":"Display current user details and allows change of password","PreviewContent":null,"NestedComponents":[],"Style":".loading-shade.layout-overlay {}\n.user-info-page.layout-container {}\n.icon-group.layout-group {}\n.text-group.layout-group {}\n.page-title.layout-text {}\n.name-row.layout-row {}\n.email-row.layout-row {}\n.phone-row.layout-row {}\n.country-code.layout-group {}\n.loading-spinner.layout-container {}\n.country-popup.dialog-pop-up.layout-dialog {}\n.popup-option.dialog-pop-up-item.layout-button {}\n.popup-option.dialog-pop-up-item.layout-button:hover {}\n.phone {}\n.password-row.layout-row {}\n.button-group.layout-container {}\n.spinner-group.layout-group {}","UIElements":{},"DataState":"Changed"},{"Name":"AddressView","Description":"Displays a read-only view of an address","PreviewContent":null,"NestedComponents":[],"Style":".layout-container.theme-container {}\n.address-header.layout-header {}\n.layout-text.theme--text {}\n.address-street-item {}\n.lga.layout-item {}\n.country.layout-item {}\n.phone-number-item {}","UIElements":{},"DataState":"Changed"},{"Name":"FlatCategoryMenu","Description":"Allows level by level display of product category","PreviewContent":null,"NestedComponents":[],"Style":".flat-category-menu {}\n.category-list.layout-list {}\n.category-item.layout-item {}\n.category-body.layout-group {}\n.category-image.layout-container {}","UIElements":{},"DataState":"Changed"},{"Name":"PrivacySetting","Description":"Privacy Setting","PreviewContent":null,"NestedComponents":[],"Style":".privacy-settings.layout-container {}\n.privacy-message.layout-content {}\n.button-group.layout-container {}\n.accept-btn.layout-button {}\n.accept-btn.layout-button:hover {}","UIElements":{},"DataState":"Changed"},{"Name":"ProductSellers","Description":"Displays prices per seller for a product that is sold by multiple sellers","PreviewContent":null,"NestedComponents":[],"Style":".product-sellers.layout-container {}\n.product-overview.layout-content {}\n.product-image {}\n.product-details {}\n.product-name.layout-text {}\n.product-stock.layout-text {}\n.product-sku.layout-group {}\n.seller-band.layout-content {}\n.seller-details {}\n.seller-pricing.layout-group {}\n.price-range.layout-group {}\n.min-price.layout-text {}\n.max-price.layout-text {}\n.seller-name.layout-group {}\n.seller-link.layout-link {}\n.seller-link.layout-link:hover {}","UIElements":{},"DataState":"Changed"},{"Name":"ValidateUser","Description":"Validate User","PreviewContent":null,"NestedComponents":[],"Style":".validate-user.layout-container {}\n.success-state.layout-content {}\n.error-state.layout-content {}","UIElements":{},"DataState":"Changed"},{"Name":"ColorPicker","Description":"Color Picker","PreviewContent":null,"NestedComponents":[],"Style":".color-picker.layout-container {}\n.color-label.layout-label {}\n.color-btn.layout-button {}\n.color-btn.layout-button:hover {}\n.color-btn-inline {}","UIElements":{},"DataState":"Changed"},{"Name":"FullDisplayMenu","Description":"Full Display Menu","PreviewContent":null,"NestedComponents":[],"Style":".full-display-category-menu.layout-container {}\n.category-list.layout-list {}\n.category-item.layout-item {}\n.category-image.layout-container {}\n.submenu-wrapper.layout-container {}\n.submenu.layout-container {}","UIElements":{},"DataState":"Changed"},{"Name":"SellerRibbon","Description":"Seller Ribbon","PreviewContent":null,"NestedComponents":["SellerSummary"],"Style":".loading-shade.layout-overlay {}\n.seller-ribbon.layout-container {}\n.ribbon-title.layout-text {}\n.slider-item.layout-item {}\n.nav-prev.layout-button {}\n.nav-prev.layout-button:hover {}\n.nav-next.layout-button {}\n.nav-next.layout-button:hover {}","UIElements":{},"DataState":"Changed"},{"Name":"ModeOfPayment","Description":"Allows selection of a payment method at checkout","PreviewContent":null,"NestedComponents":[],"Style":".ontainer.payment-methods.layout-container {}\n.payment-option.layout-item {}\n.payment-logo.layout-image {}\n.payment-label.layout-text {}","UIElements":{},"DataState":"Changed"},{"Name":"RoundedCategoryMenu","Description":"Allows display of product category","PreviewContent":null,"NestedComponents":[],"Style":".rounded-category-menu.layout-container {}\n.category-list.layout-list {}\n.category-item.layout-item {}","UIElements":{},"DataState":"Changed"},{"Name":"DonateCart","Description":"Displays pending donation cart items with amount adjustment and checkout","PreviewContent":null,"NestedComponents":[],"Style":".donate-cart-container.layout-container {}\n.donate-header.layout-header {}\n.donate-title.layout-text {}\n.donate-details.layout-group {}\n.donate-product-row.layout-group {}\n.donate-price-row.layout-group {}\n.donate-amount-input.layout-group {}\n.donate-amount-label.layout-label {}\n.donate-amount-field.layout-input {}\n.donate-actions.layout-group {}\n.default-button.cart-summary-button.donate-cancel-button.layout-button {}\n.default-button.cart-summary-button.donate-cancel-button.layout-button:hover {}\n.cart-button-content.layout-content {}\n.cart-summary-button.donate-checkout-button.layout-button {}\n.cart-summary-button.donate-checkout-button.layout-button:hover {}\n.empty-donate-cart.layout-container {}\n.empty-donate-title.layout-text {}","UIElements":{},"DataState":"Changed"},{"Name":"SignUp","Description":"Allows creation of new user account","PreviewContent":"

\n \n

\n \n \n \n \n

","NestedComponents":[],"Style":".user-signup-container{\n\n }\n .user-signup-header{\n \n }\n .user-signup-caption{\n \n }\n .user-signup-content{\n \n }\n .user-signin-container{\n\n }\n .user-signup-button-container{\n\n }\n user-signup-button{\n\n }","UIElements":{},"DataState":"Changed"},{"Name":"SellerSummary","Description":"Seller Summary","PreviewContent":null,"NestedComponents":[],"Style":".seller-logo.layout-container {}\n.seller-info.layout-container {}\n.seller-name.layout-text {}\n.seller-caption.layout-text {}","UIElements":{},"DataState":"Changed"},{"Name":"WalletFundDialog","Description":"Allows funding of the user wallet","PreviewContent":null,"NestedComponents":[],"Style":".fund-wallet-dialog.layout-container {}\n.dialog-title.layout-text {}\n.wallet-fund-dialog-content.layout-content {}\n.wallet-fund-dialog-item-container.layout-item {}\n.wallet-fund-dialog-item.layout-item {}\n.item-caption.wallet-fund-dialog-item-caption {}\n.wallet-fund-amount-input {}\n.note-text.layout-text {}\n.wallet-fund-fee-breakdown {}\n.wallet-fund-fee-item.wallet-fund-fee-total.layout-item {}\n.item-caption.wallet-fund-fee-caption {}\n.item-value.wallet-fund-fee-value {}\n.button-group.layout-container {}\n.cancel-btn.layout-button {}\n.cancel-btn.layout-button:hover {}\n.pay-btn.layout-button {}\n.pay-btn.layout-button:hover {}","UIElements":{},"DataState":"Changed"}],"ComponentStyles":[{"ParentTheme":"midstate","Name":"AIChat","Style":".ai-chat-container{\r\n }\r\n\r\n .ai-chat-button{\r\n }\r\n\r\n .ai-chat-button:hover{\r\n }\r\n\r\n .ai-chat-button-icon{\r\n }\r\n\r\n .ai-chat-window{\r\n }\r\n\r\n .ai-chat-header{\r\n }\r\n\r\n .ai-chat-title{\r\n }\r\n\r\n .ai-chat-close{\r\n }\r\n\r\n .ai-chat-messages{\r\n }\r\n\r\n .ai-chat-message{\r\n }\r\n\r\n .ai-chat-message-user{\r\n }\r\n\r\n .ai-chat-message-assistant{\r\n }\r\n\r\n .ai-chat-typing{\r\n }\r\n\r\n .ai-chat-input-container{\r\n }\r\n\r\n .ai-chat-input{\r\n }\r\n\r\n .ai-chat-input:focus{\r\n }\r\n\r\n .ai-chat-send{\r\n }\r\n\r\n .ai-chat-send:hover{\r\n }\r\n\r\n .ai-chat-send:disabled{\r\n }\r\n\r\n .ai-chat-progress{\r\n }\r\n\r\n .ai-chat-progress-bar{\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .ai-chat-window{\r\n }\r\n }","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"Advert","Style":"/* Advert Page Container */\n.advert-page.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-2xl, 48px);\n max-width: var(--container-xl, 1200px);\n margin: 0 auto;\n padding: var(--space-xl, 32px) var(--space-md, 16px);\n background-color: var(--white, #fff);\n position: relative;\n}\n\n.advert-page .layout-header {\n padding-bottom: var(--space-md, 16px);\n border-bottom: 2px solid var(--gray-light, #f5f5f5);\n margin-bottom: 0;\n}\n\n.advert-page .page-title.layout-text {\n font-size: var(--font-3xl, 30px);\n font-weight: var(--weight-bold, 700);\n color: var(--black, #000);\n}\n\n.advert-page > .layout-content {\n display: flex;\n flex-direction: column;\n gap: var(--space-2xl, 48px);\n padding: 0;\n}\n\n/* Store Carousel Section */\n.store-carousel.layout-container {\n position: relative;\n padding: var(--space-lg, 24px);\n background-color: var(--gray-light, #f5f5f5);\n border-radius: var(--radius-lg, 10px);\n border: 1px solid var(--border, #e0e0e0);\n}\n\n.store-carousel .layout-carousel {\n overflow: hidden;\n padding: var(--space-md, 16px) 0;\n}\n\n.store-carousel .slider-item.layout-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--space-md, 16px);\n padding: var(--space-lg, 24px);\n background-color: var(--white, #fff);\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n border-radius: var(--radius-md, 5px);\n border: 1px solid var(--border, #e0e0e0);\n position: relative;\n min-height: 250px;\n}\n\n.store-carousel .slider-item.layout-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(255, 255, 255, 0.9);\n border-radius: var(--radius-md, 5px);\n z-index: 0;\n}\n\n.store-carousel .slider-item.layout-item > * {\n position: relative;\n z-index: 1;\n}\n\n.store-carousel .slider-item button {\n background: none;\n border: none;\n cursor: pointer;\n transition: transform var(--transition-fast, 150ms);\n}\n\n.store-carousel .slider-item button:hover {\n transform: scale(1.05);\n}\n\n.store-carousel .store-logo.layout-image {\n width: 120px;\n height: 120px;\n object-fit: contain;\n border-radius: var(--radius-md, 5px);\n border: 1px solid var(--border, #e0e0e0);\n background-color: var(--white, #fff);\n}\n\n.store-carousel .store-name.layout-text {\n font-size: var(--font-lg, 18px);\n font-weight: var(--weight-semibold, 600);\n color: var(--black, #000);\n text-align: center;\n}\n\n.store-carousel .view-store-btn.layout-button {\n padding: var(--space-sm, 10px) var(--space-lg, 24px);\n background-color: var(--black, #000);\n color: var(--white, #fff);\n border: 2px solid var(--black, #000);\n border-radius: var(--radius-md, 5px);\n font-weight: var(--weight-semibold, 600);\n cursor: pointer;\n transition: all var(--transition-fast, 150ms);\n}\n\n.store-carousel .view-store-btn.layout-button:hover {\n background-color: var(--gray-dark, #333);\n border-color: var(--gray-dark, #333);\n}\n\n/* Navigation Buttons */\n.store-carousel .nav-prev.layout-button,\n.store-carousel .nav-next.layout-button {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: 10;\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: 50%;\n width: 48px;\n height: 48px;\n min-width: 48px;\n padding: var(--space-xs, 8px);\n box-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.1));\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all var(--transition-fast, 150ms);\n}\n\n.store-carousel .nav-prev.layout-button:hover,\n.store-carousel .nav-next.layout-button:hover {\n background-color: var(--black, #000);\n color: var(--white, #fff);\n border-color: var(--black, #000);\n}\n\n.store-carousel .nav-prev.layout-button {\n left: var(--space-md, 16px);\n}\n\n.store-carousel .nav-next.layout-button {\n right: var(--space-md, 16px);\n}\n\n/* Products Section */\n.products-section.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-xl, 32px);\n}\n\n/* Search Bar */\n.products-section .search-bar.layout-container {\n display: flex;\n padding: 0;\n}\n\n.products-section .search-bar .layout-field {\n width: 100%;\n padding: var(--space-md, 14px) var(--space-lg, 24px);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n font-size: var(--font-base, 16px);\n background-color: var(--white, #fff);\n}\n\n.products-section .search-bar .layout-field:focus {\n border-color: var(--gray-dark, #666);\n outline: none;\n}\n\n/* Product List */\n.products-section .product-list.layout-content {\n display: flex;\n flex-direction: column;\n gap: var(--space-xl, 32px);\n padding: 0;\n}\n\n.products-section .layout-products-grid.layout-container {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n gap: var(--space-lg, 24px);\n}\n\n/* Product Card */\n.products-section .product-card.layout-item {\n display: flex;\n flex-direction: column;\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n border-radius: var(--radius-lg, 10px);\n border: 1px solid var(--border, #e0e0e0);\n overflow: hidden;\n position: relative;\n transition: all var(--transition-base, 300ms);\n}\n\n.products-section .product-card.layout-item::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0.95));\n z-index: 0;\n}\n\n.products-section .product-card.layout-item:hover {\n box-shadow: var(--shadow-lg, 0 10px 15px rgba(0, 0, 0, 0.1));\n transform: translateY(-4px);\n border-color: var(--gray-medium, #999);\n}\n\n.products-section .product-card.layout-item > * {\n position: relative;\n z-index: 1;\n}\n\n/* Product Image */\n.products-section .product-image.layout-container {\n width: 100%;\n aspect-ratio: 1 / 1;\n background-color: var(--white, #fff);\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n}\n\n.products-section .product-image .layout-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n/* Product Info */\n.products-section .product-info.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-sm, 8px);\n padding: var(--space-md, 16px);\n background-color: var(--white, #fff);\n}\n\n.products-section .product-name.layout-text {\n font-size: var(--font-base, 16px);\n font-weight: var(--weight-semibold, 600);\n color: var(--black, #000);\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n}\n\n/* Product Price */\n.products-section .product-price.layout-group {\n display: flex;\n align-items: baseline;\n gap: var(--space-xs, 6px);\n flex-wrap: wrap;\n}\n\n.products-section .discount.layout-text {\n font-size: var(--font-sm, 14px);\n color: var(--gray-medium, #999);\n text-decoration: line-through;\n}\n\n.products-section .min-price.layout-text {\n font-size: var(--font-lg, 18px);\n font-weight: var(--weight-bold, 700);\n color: var(--black, #000);\n}\n\n.products-section .max-price.layout-text {\n font-size: var(--font-base, 16px);\n font-weight: var(--weight-semibold, 600);\n color: var(--black, #000);\n}\n\n/* Product Options */\n.products-section .product-options.layout-container {\n min-height: 24px;\n}\n\n/* Button Group */\n.products-section .button-group.layout-container {\n display: flex;\n margin-top: auto;\n}\n\n.products-section .view-btn.layout-button {\n width: 100%;\n padding: var(--space-sm, 10px) var(--space-md, 16px);\n background-color: var(--black, #000);\n color: var(--white, #fff);\n border: 2px solid var(--black, #000);\n border-radius: var(--radius-md, 5px);\n font-weight: var(--weight-semibold, 600);\n cursor: pointer;\n transition: all var(--transition-fast, 150ms);\n}\n\n.products-section .view-btn.layout-button:hover {\n background-color: var(--gray-dark, #333);\n border-color: var(--gray-dark, #333);\n}\n\n/* Load More Button */\n.products-section .load-more-btn.layout-button {\n padding: var(--space-sm, 12px) var(--space-xl, 48px);\n background-color: var(--white, #fff);\n border: 2px solid var(--border, #e0e0e0);\n font-weight: var(--weight-medium, 500);\n cursor: pointer;\n border-radius: var(--radius-md, 5px);\n}\n\n.products-section .load-more-btn.layout-button:hover {\n background-color: var(--gray-light, #f5f5f5);\n border-color: var(--gray-dark, #666);\n}\n\n.products-section .load-more-btn.layout-button:disabled {\n background-color: var(--gray-light, #f5f5f5);\n color: var(--gray-medium, #999);\n cursor: not-allowed;\n opacity: 0.6;\n}\n\n/* Loading Shade */\n.advert-page .loading-shade.layout-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(255, 255, 255, 0.9);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"AttributeValueText","Style":"/* Options Container */\n.theme-options-container.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-lg, 24px);\n padding: var(--space-md, 16px) 0;\n}\n\n/* Non-Color Attribute Option Item */\n.theme-attribute-option-item.layout-item {\n display: flex;\n flex-direction: column;\n gap: var(--space-sm, 8px);\n}\n\n.theme-attribute-label.layout-label {\n font-size: var(--font-sm, 14px);\n font-weight: var(--weight-semibold, 600);\n color: var(--black, #000);\n margin-bottom: var(--space-xs, 4px);\n}\n\n.theme-attribute-option-item mat-button-toggle-group {\n display: flex;\n flex-wrap: wrap;\n gap: var(--space-sm, 8px);\n border: none;\n}\n\n.theme-attribute-value-group.layout-group {\n display: inline-flex;\n}\n\n.theme-attribute-value-button.layout-toggle-button {\n padding: var(--space-sm, 8px) var(--space-md, 16px);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n background-color: var(--white, #fff);\n color: var(--black, #000);\n font-size: var(--font-sm, 14px);\n font-weight: var(--weight-normal, 400);\n cursor: pointer;\n transition: all var(--transition-fast, 150ms);\n}\n\n.theme-attribute-value-button.layout-toggle-button:hover {\n background-color: var(--gray-light, #f5f5f5);\n border-color: var(--gray-dark, #666);\n}\n\n.theme-attribute-value-button.layout-toggle-button.mat-button-toggle-checked {\n background-color: var(--black, #000);\n color: var(--white, #fff);\n border-color: var(--black, #000);\n font-weight: var(--weight-semibold, 600);\n}\n\n/* Color Attribute Option Item */\n.theme-attribute-color-item.layout-item {\n display: flex;\n flex-direction: column;\n gap: var(--space-sm, 8px);\n}\n\n.theme-color-toggle-group.layout-toggle-group {\n display: flex;\n flex-wrap: wrap;\n gap: var(--space-sm, 8px);\n border: none;\n}\n\n.theme-color-toggle-group mat-button-toggle {\n padding: var(--space-xs, 4px);\n border: 2px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n background-color: var(--white, #fff);\n cursor: pointer;\n transition: all var(--transition-fast, 150ms);\n}\n\n.theme-color-toggle-group mat-button-toggle:hover {\n border-color: var(--gray-dark, #666);\n transform: scale(1.05);\n}\n\n.theme-color-toggle-group mat-button-toggle.mat-button-toggle-checked {\n border-color: var(--black, #000);\n border-width: 3px;\n transform: scale(1.1);\n}\n\n.theme-color-value.layout-value {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n/* Simple Color Item (without toggle) */\n.theme-simple-color-item.layout-item {\n display: flex;\n align-items: center;\n gap: var(--space-sm, 8px);\n}\n\n.theme-simple-color-value.layout-value {\n display: inline-flex;\n margin-right: var(--space-xs, 4px);\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"CartCounter","Style":"/* ==========================================\n CART COUNTER COMPONENT\n ========================================== */\n\n/* Cart Counter Container */\n.cart-counter {\n display: flex;\n gap: 0;\n align-items: center;\n position: relative;\n}\n\n\n.cart-btn-group.layout-group {\n display: flex;\n}\n\n.cart-counter-btn.layout-button {\n position: relative;\n padding: var(--space-sm, 8px) var(--space-md, 16px);\n display: flex;\n align-items: center;\n gap: var(--space-sm, 8px);\n border-radius: var(--radius-md, 5px) 0 0 var(--radius-md, 5px);\n}\n\n.cart-loading.layout-content {\n display: flex;\n align-items: center;\n gap: var(--space-xs, 4px);\n padding: 0;\n}\n\n.cart-badge.layout-icon {\n position: relative;\n}\n.cart-counter dialog button{\n background: none;\n display: flex;\n justify-content: start;\n font-size: var(--font-sm);\n padding: var(--space-sm) var(--space-sm);\n}\n.cart-counter dialog button:hover{\n background: var(--gray-light);\n}\n\n/* Cart Menu Group */\n.cart-menu-group.layout-group {\n display: flex;\n border-left: 1px solid var(--border, #e0e0e0);\n}\n\n.cart-menu-trigger.layout-button {\n padding: var(--space-sm, 8px);\n border-radius: 0 var(--radius-md, 5px) var(--radius-md, 5px) 0;\n min-width: 40px;\n}\n\n.expand-icon.layout-icon {\n transition: transform var(--transition-fast, 150ms);\n}\n\n.cart-menu-trigger.layout-button:hover .expand-icon.layout-icon {\n transform: rotate(180deg);\n}\n\n.cart-menu-item.layout-button {\n width: 100%;\n justify-content: flex-start;\n padding: var(--space-sm, 10px) var(--space-md, 16px);\n gap: var(--space-sm, 8px);\n}\n\n.cart-menu-item.layout-button:hover {\n background-color: var(--gray-light, #f5f5f5);\n}\n\n\n\n\n/* ==========================================\n RESPONSIVE: CART COUNTER (MOBILE)\n ========================================== */\n\n@media (max-width: 768px) {\n /* Hide ONLY text inside the main cart button */\n .cart-counter-btn.layout-button span {\n display: none;\n }\n .cart-counter-btn.layout-button{\n border-radius: var(--radius-md, 5px) ;\n }\n\n /* Keep icon + badge nicely centered */\n .cart-counter-btn.layout-button {\n padding: var(--space-sm, 8px);\n gap: 0;\n justify-content: center;\n }\n\n /* Optional: tighten icon alignment */\n .cart-loading.layout-content {\n gap: 0;\n }\n}\n@media (max-width: 480px) {\n .cart-menu-trigger.layout-button {\n padding: var(--space-sm, 8px);\n border-radius: var(--radius-md, 5px);\n min-width: 40px;\n}\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"CartDetail","Style":"/* ==========================================\n CART DETAIL COMPONENT\n ========================================== */\n\n/* Cart Detail Container */\n.cart-detail.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-xl, 32px);\n max-width: var(--container-xl, 1200px);\n margin: 0 auto;\n padding: var(--space-xl, 32px) var(--space-md, 16px);\n background-color: var(--white, #fff);\n}\n\n/* Cart Header */\n.cart-header.layout-header {\n padding-bottom: var(--space-md, 16px);\n border-bottom: 2px solid var(--gray-light, #f5f5f5);\n margin-bottom: 0;\n}\n\n.cart-title.layout-text {\n font-size: var(--font-3xl, 30px);\n font-weight: var(--weight-bold, 700);\n color: var(--black, #000);\n}\n\n/* Cart Content */\n.cart-content.layout-content {\n padding: 0;\n}\n\n/* Cart Table Container */\n.cart-table.layout-container {\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-lg, 10px);\n overflow: hidden;\n}\n\n.cart-table .layout-table {\n width: 100%;\n}\n\n/* Product Info in Table */\n.product-image.layout-group {\n display: inline-flex;\n width: 80px;\n height: 80px;\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n overflow: hidden;\n background-color: var(--gray-light, #f5f5f5);\n margin-right: var(--space-md, 16px);\n vertical-align: middle;\n}\n\n.product-image .layout-media {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.product-info.layout-group {\n display: inline-flex;\n flex-direction: column;\n gap: var(--space-xs, 4px);\n vertical-align: middle;\n}\n\n.product-name.layout-text {\n font-size: var(--font-base, 16px);\n font-weight: var(--weight-semibold, 600);\n color: var(--black, #000);\n}\n\n/* Bundle/Configurable Buttons */\n.product-bundle.layout-container,\n.product-configurable.layout-container {\n display: inline-flex;\n margin-top: var(--space-xs, 4px);\n}\n\n.bundle-view.layout-button,\n.configurable-btn.layout-button {\n padding: var(--space-xs, 6px) var(--space-sm, 12px);\n font-size: var(--font-sm, 14px);\n border: 1px solid var(--border, #e0e0e0);\n background-color: var(--white, #fff);\n display: flex;\n align-items: center;\n gap: var(--space-xs, 4px);\n}\n\n.bundle-view.layout-button:hover,\n.configurable-btn.layout-button:hover {\n background-color: var(--gray-light, #f5f5f5);\n border-color: var(--gray-dark, #666);\n}\n\n.bundle-status.layout-text {\n font-weight: var(--weight-normal, 400);\n color: var(--gray-dark, #666);\n}\n\n.bundle-count.layout-value {\n font-weight: var(--weight-semibold, 600);\n color: var(--black, #000);\n}\n\n/* Quantity Control */\n.qty-control.layout-container {\n display: flex;\n align-items: center;\n gap: var(--space-xs, 4px);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n background-color: var(--white, #fff);\n width: fit-content;\n}\n\n.qty-decrease.layout-group,\n.qty-increase.layout-group {\n display: flex;\n}\n\n.qty-decrease .layout-button,\n.qty-increase .layout-button {\n padding: var(--space-xs, 6px);\n min-width: 36px;\n min-height: 36px;\n border: none;\n background-color: transparent;\n border-radius: 0;\n}\n\n.qty-decrease .layout-button:hover,\n.qty-increase .layout-button:hover {\n background-color: var(--gray-light, #f5f5f5);\n}\n\n.qty-input.layout-group {\n display: flex;\n}\n\n.qty-input .layout-field {\n width: 60px;\n text-align: center;\n border: none;\n border-left: 1px solid var(--border, #e0e0e0);\n border-right: 1px solid var(--border, #e0e0e0);\n border-radius: 0;\n padding: var(--space-xs, 6px);\n font-weight: var(--weight-semibold, 600);\n}\n\n.qty-input .layout-field:focus {\n border-left: 1px solid var(--border, #e0e0e0);\n border-right: 1px solid var(--border, #e0e0e0);\n}\n\n/* Action Buttons in Table */\n.form-btn.layout-button,\n.delete-btn.layout-button {\n padding: var(--space-xs, 6px) var(--space-sm, 12px);\n font-size: var(--font-sm, 14px);\n gap: var(--space-xs, 4px);\n}\n\n.delete-btn.layout-button {\n border-color: var(--gray-medium, #999);\n}\n\n.delete-btn.layout-button:hover {\n background-color: var(--gray-light, #f5f5f5);\n border-color: var(--black, #000);\n}\n\n/* Empty Cart State */\n.empty-cart.layout-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: var(--space-lg, 24px);\n padding: var(--space-2xl, 80px) var(--space-lg, 24px);\n background-color: var(--gray-light, #f5f5f5);\n border-radius: var(--radius-lg, 10px);\n}\n\n.empty-cart .cart-icon.layout-group {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 80px;\n height: 80px;\n border-radius: 50%;\n background-color: var(--white, #fff);\n border: 2px solid var(--border, #e0e0e0);\n}\n\n.empty-cart .cart-icon .layout-icon {\n font-size: 48px;\n width: 48px;\n height: 48px;\n color: var(--gray-medium, #999);\n}\n\n.empty-message.layout-text {\n font-size: var(--font-xl, 20px);\n font-weight: var(--weight-medium, 500);\n color: var(--gray-dark, #666);\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"CartSummary","Style":"/* ==========================================\n CART SUMMARY COMPONENT\n ========================================== */\n\n/* Cart Summary Container */\n.cart-summary.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-lg, 24px);\n padding: var(--space-lg, 24px);\n background-color: var(--gray-light, #f5f5f5);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-lg, 10px);\n position: sticky;\n top: var(--space-lg, 24px);\n width: 100%;\n}\n\n.summary-header.layout-header {\n padding-bottom: var(--space-md, 16px);\n border-bottom: 2px solid var(--border, #e0e0e0);\n margin-bottom: 0;\n}\n\n.summary-header .layout-caption {\n font-size: var(--font-xl, 20px);\n font-weight: var(--weight-bold, 700);\n color: var(--black, #000);\n margin-bottom: 0;\n}\n\n.summary-content.layout-content {\n display: flex;\n flex-direction: column;\n gap: var(--space-sm, 8px);\n padding: 0;\n}\n\n.cart-summary hr {\n border: none;\n border-top: 1px solid var(--border, #e0e0e0);\n margin: var(--space-sm, 8px) 0;\n}\n.summary-button{\n padding-top: var(--space-lg);\n}\n\n.summary-button button {\n width: 100%;\n padding: var(--space-md, 14px) var(--space-lg, 24px);\n background-color: var(--black, #000);\n color: var(--white, #fff);\n border: 2px solid var(--black, #000);\n border-radius: var(--radius-md, 5px);\n cursor: pointer;\n transition: all var(--transition-base, 300ms);\n}\n\n.summary-button button:hover {\n background-color: var(--gray-dark, #333);\n border-color: var(--gray-dark, #333);\n}\n\n.summary-button button:disabled {\n background-color: var(--gray-medium, #999);\n border-color: var(--gray-medium, #999);\n cursor: not-allowed;\n opacity: 0.6;\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"CategoryHeader","Style":"/* ==========================================\n CATEGORY HEADER COMPONENT\n ========================================== */\n\n/* Outer wrapper */\n.category-header {\n display: flex;\n flex-direction: column;\n gap: var(--layout-spacing-md, 1rem);\n width: 100%;\n box-sizing: border-box;\n}\n\n/* Breadcrumb header (ParentName > CategoryName) */\n.layout-container.category-header > .layout-header {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--layout-spacing-xs, 0.25rem);\n flex-wrap: wrap;\n padding: var(--layout-spacing-sm, 0.5rem) var(--layout-spacing-md, 1rem);\n}\n\n.layout-caption.parent-name,\n.layout-caption.category-name {\n display: inline-block;\n}\n\n.layout-separator {\n display: inline-block;\n padding: 0 var(--layout-spacing-xs, 0.25rem);\n}\n\n/* Carousel content wrapper */\n.layout-content {\n position: relative;\n overflow: hidden;\n width: 100%;\n}\n\n/* ngu-carousel host */\n.layout-carousel {\n display: block;\n position: relative;\n width: 100%;\n overflow: hidden;\n}\n\n/* Individual slide item */\n.layout-item.slider-item {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n overflow: hidden;\n}\n\n/* Slide image */\n.layout-image.slider-img {\n display: block;\n width: 100%;\n height: var(--layout-carousel-height, 320px);\n object-fit: cover;\n object-position: center;\n}\n\n/* Prev / Next nav buttons */\n.slider-nav-right,\n.slider-nav-left {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: var(--layout-z-carousel-nav, 10);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: var(--layout-spacing-sm, 0.5rem);\n cursor: pointer;\n border: none;\n box-sizing: border-box;\n}\n\n.slider-nav-right {\n right: var(--layout-spacing-sm, 0.5rem);\n}\n.slider-nav-left {\n left: var(--layout-spacing-sm, 0.5rem);\n}\n\n/* Dot indicators list */\n.layout-list.carousel-points {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: var(--layout-spacing-xs, 0.25rem);\n list-style: none;\n margin: 0;\n position: absolute;\n bottom: var(--layout-spacing-sm, 0.5rem);\n left: 0;\n right: 0;\n}\n\n/* Single dot */\n.layout-item.carousel-point {\n width: var(--layout-dot-size, 8px);\n height: var(--layout-dot-size, 8px);\n border-radius: 50%;\n cursor: pointer;\n box-sizing: border-box;\n transition: transform 0.2s ease;\n}\n\n.layout-item.carousel-point.active {\n transform: scale(1.35);\n}\n\n\n/* ==========================================\n RESPONSIVE — 1200px (wide desktop)\n Slight height trim; no structural change.\n ========================================== */\n@media (max-width: 1200px) {\n .layout-image.slider-img {\n height: var(--layout-carousel-height-xl, 280px);\n }\n}\n\n\n/* ==========================================\n RESPONSIVE — 1024px (desktop/tablet edge)\n Height reduces; nav buttons pull inward.\n ========================================== */\n@media (max-width: 1024px) {\n .layout-image.slider-img {\n height: var(--layout-carousel-height-lg, 240px);\n }\n\n .slider-nav-right,\n .slider-nav-left {\n padding: var(--layout-spacing-xs, 0.25rem);\n }\n\n .layout-container.category-header > .layout-header {\n padding: var(--layout-spacing-xs, 0.25rem) var(--layout-spacing-sm, 0.5rem);\n }\n}\n\n\n/* ==========================================\n RESPONSIVE — 768px (tablet)\n Height drops further; dots shift slightly\n upward to stay clear of shorter images.\n ========================================== */\n@media (max-width: 768px) {\n .category-header {\n gap: var(--layout-spacing-sm, 0.5rem);\n }\n\n .layout-image.slider-img {\n height: var(--layout-carousel-height-md, 200px);\n }\n\n .slider-nav-right,\n .slider-nav-left {\n padding: var(--layout-spacing-xs, 0.25rem);\n }\n\n .layout-list.carousel-points {\n bottom: var(--layout-spacing-xs, 0.25rem);\n gap: calc(var(--layout-spacing-xs, 0.25rem) / 2);\n }\n\n .layout-item.carousel-point {\n width: calc(var(--layout-dot-size, 8px) * 0.85);\n height: calc(var(--layout-dot-size, 8px) * 0.85);\n }\n}\n\n\n/* ==========================================\n RESPONSIVE — 480px (mobile)\n Compact height; nav buttons tighten to\n edges; breadcrumb wraps naturally.\n ========================================== */\n@media (max-width: 480px) {\n .category-header {\n gap: var(--layout-spacing-xs, 0.25rem);\n }\n\n .layout-container.category-header > .layout-header {\n padding: var(--layout-spacing-xs, 0.25rem) var(--layout-spacing-sm, 0.5rem);\n gap: 0;\n }\n\n .layout-separator {\n padding: 0 calc(var(--layout-spacing-xs, 0.25rem) / 2);\n }\n\n .layout-image.slider-img {\n height: var(--layout-carousel-height-sm, 160px);\n }\n\n .slider-nav-right {\n right: calc(var(--layout-spacing-sm, 0.5rem) / 2);\n }\n\n .slider-nav-left {\n left: calc(var(--layout-spacing-sm, 0.5rem) / 2);\n }\n\n .layout-list.carousel-points {\n bottom: calc(var(--layout-spacing-xs, 0.25rem) / 2);\n }\n\n .layout-item.carousel-point {\n width: calc(var(--layout-dot-size, 8px) * 0.75);\n height: calc(var(--layout-dot-size, 8px) * 0.75);\n }\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"CategoryMenu","Style":".layout-page-container.theme-category-menu-container {\n position: relative;\n display: inline-block;\n}\n\n/* Menu Trigger Button */\n.layout-menu-trigger-button.theme-category-menu-button {\n display: flex;\n align-items: center;\n gap: var(--space-sm, 8px);\n padding: 0px;\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n cursor: pointer;\n font-size: var(--font-base, 16px);\n font-weight: var(--weight-medium, 500);\n color: var(--black, #000);\n transition: all var(--transition-fast, 150ms);\n height: fit-content;\n}\n\n.layout-menu-trigger-button.theme-category-menu-button:hover {\n background-color: var(--gray-light, #f5f5f5);\n border-color: var(--gray-dark, #666);\n}\n\n.layout-list-icon.theme-category-menu-list-icon {\n font-size: 24px;\n width: 24px;\n height: 24px;\n color: var(--black, #000);\n}\n\n.layout-expand-icon.theme-category-menu-more-icon {\n font-size: 20px;\n width: 20px;\n height: 20px;\n color: var(--gray-dark, #666);\n transition: transform var(--transition-fast, 150ms);\n}\n\n.layout-menu-trigger-button:hover .layout-expand-icon {\n transform: rotate(180deg);\n}\n\n/* Menu Content */\n.layout-menu-content.theme-category-menu-content {\n position: relative;\n}\n\n/* Menu List */\n.layout-menu-list.theme-category-menu-list {\n list-style: none;\n padding: 0;\n margin: 0;\n min-width: 250px;\n}\n\n/* Menu List Items */\n.layout-list-item.theme-category-menu-list-item {\n position: relative;\n display: flex;\n align-items: center;\n gap: var(--space-sm, 8px);\n padding: var(--space-sm, 10px) var(--space-md, 16px);\n border-bottom: 1px solid var(--border, #e0e0e0);\n transition: background-color var(--transition-fast, 150ms);\n}\n\n.layout-list-item.theme-category-menu-list-item:last-child {\n border-bottom: none;\n}\n\n.layout-list-item.theme-category-menu-list-item:hover {\n background-color: var(--gray-light, #f5f5f5);\n}\n\n/* List Item Icon */\n.layout-list-item-icon.theme-category-menu-list-item-icon {\n font-size: 20px;\n width: 20px;\n height: 20px;\n color: var(--gray-dark, #666);\n flex-shrink: 0;\n}\n\n/* List Item Button */\n.layout-list-item-button.theme-category-menu-list-item-caption-button {\n flex: 1;\n text-align: left;\n background: none;\n border: none;\n padding: 0;\n font-size: var(--font-base, 16px);\n font-weight: var(--weight-normal, 400);\n color: var(--black, #000);\n cursor: pointer;\n transition: color var(--transition-fast, 150ms);\n}\n\n.layout-list-item-button.theme-category-menu-list-item-caption-button:hover {\n color: var(--gray-dark, #666);\n}\n\n.layout-list-item-button.active-menu {\n font-weight: var(--weight-semibold, 600);\n color: var(--black, #000);\n}\n\n.layout-list-item-button.hover-menu {\n color: var(--gray-dark, #666);\n}\n\n/* More Button */\n.layout-list-item-more-button.theme-category-menu-list-item-more-button {\n min-width: 24px;\n width: 24px;\n height: 24px;\n padding: 0;\n background: none;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--gray-medium, #999);\n cursor: pointer;\n flex-shrink: 0;\n}\n\n.layout-list-item-more-button.theme-category-menu-list-item-more-button:hover {\n color: var(--black, #000);\n}\n\n/* Submenu Container */\n.layout-submenu-container.theme-category-menu-list-item-sub-menu-container {\n position: absolute;\n left: 100%;\n top: 0;\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n box-shadow: var(--shadow-lg, 0 10px 15px rgba(0, 0, 0, 0.1));\n z-index: 1000;\n display: flex;\n min-width: 500px;\n}\n\n/* Submenu Content */\n.layout-submenu-content.theme-category-menu-list-item-sub-menu {\n flex: 1;\n padding: var(--space-xs, 4px);\n}\n\n/* Category Image in Submenu */\n.layout-image-container.theme-category-menu-list-item-img-container {\n width: 200px;\n height: 200px;\n flex-shrink: 0;\n overflow: hidden;\n border-left: 1px solid var(--border, #e0e0e0);\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--gray-light, #f5f5f5);\n}\n\n.layout-list-item-image.theme-category-menu-list-item-img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"Checkout","Style":".cart-components{\n display: grid;\n grid-template-columns: 1.8fr 1fr;\n}\n.checkout ~ .layout-overlay,\n.layout-overlay:has(mat-spinner) {\n position: fixed;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: rgba(255, 255, 255, 0.75);\n z-index: var(--z-modal-backdrop, 1040);\n}\n\n\n\n\n\n/*//═══════════════════════════════════════════════════════════════════════════\n// 2. CHECKOUT WRAPPER\n// Two-column grid: left (addresses) | right (summary + payment)\n//═══════════════════════════════════════════════════════════════════════════*/\n\n.checkout.layout-container {\n display: grid;\n grid-template-columns: 1fr 380px;\n grid-template-rows: auto;\n grid-template-areas:\n \"billing summary\"\n \"shipping summary\"\n \"shipping payment\"\n \"shipping cta\";\n gap: var(--space-lg, 24px);\n max-width: var(--container-xl, 1200px);\n margin: 0 auto;\n padding: var(--space-xl, 32px) var(--space-md, 16px);\n align-items: flex-start;\n}\n\n\n/*//═══════════════════════════════════════════════════════════════════════════\n// 3. BILLING SECTION (top-left)\n//═══════════════════════════════════════════════════════════════════════════*/\n\n.billing-section.layout-container {\n grid-area: billing;\n display: flex;\n flex-direction: column;\n gap: var(--space-md, 16px);\n padding: var(--space-lg, 24px);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-lg, 10px);\n background-color: var(--white, #fff);\n}\n\n.billing-section .layout-header {\n margin-bottom: 0;\n padding-bottom: var(--space-sm, 8px);\n border-bottom: 1px solid var(--border, #e0e0e0);\n}\n\n.billing-section .layout-caption {\n font-size: var(--font-lg, 18px);\n font-weight: var(--weight-semibold, 600);\n margin-bottom: 0;\n}\n\n.billing-section .layout-content {\n padding: 0;\n background: none;\n display: flex;\n flex-direction: column;\n gap: var(--space-md, 16px);\n}\n\n\n/*//═══════════════════════════════════════════════════════════════════════════\n// 4. SHIPPING SECTION (bottom-left, spans remaining left rows)\n//═══════════════════════════════════════════════════════════════════════════*/\n\n.shipping-section.layout-container {\n grid-area: shipping;\n display: flex;\n flex-direction: column;\n gap: var(--space-md, 16px);\n padding: var(--space-lg, 24px);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-lg, 10px);\n background-color: var(--white, #fff);\n}\n\n.shipping-section .layout-header {\n margin-bottom: 0;\n padding-bottom: var(--space-sm, 8px);\n border-bottom: 1px solid var(--border, #e0e0e0);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: var(--space-sm, 8px);\n}\n\n.shipping-section .layout-caption {\n font-size: var(--font-lg, 18px);\n font-weight: var(--weight-semibold, 600);\n margin-bottom: 0;\n}\n\n/* \"Same as Billing\" button sits inline with the heading */\n.same-address-btn.layout-button {\n font-size: var(--font-xs, 12px);\n padding: var(--space-xs, 4px) var(--space-sm, 8px);\n height: auto;\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n background-color: var(--white, #fff);\n color: var(--black, #000);\n font-weight: var(--weight-medium, 500);\n white-space: nowrap;\n}\n\n.same-address-btn.layout-button:hover {\n background-color: var(--gray-light, #f5f5f5);\n border-color: var(--gray-dark, #666);\n transform: none;\n border-width: 1px;\n}\n\n.shipping-section .layout-content {\n padding: 0;\n background: none;\n display: flex;\n flex-direction: column;\n gap: var(--space-md, 16px);\n}\n\n\n/*//═══════════════════════════════════════════════════════════════════════════\n// 5. ADDRESS BUTTON GROUP (Add New + Change)\n//═══════════════════════════════════════════════════════════════════════════*/\n\n.button-group.layout-container {\n display: flex;\n flex-direction: row;\n gap: var(--space-sm, 8px);\n align-items: center;\n}\n\n.new-address-btn.layout-button {\n background-color: var(--black, #000);\n color: var(--white, #fff);\n border: 2px solid var(--black, #000);\n font-size: var(--font-sm, 14px);\n padding: var(--space-xs, 6px) var(--space-md, 16px);\n height: 36px;\n border-radius: var(--radius-md, 5px);\n font-weight: var(--weight-semibold, 600);\n}\n\n.new-address-btn.layout-button:hover {\n background-color: var(--gray-dark, #333);\n border-color: var(--gray-dark, #333);\n transform: none;\n}\n\n.change-address-btn.layout-button {\n background-color: var(--white, #fff);\n color: var(--black, #000);\n border: 1px solid var(--border, #e0e0e0);\n font-size: var(--font-sm, 14px);\n padding: var(--space-xs, 6px) var(--space-md, 16px);\n height: 36px;\n border-radius: var(--radius-md, 5px);\n font-weight: var(--weight-medium, 500);\n}\n\n.change-address-btn.layout-button:hover {\n background-color: var(--gray-light, #f5f5f5);\n border-color: var(--gray-dark, #666);\n transform: none;\n border-width: 1px;\n}\n\n\n/*//═══════════════════════════════════════════════════════════════════════════\n// 6. ORDER SUMMARY ROWS (subtotal, shipping, total)\n// These are direct children of .checkout — grid-area: summary\n// We wrap them visually using a shared card look.\n//═══════════════════════════════════════════════════════════════════════════*/\n\n/* The three summary items + their

dividers all sit in grid-area: summary.\n We use a subgrid trick: wrap them in a single visual card via\n the first summary item establishing the card and items sitting inside.\n Since they're direct children we style each item to form a cohesive block. */\n\n.summary-subtotal.layout-item,\n.summary-shipping.layout-item,\n.summary-total.layout-item {\n grid-column: 2; /* force right column */\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: var(--space-sm, 12px) var(--space-lg, 24px);\n margin: 0;\n}\n\n.summary-subtotal.layout-item {\n border: 1px solid var(--border, #e0e0e0);\n border-bottom: none;\n border-radius: var(--radius-lg, 10px) var(--radius-lg, 10px) 0 0;\n background-color: var(--white, #fff);\n padding-top: var(--space-md, 16px);\n}\n\n.summary-shipping.layout-item {\n border: 1px solid var(--border, #e0e0e0);\n border-top: none;\n border-bottom: none;\n background-color: var(--white, #fff);\n}\n\n.summary-total.layout-item {\n border: 1px solid var(--border, #e0e0e0);\n border-top: 2px solid var(--black, #000);\n border-radius: 0 0 var(--radius-lg, 10px) var(--radius-lg, 10px);\n background-color: var(--white, #fff);\n padding-bottom: var(--space-md, 16px);\n}\n\n/* Hide the

elements — borders on the items handle the dividers */\n.checkout.layout-container > hr {\n display: none;\n}\n\n.summary-subtotal .layout-label,\n.summary-shipping .layout-label {\n font-size: var(--font-sm, 14px);\n font-weight: var(--weight-normal, 400);\n color: var(--gray-dark, #666);\n margin-bottom: 0;\n}\n\n.summary-subtotal .layout-value,\n.summary-shipping .layout-value {\n font-size: var(--font-base, 16px);\n font-weight: var(--weight-semibold, 600);\n color: var(--black, #000);\n}\n\n.summary-total .layout-label {\n font-size: var(--font-base, 16px);\n font-weight: var(--weight-bold, 700);\n color: var(--black, #000);\n margin-bottom: 0;\n}\n\n.summary-total .layout-value {\n font-size: var(--font-xl, 20px);\n font-weight: var(--weight-bold, 700);\n color: var(--black, #000);\n}\n\n\n/*//═══════════════════════════════════════════════════════════════════════════\n// 7. PAYMENT OPTIONS LABEL\n//═══════════════════════════════════════════════════════════════════════════*/\n\n#checkout-options-label {\n grid-column: 2;\n display: block;\n font-size: var(--font-base, 16px);\n font-weight: var(--weight-semibold, 600);\n color: var(--black, #000);\n padding: var(--space-sm, 8px) 0 0 0;\n margin: 0;\n}\n\n\n/*//═══════════════════════════════════════════════════════════════════════════\n// 8. PAYMENT METHOD ROW (wraps cc-mode-of-payment)\n//═══════════════════════════════════════════════════════════════════════════*/\n\n.checkout.layout-container > .layout-row {\n grid-column: 2;\n display: block;\n width: 100%;\n padding: 0;\n margin: 0;\n}\n\n/* Inner row wrapper */\n.checkout.layout-container > .layout-row > .layout-row {\n display: block;\n width: 100%;\n}\n\n/* The payment component itself */\n.checkout.layout-container cc-mode-of-payment {\n display: block;\n width: 100%;\n}\n\n/*\n Payment provider logos — this is the key fix.\n The logos (Flutterwave, Paystack etc.) render inside cc-mode-of-payment.\n We can constrain any img tags inside it to a sensible size.\n*/\n.checkout.layout-container cc-mode-of-payment img {\n max-width: 120px !important;\n max-height: 40px !important;\n width: auto !important;\n height: auto !important;\n object-fit: contain;\n display: block;\n}\n\n/* Each payment option row */\n.checkout.layout-container cc-mode-of-payment .layout-row,\n.checkout.layout-container cc-mode-of-payment .layout-item {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--space-sm, 8px);\n padding: var(--space-sm, 10px) var(--space-md, 16px);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n background-color: var(--white, #fff);\n margin-bottom: var(--space-xs, 4px);\n cursor: pointer;\n}\n\n.checkout.layout-container cc-mode-of-payment .layout-row:hover,\n.checkout.layout-container cc-mode-of-payment .layout-item:hover {\n background-color: var(--gray-light, #f5f5f5);\n border-color: var(--gray-medium, #999);\n}\n\n\n/*//═══════════════════════════════════════════════════════════════════════════\n// 9. CHECKOUT BUTTON CONTAINER\n//═══════════════════════════════════════════════════════════════════════════*/\n\n.checkout-button-container {\n grid-column: 2;\n display: flex;\n flex-direction: column;\n gap: var(--space-sm, 8px);\n padding-bottom: var(--space-lg, 24px);\n}\n\n/* Checkout / Punchout buttons */\n.checkout-button-container > button,\n.punchout-btn.layout-button {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--space-sm, 8px);\n padding: var(--space-md, 14px) var(--space-lg, 24px);\n font-size: var(--font-base, 16px);\n font-weight: var(--weight-semibold, 600);\n border-radius: var(--radius-md, 5px);\n border: 2px solid var(--black, #000);\n background-color: var(--black, #000);\n color: var(--white, #fff);\n cursor: pointer;\n height: auto;\n min-height: 48px;\n}\n\n.checkout-button-container > button:hover:not(:disabled),\n.punchout-btn.layout-button:hover {\n background-color: var(--gray-dark, #333);\n border-color: var(--gray-dark, #333);\n transform: none;\n}\n\n.checkout-button-container > button:disabled {\n background-color: var(--gray-medium, #999);\n border-color: var(--gray-medium, #999);\n color: var(--white, #fff);\n cursor: not-allowed;\n opacity: 0.6;\n}\n\n/* Spinner + label row inside button */\n.spinner-group.layout-group {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n gap: var(--space-sm, 8px);\n}\n\n\n/*//═══════════════════════════════════════════════════════════════════════════\n// 10. RESPONSIVE\n//═══════════════════════════════════════════════════════════════════════════*/\n\n/* ── Tablet: tighten the right column ── */\n@media (max-width: 1024px) {\n .checkout.layout-container {\n grid-template-columns: 1fr 320px;\n gap: var(--space-md, 16px);\n }\n}\n\n/* ── Mobile: single column, everything stacks top to bottom ── */\n@media (max-width: 767px) {\n .checkout.layout-container {\n grid-template-columns: 1fr;\n grid-template-areas:\n \"billing\"\n \"shipping\"\n \"summary\"\n \"payment\"\n \"cta\";\n padding: var(--space-md, 16px) var(--space-sm, 8px);\n gap: var(--space-md, 16px);\n }\n\n .summary-subtotal.layout-item,\n .summary-shipping.layout-item,\n .summary-total.layout-item {\n grid-column: 1;\n }\n\n #checkout-options-label {\n grid-column: 1;\n }\n\n .checkout.layout-container > .layout-row {\n grid-column: 1;\n }\n\n .checkout-button-container {\n grid-column: 1;\n }\n\n .shipping-section .layout-header {\n flex-direction: column;\n align-items: flex-start;\n }\n\n .same-address-btn.layout-button {\n align-self: flex-start;\n }\n}\n\n@media (max-width: 480px) {\n .checkout.layout-container {\n padding: var(--space-md, 16px) var(--space-xs, 4px);\n }\n\n .billing-section.layout-container,\n .shipping-section.layout-container {\n padding: var(--space-md, 16px);\n }\n\n .button-group.layout-container {\n flex-wrap: wrap;\n }\n\n .new-address-btn.layout-button,\n .change-address-btn.layout-button {\n flex: 1;\n justify-content: center;\n }\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"CheckoutAddress","Style":"/* Checkout Address Container */\n.checkout-address.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-xl, 32px);\n max-width: var(--container-lg, 1024px);\n margin: 0 auto;\n padding: var(--space-xl, 32px) var(--space-md, 16px);\n background-color: var(--white, #fff);\n position: relative;\n}\n\n/* Billing Section */\n.checkout-address .billing-section.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-lg, 24px);\n padding: var(--space-lg, 24px);\n background-color: var(--gray-light, #f5f5f5);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-lg, 10px);\n}\n\n.checkout-address .billing-section .layout-header {\n display: flex;\n justify-content: space-between;\n padding-bottom: var(--space-md, 16px);\n border-bottom: 2px solid var(--border, #e0e0e0);\n margin-bottom: 0;\n}\n\n.checkout-address .section-title.layout-text {\n font-size: var(--font-xl, 20px);\n font-weight: var(--weight-bold, 700);\n color: var(--black, #000);\n}\n\n.checkout-address .billing-section .layout-content {\n display: flex;\n flex-direction: column;\n gap: var(--space-md, 16px);\n padding: 0;\n}\n\n/* Shipping Section */\n.checkout-address .shipping-section.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-lg, 24px);\n padding: var(--space-lg, 24px);\n background-color: var(--gray-light, #f5f5f5);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-lg, 10px);\n}\n\n.checkout-address .shipping-section .layout-header {\n display: flex;\n justify-content: space-between;\n padding-bottom: var(--space-md, 16px);\n border-bottom: 2px solid var(--border, #e0e0e0);\n margin-bottom: 0;\n}\n\n.checkout-address .shipping-section .layout-content {\n display: flex;\n flex-direction: column;\n gap: var(--space-md, 16px);\n padding: 0;\n}\n\n/* Same Billing Button */\n.checkout-address .same-billing-btn.layout-button {\n padding: var(--space-xs, 6px) var(--space-sm, 12px);\n font-size: var(--font-sm, 14px);\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-sm, 3px);\n cursor: pointer;\n transition: all var(--transition-fast, 150ms);\n}\n\n.checkout-address .same-billing-btn.layout-button:hover {\n background-color: var(--gray-light, #f5f5f5);\n border-color: var(--gray-dark, #666);\n}\n\n/* Button Group */\n.checkout-address .button-group.layout-container {\n display: flex;\n gap: var(--space-sm, 8px);\n}\n\n.checkout-address .add-btn.layout-button,\n.checkout-address .change-btn.layout-button {\n padding: var(--space-sm, 10px) var(--space-md, 16px);\n font-size: var(--font-sm, 14px);\n border-radius: var(--radius-md, 5px);\n font-weight: var(--weight-medium, 500);\n cursor: pointer;\n transition: all var(--transition-fast, 150ms);\n}\n\n.checkout-address .add-btn.layout-button {\n background-color: var(--black, #000);\n color: var(--white, #fff);\n border: 2px solid var(--black, #000);\n}\n\n.checkout-address .add-btn.layout-button:hover {\n background-color: var(--gray-dark, #333);\n border-color: var(--gray-dark, #333);\n}\n\n.checkout-address .change-btn.layout-button {\n background-color: var(--white, #fff);\n color: var(--black, #000);\n border: 1px solid var(--border, #e0e0e0);\n}\n\n.checkout-address .change-btn.layout-button:hover {\n background-color: var(--gray-light, #f5f5f5);\n border-color: var(--gray-dark, #666);\n}\n\n/* Address View Integration */\n.checkout-address .billing-section > .layout-content > div,\n.checkout-address .shipping-section > .layout-content > div {\n padding: var(--space-md, 16px);\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n}\n","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"CheckoutSummary","Style":"/* Checkout Summary Container */\n.checkout-summary.layout-container {\n display: flex;\n flex-direction: column;\n padding: var(--space-lg, 24px);\n background-color: var(--gray-light, #f5f5f5);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-lg, 10px);\n position: sticky;\n top: var(--space-lg, 24px);\n min-width: 300px;\n}\n\n/* Summary Items */\n.checkout-summary .summary-subtotal.layout-item,\n.checkout-summary .summary-shipping.layout-item,\n.checkout-summary .summary-total.layout-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: var(--space-sm, 10px) 0;\n}\n\n.checkout-summary .summary-total.layout-item {\n padding-top: var(--space-md, 16px);\n font-weight: var(--weight-bold, 700);\n}\n\n.checkout-summary .summary-subtotal .layout-label,\n.checkout-summary .summary-shipping .layout-label,\n.checkout-summary .summary-total .layout-label {\n font-size: var(--font-base, 16px);\n font-weight: var(--weight-medium, 500);\n color: var(--gray-dark, #666);\n}\n\n.checkout-summary .summary-total .layout-label {\n font-size: var(--font-lg, 18px);\n font-weight: var(--weight-bold, 700);\n color: var(--black, #000);\n}\n\n.checkout-summary .summary-subtotal .layout-value,\n.checkout-summary .summary-shipping .layout-value,\n.checkout-summary .summary-total .layout-value {\n font-size: var(--font-base, 16px);\n font-weight: var(--weight-semibold, 600);\n color: var(--black, #000);\n}\n\n.checkout-summary .summary-total .layout-value {\n font-size: var(--font-xl, 20px);\n font-weight: var(--weight-bold, 700);\n}\n\n/* Horizontal Rules */\n.checkout-summary hr {\n border: none;\n border-top: 1px solid var(--border, #e0e0e0);\n margin: var(--space-xs, 4px) 0;\n}\n\n/* Payment Options Label */\n.checkout-summary .options-label.layout-label {\n font-size: var(--font-base, 16px);\n font-weight: var(--weight-semibold, 600);\n color: var(--black, #000);\n margin-top: var(--space-md, 16px);\n margin-bottom: var(--space-sm, 8px);\n}\n.payment-logo{\n width: auto;\n height: 30px;\n}\n\n/* Payment Method Row */\n.checkout-summary .payment-method.layout-row {\n display: flex;\n width: 100%;\n}\n\n/* Checkout Buttons */\n.checkout-summary .checkout-buttons.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-sm, 8px);\n margin-top: var(--space-md, 16px);\n}\n\n.checkout-summary .checkout-buttons button {\n width: 100%;\n padding: var(--space-md, 14px) var(--space-lg, 24px);\n background-color: var(--black, #000);\n color: var(--white, #fff);\n border: 2px solid var(--black, #000);\n border-radius: var(--radius-md, 5px);\n font-size: var(--font-base, 16px);\n font-weight: var(--weight-semibold, 600);\n cursor: pointer;\n transition: all var(--transition-base, 300ms);\n}\n\n.checkout-summary .checkout-buttons button:hover {\n background-color: var(--gray-dark, #333);\n border-color: var(--gray-dark, #333);\n}\n\n.checkout-summary .checkout-buttons button:disabled {\n background-color: var(--gray-medium, #999);\n border-color: var(--gray-medium, #999);\n cursor: not-allowed;\n opacity: 0.6;\n}\n\n.checkout-summary .punchout-btn.layout-button {\n background-color: var(--white, #fff);\n color: var(--black, #000);\n border: 2px solid var(--border, #e0e0e0);\n}\n\n.checkout-summary .punchout-btn.layout-button:hover {\n background-color: var(--gray-light, #f5f5f5);\n border-color: var(--gray-dark, #666);\n}\n\n.checkout-summary .spinner-group.layout-group {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--space-sm, 8px);\n}\n\n.checkout-summary .punchout-btn .layout-content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--space-sm, 8px);\n padding: 0;\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"ColorPicker","Style":"/* Color Picker Container (Non-inline) */\r\n.color-picker.layout-container {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--space-sm, 8px);\r\n padding: var(--space-xs, 4px);\r\n}\r\n\r\n.color-picker .color-label.layout-label {\r\n font-size: var(--font-sm, 14px);\r\n font-weight: var(--weight-normal, 400);\r\n color: var(--gray-dark, #666);\r\n}\r\n\r\n/* Color Button (Non-inline) */\r\n.color-picker .color-btn.layout-button {\r\n width: 32px;\r\n height: 32px;\r\n min-width: 32px;\r\n padding: 0;\r\n border-radius: 50%;\r\n border: 2px solid var(--border, #e0e0e0);\r\n cursor: pointer;\r\n box-shadow: var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, 0.1));\r\n transition: all var(--transition-fast, 150ms);\r\n}\r\n\r\n.color-picker .color-btn.layout-button:hover {\r\n border-color: var(--gray-dark, #666);\r\n transform: scale(1.1);\r\n box-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.15));\r\n}\r\n\r\n.color-picker .color-btn.layout-button:active {\r\n transform: scale(1.05);\r\n}\r\n\r\n/* Color Button Inline */\r\n.color-btn-inline.layout-button {\r\n width: 28px;\r\n height: 28px;\r\n min-width: 28px;\r\n padding: 0;\r\n border-radius: 50%;\r\n border: 2px solid var(--border, #e0e0e0);\r\n cursor: pointer;\r\n box-shadow: var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, 0.1));\r\n transition: all var(--transition-fast, 150ms);\r\n margin: 0;\r\n}\r\n\r\n.color-btn-inline.layout-button:hover {\r\n border-color: var(--black, #000);\r\n transform: scale(1.15);\r\n box-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.15));\r\n z-index: 1;\r\n}\r\n\r\n.color-btn-inline.layout-button:active {\r\n transform: scale(1.1);\r\n}\r\n\r\n/* Material Mini FAB Override */\r\n.color-picker .color-btn.mat-mini-fab,\r\n.color-btn-inline.mat-mini-fab {\r\n box-shadow: var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, 0.1));\r\n}\r\n\r\n.color-picker .color-btn.mat-mini-fab:hover,\r\n.color-btn-inline.mat-mini-fab:hover {\r\n box-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.15));\r\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"CommissionCalc","Style":"/* Commission View Container */\n.commission-view.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-xl, 32px);\n max-width: 800px;\n margin: 0 auto;\n padding: var(--space-xl, 32px) var(--space-lg, 24px);\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-lg, 10px);\n}\n\n/* Commission Main Form Section */\n.commission-main.layout-content {\n display: flex;\n flex-direction: column;\n gap: var(--space-lg, 24px);\n padding: var(--space-lg, 24px);\n background-color: var(--gray-light, #f5f5f5);\n border-radius: var(--radius-md, 5px);\n}\n\n/* Field Item */\n.commission-main .field-item.layout-item {\n display: flex;\n flex-direction: column;\n gap: var(--space-xs, 4px);\n}\n\n.commission-main .field-item .layout-label {\n font-size: var(--font-sm, 14px);\n font-weight: var(--weight-medium, 500);\n color: var(--gray-dark, #666);\n}\n\n.commission-main .field-item .layout-field {\n width: 100%;\n}\n\n.commission-main .field-item mat-form-field {\n width: 100%;\n}\n\n/* Button Group */\n.commission-main .button-group.layout-container {\n display: flex;\n justify-content: center;\n margin-top: var(--space-md, 16px);\n}\n\n.commission-main .calculate-btn.layout-button {\n padding: var(--space-md, 14px) var(--space-2xl, 48px);\n background-color: var(--black, #000);\n color: var(--white, #fff);\n border: 2px solid var(--black, #000);\n border-radius: var(--radius-md, 5px);\n font-weight: var(--weight-semibold, 600);\n font-size: var(--font-base, 16px);\n cursor: pointer;\n transition: all var(--transition-base, 300ms);\n}\n\n.commission-main .calculate-btn.layout-button:hover {\n background-color: var(--gray-dark, #333);\n border-color: var(--gray-dark, #333);\n transform: translateY(-2px);\n}\n\n.commission-main .calculate-btn .layout-row {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--space-sm, 8px);\n}\n\n/* Commission Results Section */\n.commission-results.layout-content {\n display: flex;\n flex-direction: column;\n gap: var(--space-md, 16px);\n padding: var(--space-lg, 24px);\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n}\n\n/* Result Item */\n.commission-results .result-item.layout-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: var(--space-md, 16px);\n background-color: var(--gray-light, #f5f5f5);\n border-radius: var(--radius-sm, 3px);\n border: 1px solid var(--border, #e0e0e0);\n transition: all var(--transition-fast, 150ms);\n}\n\n.commission-results .result-item.layout-item:hover {\n background-color: var(--white, #fff);\n box-shadow: var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, 0.05));\n}\n\n.commission-results .result-item:last-child {\n background-color: var(--black, #000);\n color: var(--white, #fff);\n font-weight: var(--weight-bold, 700);\n}\n\n.commission-results .result-item:last-child .layout-label,\n.commission-results .result-item:last-child .layout-value {\n color: var(--white, #fff);\n}\n\n.commission-results .result-item .layout-label {\n font-size: var(--font-base, 16px);\n font-weight: var(--weight-medium, 500);\n color: var(--gray-dark, #666);\n}\n\n.commission-results .result-item .layout-value {\n font-size: var(--font-lg, 18px);\n font-weight: var(--weight-semibold, 600);\n color: var(--black, #000);\n}\n\n/* Commission Notification Section */\n.commission-notification.layout-content {\n padding: 0;\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"CountDown","Style":"/*//═══════════════════════════════════════════════════════════════════════════\n// 21. COMPONENT: TIMER\n//═══════════════════════════════════════════════════════════════════════════*/\n\n.timer-view.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-lg, 24px);\n padding: var(--space-xl, 32px) var(--space-lg, 24px);\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-lg, 10px);\n text-align: center;\n}\n\n.timer-view .layout-header {\n font-size: var(--font-2xl, 24px);\n font-weight: var(--weight-bold, 700);\n color: var(--black, #000);\n margin-bottom: 0;\n padding-bottom: 0;\n border-bottom: none;\n}\n\n.timer-view .layout-content {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: var(--space-lg, 24px);\n flex-wrap: wrap;\n}\n\n.time-unit.layout-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: var(--space-xs, 4px);\n min-width: 80px;\n padding: var(--space-md, 16px);\n background-color: var(--gray-light, #f5f5f5);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n transition: all var(--transition-fast, 150ms);\n}\n\n.time-unit.layout-item:hover {\n background-color: var(--white, #fff);\n border-color: var(--gray-medium, #999);\n transform: translateY(-2px);\n box-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.1));\n}\n\n.time-value.layout-value {\n font-size: var(--font-8xl); \n font-weight: var(--weight-bold, 700);\n color: var(--black, #000);\n line-height: 1;\n font-variant-numeric: tabular-nums;\n min-width: 1.5ch;\n text-align: center;\n}\n\n.time-label.layout-label {\n font-size: var(--font-sm, 14px);\n font-weight: var(--weight-medium, 500);\n color: var(--gray-dark, #666);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\n.error-message.layout-text {\n display: block;\n padding: var(--space-xl, 32px);\n text-align: center;\n font-size: var(--font-lg, 18px);\n color: var(--gray-medium, #999);\n background-color: var(--gray-light, #f5f5f5);\n border-radius: var(--radius-lg, 10px);\n}\n\n/* Timer Variants */\n.timer-view.layout-container.compact {\n padding: var(--space-md, 16px);\n gap: var(--space-md, 16px);\n}\n\n.timer-view.layout-container.compact .layout-header {\n font-size: var(--font-lg, 18px);\n}\n\n.timer-view.layout-container.compact .layout-content {\n gap: var(--space-sm, 12px);\n}\n\n.timer-view.layout-container.compact .time-unit.layout-item {\n min-width: 60px;\n padding: var(--space-sm, 12px);\n}\n\n.timer-view.layout-container.compact .time-value.layout-value {\n font-size: var(--font-2xl, 32px);\n}\n\n.timer-view.layout-container.compact .time-label.layout-label {\n font-size: var(--font-xs, 12px);\n}\n\n.timer-view.layout-container.large {\n padding: var(--space-2xl, 48px) var(--space-xl, 32px);\n gap: var(--space-xl, 32px);\n}\n\n.timer-view.layout-container.large .layout-header {\n font-size: var(--font-3xl, 30px);\n}\n\n.timer-view.layout-container.large .layout-content {\n gap: var(--space-xl, 32px);\n}\n\n.timer-view.layout-container.large .time-unit.layout-item {\n min-width: 120px;\n padding: var(--space-lg, 24px);\n}\n\n.timer-view.layout-container.large .time-value.layout-value {\n font-size: var(--font-6xl, 64px);\n}\n\n.timer-view.layout-container.large .time-label.layout-label {\n font-size: var(--font-base, 16px);\n}\n\n.timer-view.layout-container.inline {\n flex-direction: row;\n padding: var(--space-sm, 8px);\n border: none;\n background-color: transparent;\n gap: var(--space-sm, 8px);\n}\n\n.timer-view.layout-container.inline .layout-header {\n font-size: var(--font-base, 16px);\n margin-right: var(--space-sm, 8px);\n}\n\n.timer-view.layout-container.inline .layout-content {\n gap: var(--space-xs, 8px);\n}\n\n.timer-view.layout-container.inline .time-unit.layout-item {\n min-width: 50px;\n padding: var(--space-xs, 8px);\n background-color: transparent;\n border: none;\n}\n\n.timer-view.layout-container.inline .time-unit.layout-item:hover {\n background-color: var(--gray-light, #f5f5f5);\n transform: none;\n box-shadow: none;\n}\n\n.timer-view.layout-container.inline .time-value.layout-value {\n font-size: var(--font-xl, 20px);\n}\n\n.timer-view.layout-container.inline .time-label.layout-label {\n font-size: var(--font-xs, 12px);\n}\n\n@keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n}\n\n.time-value.layout-value.updating {\n animation: pulse 300ms ease-in-out;\n}\n\n.timer-view.layout-container.expired {\n border-color: var(--gray-medium, #999);\n opacity: 0.6;\n}\n\n.timer-view.layout-container.expired .time-value.layout-value {\n color: var(--gray-dark, #666);\n}\n\n.timer-view.layout-container.expired .time-label.layout-label {\n color: var(--gray-medium, #999);\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"DrillCategoryMenu","Style":".drill-category-menu.layout-container {\n display: flex;\n flex-direction: column;\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-lg, 10px);\n padding: var(--space-md, 16px);\n}\n\n.drill-category-menu .layout-content {\n padding: 0;\n}\n\n/* Back Button */\n.drill-category-menu .back-btn.layout-button {\n display: flex;\n align-items: center;\n gap: var(--space-xs, 4px);\n padding: var(--space-sm, 10px) var(--space-md, 16px);\n background-color: var(--gray-light, #f5f5f5);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n color: var(--black, #000);\n font-weight: var(--weight-medium, 500);\n margin-bottom: var(--space-md, 16px);\n cursor: pointer;\n transition: all var(--transition-fast, 150ms);\n}\n\n.drill-category-menu .back-btn.layout-button:hover {\n background-color: var(--white, #fff);\n border-color: var(--gray-dark, #666);\n}\n\n.drill-category-menu .back-btn .layout-icon {\n font-size: 20px;\n width: 20px;\n height: 20px;\n}\n\n/* Category List */\n.drill-category-menu .category-list.layout-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n gap: var(--space-lg, 24px);\n}\n\n/* Category Item */\n.drill-category-menu .category-item.layout-item {\n display: flex;\n cursor: pointer;\n}\n\n.drill-category-menu .category-body.layout-group {\n display: flex;\n align-items: center;\n gap: var(--space-md, 16px);\n width: 100%;\n padding: var(--space-md, 16px);\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n transition: all var(--transition-fast, 150ms);\n}\n\n.drill-category-menu .category-body.layout-group:hover {\n background-color: var(--gray-light, #f5f5f5);\n border-color: var(--gray-dark, #666);\n transform: translateX(4px);\n}\n\n/* Category Icon */\n.drill-category-menu .category-body .layout-icon {\n font-size: 32px;\n width: 32px;\n height: 32px;\n color: var(--gray-dark, #666);\n flex-shrink: 0;\n}\n\n/* Category Name */\n.drill-category-menu .category-name.layout-text {\n flex: 1;\n font-size: var(--font-lg, 18px);\n font-weight: var(--weight-medium, 500);\n color: var(--black, #000);\n}\n\n.drill-category-menu .category-name.active-menu {\n font-weight: var(--weight-bold, 700);\n}\n\n.drill-category-menu .category-name.hover-menu {\n color: var(--gray-dark, #666);\n}\n\n/* Category Image */\n.drill-category-menu .category-image.layout-container {\n width: 80px;\n height: 80px;\n flex-shrink: 0;\n overflow: hidden;\n border-radius: var(--radius-md, 5px);\n border: 1px solid var(--border, #e0e0e0);\n background-color: var(--gray-light, #f5f5f5);\n}\n\n.drill-category-menu .category-image .layout-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"FlatCartDetail","Style":"/* Cart View Container */\n.cart-view.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-xl, 32px);\n max-width: var(--container-xl, 1200px);\n margin: 0 auto;\n background-color: var(--white, #fff);\n position: relative;\n}\n\n.cart-view .layout-header {\n padding-bottom: var(--space-md, 16px);\n border-bottom: 2px solid var(--gray-light, #f5f5f5);\n margin-bottom: 0;\n}\n\n.cart-view .layout-caption {\n font-size: var(--font-3xl, 30px);\n font-weight: var(--weight-bold, 700);\n color: var(--black, #000);\n}\n\n.cart-view > .layout-content {\n padding: 0;\n}\n\n/* Cart Items Container */\n.cart-items.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-md, 16px);\n}\n\n/* Cart Row */\n.cart-row.layout-item {\n display: grid;\n grid-template-columns: 100px 1fr auto;\n gap: var(--space-md, 16px);\n padding: var(--space-md, 16px);\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n transition: all var(--transition-fast, 150ms);\n}\n\n.cart-row.layout-item:hover {\n box-shadow: var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, 0.05));\n border-color: var(--gray-medium, #999);\n}\n\n/* Product Image */\n.cart-row .product-image.layout-container {\n width: 100px;\n height: 100px;\n flex-shrink: 0;\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n overflow: hidden;\n background-color: var(--gray-light, #f5f5f5);\n}\n\n.cart-row .product-image .layout-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n/* Product Details */\n.cart-row .product-details.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-sm, 8px);\n flex: 1;\n min-width: 0;\n}\n\n.cart-row .product-name.layout-item {\n display: flex;\n flex-direction: column;\n gap: var(--space-xs, 4px);\n}\n\n.cart-row .product-name .layout-text {\n font-size: var(--font-base, 16px);\n font-weight: var(--weight-semibold, 600);\n color: var(--black, #000);\n}\n\n.cart-row .product-price.layout-item {\n font-size: var(--font-sm, 14px);\n color: var(--gray-dark, #666);\n}\n\n.cart-row .product-total.layout-item {\n font-size: var(--font-lg, 18px);\n font-weight: var(--weight-bold, 700);\n color: var(--black, #000);\n}\n\n/* Bundle/Configurable Info */\n.cart-row .bundle-info.layout-container,\n.cart-row .configurable-info.layout-container {\n display: inline-flex;\n margin-top: var(--space-xs, 4px);\n}\n\n.cart-row .bundle-view.layout-button,\n.cart-row .configure-btn.layout-button {\n padding: var(--space-xs, 6px) var(--space-sm, 12px);\n font-size: var(--font-sm, 14px);\n border: 1px solid var(--border, #e0e0e0);\n background-color: var(--white, #fff);\n display: flex;\n align-items: center;\n gap: var(--space-xs, 4px);\n border-radius: var(--radius-sm, 3px);\n}\n\n.cart-row .bundle-view.layout-button:hover,\n.cart-row .configure-btn.layout-button:hover {\n background-color: var(--gray-light, #f5f5f5);\n border-color: var(--gray-dark, #666);\n}\n\n.cart-row .bundle-status.layout-text {\n font-weight: var(--weight-normal, 400);\n color: var(--gray-dark, #666);\n}\n\n.cart-row .bundle-count.layout-value {\n font-weight: var(--weight-semibold, 600);\n color: var(--black, #000);\n}\n\n/* Product Actions */\n.cart-row .product-actions.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-sm, 8px);\n align-items: flex-end;\n}\n\n.cart-row .action-buttons.layout-container {\n display: flex;\n gap: var(--space-xs, 4px);\n}\n\n.cart-row .form-btn.layout-button,\n.cart-row .delete-btn.layout-button {\n min-width: 40px;\n height: 40px;\n padding: var(--space-xs, 8px);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--space-xs, 4px);\n border-radius: var(--radius-sm, 3px);\n font-size: var(--font-sm, 14px);\n}\n\n.cart-row .form-btn.layout-button {\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n color: var(--black, #000);\n}\n\n.cart-row .form-btn.layout-button:hover {\n background-color: var(--gray-light, #f5f5f5);\n border-color: var(--gray-dark, #666);\n}\n\n.cart-row .delete-btn.layout-button {\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n color: var(--gray-dark, #666);\n}\n\n.cart-row .delete-btn.layout-button:hover {\n background-color: var(--gray-light, #f5f5f5);\n border-color: var(--gray-dark, #666);\n color: var(--black, #000);\n}\n\n/* Quantity Control */\n.cart-row .qty-control {\n display: flex;\n align-items: center;\n gap: 0;\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n background-color: var(--white, #fff);\n overflow: hidden;\n margin-bottom: 0px;\n}\n\n.cart-row .qty-decrease.layout-item,\n.cart-row .qty-increase.layout-item {\n display: flex;\n}\n\n.cart-row .qty-decrease .layout-button,\n.cart-row .qty-increase .layout-button {\n min-width: 36px;\n height: 36px;\n padding: var(--space-xs, 6px);\n border: none;\n background-color: transparent;\n border-radius: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.cart-row .qty-decrease .layout-button:hover,\n.cart-row .qty-increase .layout-button:hover {\n background-color: var(--gray-light, #f5f5f5);\n}\n\n.cart-row .qty-input.layout-item {\n display: flex;\n}\n\n.cart-row .qty-input .layout-field {\n width: 60px;\n text-align: center;\n border: none;\n border-left: 1px solid var(--border, #e0e0e0);\n border-right: 1px solid var(--border, #e0e0e0);\n border-radius: 0;\n padding: var(--space-xs, 6px);\n font-weight: var(--weight-semibold, 600);\n background-color: var(--white, #fff);\n}\n\n.cart-row .qty-input .layout-field:focus {\n border-left: 1px solid var(--border, #e0e0e0);\n border-right: 1px solid var(--border, #e0e0e0);\n}\n\n/* Empty Cart State */\n.empty-cart.layout-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: var(--space-lg, 24px);\n padding: var(--space-2xl, 80px) var(--space-lg, 24px);\n background-color: var(--gray-light, #f5f5f5);\n border-radius: var(--radius-lg, 10px);\n border: 1px solid var(--border, #e0e0e0);\n}\n\n.empty-cart .empty-icon.layout-container {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 80px;\n height: 80px;\n border-radius: 50%;\n background-color: var(--white, #fff);\n border: 2px solid var(--border, #e0e0e0);\n}\n\n.empty-cart .empty-icon .layout-icon {\n font-size: 48px;\n width: 48px;\n height: 48px;\n color: var(--gray-medium, #999);\n}\n\n.empty-cart .empty-message.layout-text {\n font-size: var(--font-xl, 20px);\n font-weight: var(--weight-medium, 500);\n color: var(--gray-dark, #666);\n}\n\n/* Loading Shade */\n.cart-view .loading-shade.layout-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(255, 255, 255, 0.9);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"FlatCategoryMenu","Style":"/* ==========================================\n FLAT CATEGORY MENU\n ========================================== */\n\n/* Flat Category Menu Container */\n.flat-category-menu.layout-container {\n display: flex;\n flex-direction: column;\n width: 100%;\n background-color: var(--white, #fff);\n padding: var(--space-lg, 24px) var(--space-md, 16px);\n}\n\n.flat-category-menu .layout-content {\n padding: 0;\n width: 100%;\n}\n\n/* Category List - Horizontal Grid */\n.flat-category-menu .category-list.layout-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n gap: var(--space-lg, 24px);\n width: 100%;\n}\n\n/* Category Item */\n.flat-category-menu .category-item.layout-item {\n display: flex;\n position: relative;\n}\n\n/* Category Body - Card Style */\n.flat-category-menu .category-body.layout-group {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n width: 100%;\n padding: var(--space-lg, 24px) var(--space-md, 16px);\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-lg, 10px);\n cursor: pointer;\n transition: all var(--transition-base, 300ms);\n gap: var(--space-md, 16px);\n overflow: hidden;\n position: relative;\n}\n\n.flat-category-menu .category-body.layout-group:hover {\n box-shadow: var(--shadow-lg, 0 10px 15px rgba(0, 0, 0, 0.1));\n transform: translateY(-4px);\n border-color: var(--gray-medium, #999);\n}\n\n/* Category Image - Top Position */\n.flat-category-menu .category-image.layout-container {\n width: 100%;\n aspect-ratio: 1 / 1;\n max-width: 150px;\n overflow: hidden;\n border-radius: var(--radius-md, 5px);\n border: 1px solid var(--border, #e0e0e0);\n background-color: var(--gray-light, #f5f5f5);\n flex-shrink: 0;\n order: 1;\n}\n\n.flat-category-menu .category-image .layout-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform var(--transition-base, 300ms);\n}\n\n.flat-category-menu .category-body.layout-group:hover .category-image .layout-image {\n transform: scale(1.05);\n}\n\n/* Category Icon - Below Image */\n.flat-category-menu .category-body .layout-icon {\n font-size: 40px;\n width: 40px;\n height: 40px;\n color: var(--gray-dark, #666);\n flex-shrink: 0;\n order: 2;\n transition: color var(--transition-fast, 150ms);\n}\n\n.flat-category-menu .category-body.layout-group:hover .layout-icon {\n color: var(--black, #000);\n}\n\n/* Category Name - Bottom Position */\n.flat-category-menu .category-name.layout-text {\n font-size: var(--font-base, 16px);\n font-weight: var(--weight-semibold, 600);\n color: var(--black, #000);\n line-height: var(--leading-snug, 1.4);\n order: 3;\n word-break: break-word;\n hyphens: auto;\n max-width: 100%;\n}\n\n.flat-category-menu .category-name.active-menu {\n font-weight: var(--weight-bold, 700);\n color: var(--black, #000);\n}\n\n.flat-category-menu .category-name.hover-menu {\n color: var(--gray-dark, #666);\n}\n\n/* Alternative: Without Image (Icon Only) */\n.flat-category-menu .category-body.layout-group:has(.category-image:empty) .layout-icon {\n font-size: 60px;\n width: 60px;\n height: 60px;\n}\n\n/* Compact Variant - Smaller Cards */\n.flat-category-menu.compact .category-list.layout-list {\n grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n gap: var(--space-md, 16px);\n}\n\n.flat-category-menu.compact .category-body.layout-group {\n padding: var(--space-md, 16px) var(--space-sm, 8px);\n gap: var(--space-sm, 8px);\n}\n\n.flat-category-menu.compact .category-image.layout-container {\n max-width: 100px;\n}\n\n.flat-category-menu.compact .category-body .layout-icon {\n font-size: 32px;\n width: 32px;\n height: 32px;\n}\n\n.flat-category-menu.compact .category-name.layout-text {\n font-size: var(--font-sm, 14px);\n}\n/* Wide Variant - Larger Cards */\n.flat-category-menu.wide .category-list.layout-list {\n grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n gap: var(--space-xl, 32px);\n}\n\n.flat-category-menu.wide .category-image.layout-container {\n max-width: 200px;\n}\n\n.flat-category-menu.wide .category-body .layout-icon {\n font-size: 48px;\n width: 48px;\n height: 48px;\n}\n\n.flat-category-menu.wide .category-name.layout-text {\n font-size: var(--font-lg, 18px);\n}\n.qty-control{\n display: flex;\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"FormLoader","Style":"/* ==========================================\n FORM LOADER\n ========================================== */\n\n.form-loader.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-xl, 32px);\n max-width: 800px;\n margin: 0 auto;\n padding: var(--space-xl, 32px) var(--space-lg, 24px);\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-lg, 10px);\n position: relative;\n}\n\n.form-loader .layout-header {\n padding-bottom: var(--space-md, 16px);\n border-bottom: 2px solid var(--gray-light, #f5f5f5);\n margin-bottom: 0;\n}\n\n.form-loader .layout-caption {\n font-size: var(--font-2xl, 24px);\n font-weight: var(--weight-bold, 700);\n color: var(--black, #000);\n}\n\n.form-loader > .layout-content {\n padding: 0;\n}\n\n.form-loader .form-section.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-lg, 24px);\n padding: var(--space-lg, 24px);\n background-color: var(--gray-light, #f5f5f5);\n border-radius: var(--radius-md, 5px);\n}\n\n.form-loader .field-item.layout-item {\n display: flex;\n flex-direction: column;\n gap: var(--space-xs, 4px);\n}\n\n.form-loader .button-group.layout-container {\n display: flex;\n gap: var(--space-md, 16px);\n justify-content: flex-end;\n margin-top: var(--space-md, 16px);\n}\n\n.form-loader .prev-btn.layout-button,\n.form-loader .next-btn.layout-button {\n padding: var(--space-sm, 10px) var(--space-lg, 24px);\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n font-weight: var(--weight-medium, 500);\n}\n\n.form-loader .prev-btn.layout-button:hover,\n.form-loader .next-btn.layout-button:hover {\n background-color: var(--gray-light, #f5f5f5);\n border-color: var(--gray-dark, #666);\n}\n\n.form-loader mat-vertical-stepper {\n background-color: transparent;\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"FullDisplayMenu","Style":"/* Container */\n.full-display-category-menu.layout-container {\n display: flex;\n flex-direction: column;\n background-color: var(--white, #fff);\n padding: var(--space-lg, 24px);\n}\n\n.full-display-category-menu .layout-content {\n padding: 0;\n}\n\n/* Category List */\n.full-display-category-menu .category-list.layout-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n gap: var(--space-lg, 24px);\n}\n\n/* Category Item */\n.full-display-category-menu .category-item.layout-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n cursor: pointer;\n}\n\n/* Category Image */\n.full-display-category-menu .category-image.layout-container {\n width: 100%;\n aspect-ratio: 1 / 1;\n overflow: hidden;\n border-radius: var(--radius-lg, 10px);\n border: 1px solid var(--border, #e0e0e0);\n background-color: var(--gray-light, #f5f5f5);\n margin-bottom: var(--space-md, 16px);\n transition: all var(--transition-base, 300ms);\n}\n\n.full-display-category-menu .category-item:hover .category-image.layout-container {\n border-color: var(--gray-dark, #666);\n transform: scale(1.05);\n box-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.1));\n}\n\n.full-display-category-menu .category-image .layout-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.full-display-category-menu .submenu .category-list.layout-list .category-image.layout-container {\n aspect-ratio: 0.8 / 1;\n height: 100px;\n max-width: 100px;\n}\n\n/* Category Icon */\n.full-display-category-menu .layout-icon {\n font-size: 48px;\n width: 48px;\n height: 48px;\n color: var(--gray-dark, #666);\n margin-bottom: var(--space-sm, 8px);\n}\n\n/* Category Name Button */\n.full-display-category-menu .category-name.layout-button {\n background: none;\n border: none;\n padding: var(--space-xs, 6px) var(--space-sm, 12px);\n font-size: var(--font-base, 16px);\n font-weight: var(--weight-medium, 500);\n color: var(--black, #000);\n cursor: pointer;\n transition: all var(--transition-fast, 150ms);\n border-radius: var(--radius-sm, 3px);\n}\n\n.full-display-category-menu .category-name.layout-button:hover {\n background-color: var(--gray-light, #f5f5f5);\n color: var(--gray-dark, #666);\n}\n\n.full-display-category-menu .category-name.active-menu {\n font-weight: var(--weight-bold, 700);\n background-color: var(--gray-light, #f5f5f5);\n}\n\n.full-display-category-menu .category-name.hover-menu {\n background-color: var(--gray-light, #f5f5f5);\n color: var(--gray-dark, #666);\n}\n\n/* Submenu Wrapper */\n.full-display-category-menu .submenu-wrapper.layout-container {\n margin-top: var(--space-md, 16px);\n padding-top: var(--space-md, 16px);\n border-top: 1px solid var(--border, #e0e0e0);\n width: 100%;\n}\n\n.full-display-category-menu .submenu.layout-container {\n width: 100%;\n}\n\n/* Nested List Styling */\n.full-display-category-menu .submenu .category-list.layout-list {\n grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n gap: var(--space-md, 16px);\n}\n\n.full-display-category-menu .submenu .category-image.layout-container {\n width: 100%;\n aspect-ratio: 1 / 1;\n}\n\n.full-display-category-menu .submenu .category-name.layout-button {\n font-size: var(--font-sm, 14px);\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"FullNodeCategoryMenu","Style":"/* Container */\n.full-node-category-menu.layout-container {\n display: flex;\n flex-direction: column;\n background-color: var(--white, #fff);\n padding: var(--space-lg, 24px);\n}\n\n.full-node-category-menu .layout-content {\n padding: 0;\n}\n\n/* Category List */\n.full-node-category-menu .category-list.layout-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: var(--space-xl, 32px);\n}\n\n/* Category Item */\n.full-node-category-menu .category-item.layout-item {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n padding: var(--space-lg, 24px);\n background-color: var(--gray-light, #f5f5f5);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-lg, 10px);\n transition: all var(--transition-base, 300ms);\n}\n\n.full-node-category-menu .category-item.layout-item:hover {\n box-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.1));\n border-color: var(--gray-medium, #999);\n}\n\n/* Category Image */\n.full-node-category-menu .category-image.layout-container {\n width: 100%;\n height: 200px;\n overflow: hidden;\n border-radius: var(--radius-md, 5px);\n border: 1px solid var(--border, #e0e0e0);\n background-color: var(--white, #fff);\n margin-bottom: var(--space-md, 16px);\n cursor: pointer;\n transition: all var(--transition-base, 300ms);\n}\n\n.full-node-category-menu .category-image.layout-container:hover {\n transform: scale(1.02);\n box-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.1));\n}\n\n.full-node-category-menu .category-image .layout-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n/* Category Icon */\n.full-node-category-menu .layout-icon {\n font-size: 40px;\n width: 40px;\n height: 40px;\n color: var(--black, #000);\n margin-bottom: var(--space-md, 16px);\n cursor: pointer;\n transition: color var(--transition-fast, 150ms);\n}\n\n.full-node-category-menu .layout-icon:hover {\n color: var(--gray-dark, #666);\n}\n\n/* Category Name Button */\n.full-node-category-menu .category-name.layout-button {\n background: none;\n border: none;\n padding: var(--space-sm, 8px) 0;\n font-size: var(--font-xl, 20px);\n font-weight: var(--weight-semibold, 600);\n color: var(--black, #000);\n cursor: pointer;\n transition: all var(--transition-fast, 150ms);\n margin-bottom: var(--space-md, 16px);\n text-align: left;\n}\n\n.full-node-category-menu .category-name.layout-button:hover {\n color: var(--gray-dark, #666);\n}\n\n.full-node-category-menu .category-name.active-menu {\n font-weight: var(--weight-bold, 700);\n color: var(--black, #000);\n}\n\n.full-node-category-menu .category-name.hover-menu {\n color: var(--gray-dark, #666);\n}\n\n/* Submenu Wrapper */\n.full-node-category-menu .submenu-wrapper.layout-container {\n width: 100%;\n margin-top: var(--space-md, 16px);\n padding-top: var(--space-lg, 24px);\n border-top: 2px solid var(--border, #e0e0e0);\n}\n\n.full-node-category-menu .submenu.layout-container {\n width: 100%;\n}\n\n/* Nested Category List */\n.full-node-category-menu .submenu .category-list.layout-list {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n gap: var(--space-md, 16px);\n}\n\n.full-node-category-menu .submenu .category-item.layout-item {\n padding: var(--space-md, 16px);\n background-color: var(--white, #fff);\n align-items: center;\n text-align: center;\n}\n\n.full-node-category-menu .submenu .category-image.layout-container {\n width: 100%;\n height: 120px;\n}\n\n.full-node-category-menu .submenu .layout-icon {\n font-size: 28px;\n width: 28px;\n height: 28px;\n}\n\n.full-node-category-menu .submenu .category-name.layout-button {\n font-size: var(--font-base, 16px);\n font-weight: var(--weight-medium, 500);\n margin-bottom: 0;\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"GeneralSuccess","Style":"/* ==========================================\n SUCCESS VIEW\n ========================================== */\n\n.success-view.layout-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: var(--space-xl, 32px);\n max-width: 500px;\n margin: 0 auto;\n padding: var(--space-2xl, 48px) var(--space-lg, 24px);\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-lg, 10px);\n text-align: center;\n}\n\n.success-view .result-image.layout-container {\n width: 120px;\n height: 120px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background-color: var(--gray-light, #f5f5f5);\n border: 2px solid var(--border, #e0e0e0);\n padding: var(--space-md, 16px);\n}\n\n.success-view .result-image .layout-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n}\n\n.success-view .result-message.layout-text {\n font-size: var(--font-lg, 18px);\n font-weight: var(--weight-normal, 400);\n color: var(--gray-dark, #666);\n line-height: var(--leading-relaxed, 1.6);\n max-width: 400px;\n}\n\n.success-view .button-group.layout-container {\n display: flex;\n width: 100%;\n max-width: 300px;\n}\n\n.success-view .home-btn.layout-button {\n width: 100%;\n padding: var(--space-md, 14px) var(--space-lg, 24px);\n background-color: var(--black, #000);\n color: var(--white, #fff);\n border: 2px solid var(--black, #000);\n font-weight: var(--weight-semibold, 600);\n}\n\n.success-view .home-btn.layout-button:hover {\n background-color: var(--gray-dark, #333);\n border-color: var(--gray-dark, #333);\n}\n","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"LinearCommissionCalc","Style":"/* Commission Calc Container */\n.commission-calc.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-xl, 32px);\n max-width: 800px;\n margin: 0 auto;\n padding: var(--space-xl, 32px) var(--space-lg, 24px);\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-lg, 10px);\n}\n\n.commission-calc > .layout-content {\n display: flex;\n flex-direction: column;\n gap: var(--space-xl, 32px);\n padding: 0;\n}\n\n/* Stepper Styling */\n.commission-calc mat-stepper {\n background-color: transparent;\n}\n\n.commission-calc mat-step {\n background-color: var(--white, #fff);\n}\n\n/* Step Item */\n.commission-calc .step-item.layout-item {\n display: flex;\n flex-direction: column;\n gap: var(--space-sm, 8px);\n padding: var(--space-lg, 24px);\n background-color: var(--gray-light, #f5f5f5);\n border-radius: var(--radius-md, 5px);\n margin-top: var(--space-md, 16px);\n}\n\n.commission-calc .step-number.layout-label {\n font-size: var(--font-2xl, 24px);\n font-weight: var(--weight-bold, 700);\n color: var(--black, #000);\n margin-bottom: var(--space-xs, 4px);\n}\n\n.commission-calc .step-label.layout-label {\n font-size: var(--font-base, 16px);\n font-weight: var(--weight-semibold, 600);\n color: var(--gray-dark, #666);\n margin-bottom: var(--space-sm, 8px);\n}\n\n.commission-calc .step-field.layout-field {\n width: 100%;\n}\n\n.commission-calc .step-field mat-form-field {\n width: 100%;\n}\n\n/* Button Group */\n.commission-calc .button-group.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-md, 16px);\n margin-top: var(--space-lg, 24px);\n}\n\n/* Primary Buttons */\n.commission-calc .primary-buttons.layout-container {\n display: flex;\n justify-content: center;\n}\n\n.commission-calc .calculate-btn.layout-button {\n padding: var(--space-md, 14px) var(--space-2xl, 48px);\n background-color: var(--black, #000);\n color: var(--white, #fff);\n border: 2px solid var(--black, #000);\n border-radius: var(--radius-md, 5px);\n font-weight: var(--weight-semibold, 600);\n font-size: var(--font-base, 16px);\n cursor: pointer;\n transition: all var(--transition-base, 300ms);\n}\n\n.commission-calc .calculate-btn.layout-button:hover {\n background-color: var(--gray-dark, #333);\n border-color: var(--gray-dark, #333);\n transform: translateY(-2px);\n}\n\n.commission-calc .calculate-btn .layout-row {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--space-sm, 8px);\n}\n\n/* Navigation Buttons */\n.commission-calc .nav-buttons.layout-container {\n display: flex;\n justify-content: center;\n gap: var(--space-md, 16px);\n}\n\n.commission-calc .prev-btn.layout-button,\n.commission-calc .next-btn.layout-button {\n padding: var(--space-sm, 10px) var(--space-lg, 24px);\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n font-weight: var(--weight-medium, 500);\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: var(--space-xs, 4px);\n transition: all var(--transition-fast, 150ms);\n}\n\n.commission-calc .prev-btn.layout-button:hover,\n.commission-calc .next-btn.layout-button:hover {\n background-color: var(--gray-light, #f5f5f5);\n border-color: var(--gray-dark, #666);\n}\n\n.commission-calc .prev-btn .layout-caption,\n.commission-calc .next-btn .layout-caption {\n font-size: var(--font-sm, 14px);\n margin-bottom: 0;\n}\n\n/* Calculation Results */\n.commission-calc .calc-results.layout-content {\n display: flex;\n flex-direction: column;\n gap: var(--space-md, 16px);\n padding: var(--space-lg, 24px);\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n}\n\n/* Result Item with Icon */\n.commission-calc .result-item.layout-item {\n display: grid;\n grid-template-columns: 60px 1fr auto;\n align-items: center;\n gap: var(--space-md, 16px);\n padding: var(--space-md, 16px);\n background-color: var(--gray-light, #f5f5f5);\n border-radius: var(--radius-sm, 3px);\n border: 1px solid var(--border, #e0e0e0);\n transition: all var(--transition-fast, 150ms);\n}\n\n.commission-calc .result-item.layout-item:hover {\n background-color: var(--white, #fff);\n box-shadow: var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, 0.05));\n}\n\n.commission-calc .result-item:last-child {\n background-color: var(--black, #000);\n color: var(--white, #fff);\n font-weight: var(--weight-bold, 700);\n}\n\n.commission-calc .result-item:last-child .result-label.layout-label,\n.commission-calc .result-item:last-child .result-value.layout-value {\n color: var(--white, #fff);\n}\n\n.commission-calc .result-icon.layout-image {\n width: 60px;\n height: 60px;\n object-fit: contain;\n border-radius: var(--radius-sm, 3px);\n}\n\n.commission-calc .result-label.layout-label {\n font-size: var(--font-base, 16px);\n font-weight: var(--weight-medium, 500);\n color: var(--gray-dark, #666);\n}\n\n.commission-calc .result-value.layout-value {\n font-size: var(--font-lg, 18px);\n font-weight: var(--weight-semibold, 600);\n color: var(--black, #000);\n text-align: right;\n}\n\n/* Notification Area */\n.commission-calc .notification-area.layout-content {\n padding: 0;\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"Login","Style":"/*//═══════════════════════════════════════════════════════════════════════════\n// 24. COMPONENT: LOGIN\n//═══════════════════════════════════════════════════════════════════════════*/\n\n.login-page.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-2xl, 48px);\n max-width: 600px;\n margin: 0 auto;\n padding: var(--space-xl, 48px) var(--space-lg, 24px);\n background-color: var(--white, #fff);\n border-radius: var(--radius-lg, 10px);\n}\n\n.login-page .layout-header {\n display: flex;\n justify-content: center;\n padding-bottom: var(--space-lg, 24px);\n border-bottom: 2px solid var(--gray-light, #f5f5f5);\n margin-bottom: 0;\n}\n\n.logo-link.layout-link {\n display: flex;\n align-items: center;\n gap: var(--space-md, 16px);\n text-decoration: none;\n color: var(--black, #000);\n}\n\n.logo-link.layout-link:hover {\n text-decoration: none;\n}\n\n.logo-image.layout-image {\n width: 60px;\n height: 60px;\n object-fit: contain;\n border-radius: var(--radius-md, 5px);\n border: 1px solid var(--border, #e0e0e0);\n}\n\n.page-title.layout-text {\n font-size: var(--font-2xl, 24px);\n font-weight: var(--weight-bold, 700);\n color: var(--black, #000);\n line-height: var(--leading-tight, 1.2);\n}\n\n.page-subtitle.layout-text {\n font-size: var(--font-sm, 14px);\n color: var(--gray-dark, #666);\n line-height: var(--leading-normal, 1.5);\n}\n\n.login-page .layout-content {\n padding: 0;\n}\n\n.login-page form {\n display: flex;\n flex-direction: column;\n gap: var(--space-lg, 24px);\n}\n\n.email-row.layout-row,\n.password-row.layout-row {\n display: flex;\n flex-direction: column;\n gap: var(--space-xs, 4px);\n}\n\n.email-row .layout-col,\n.password-row .layout-col {\n display: flex;\n flex-direction: column;\n gap: var(--space-xs, 4px);\n width: 100%;\n}\n\n.email-row .layout-label,\n.password-row .layout-label {\n font-size: var(--font-sm, 14px);\n font-weight: var(--weight-medium, 500);\n color: var(--gray-dark, #666);\n}\n\n.email-row .layout-field,\n.password-row .layout-field {\n width: 100%;\n}\n\n.options-row.layout-row {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: var(--space-md, 16px);\n flex-wrap: wrap;\n}\n\n.options-row .layout-col {\n display: flex;\n align-items: center;\n}\n\n.forgot-password.layout-link {\n font-size: var(--font-sm, 14px);\n color: var(--gray-dark, #666);\n text-decoration: none;\n}\n\n.forgot-password.layout-link:hover {\n color: var(--black, #000);\n text-decoration: underline;\n}\n\n.options-row mat-checkbox {\n font-size: var(--font-sm, 14px);\n}\n\n.signup-row.layout-row {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--space-xs, 4px);\n font-size: var(--font-sm, 14px);\n color: var(--gray-dark, #666);\n padding: var(--space-md, 16px) 0;\n border-top: 1px solid var(--border, #e0e0e0);\n margin-top: var(--space-md, 16px);\n}\n.signup-link.layout-link {\n font-size: var(--font-sm, 14px);\n color: var(--black, #000);\n text-decoration: none;\n font-weight: var(--weight-semibold, 600);\n}\n\n.signup-link.layout-link:hover {\n text-decoration: underline;\n}\n\n.login-page .button-group.layout-container {\n display: flex;\n width: 100%;\n margin-top: var(--space-md, 16px);\n}\n\n\n.tab-header{\n display: none;\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"OpenCategoryMenu","Style":"/* Container */\n.open-category-menu{\n position: relative;\n display: inline-block;\n background: #fff;\n border: 2px solid var(--gray-light);\n border-radius: 10px;\n}\n\n\n/* Menu Trigger */\n.open-category-menu .menu-trigger.layout-button {\n display: flex;\n align-items: center;\n gap: var(--space-sm, 8px);\n padding: var(--space-sm, 10px) var(--space-md, 16px);\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n cursor: pointer;\n font-size: var(--font-base, 16px);\n font-weight: var(--weight-medium, 500);\n color: var(--black, #000);\n transition: all var(--transition-fast, 150ms);\n width: 100%;\n justify-content: start;\n}\n\n.open-category-menu .menu-trigger.layout-button:nth-child(4){\n flex-direction: column;\n}\n\n\n.open-category-menu .menu-trigger.layout-button:hover {\n background-color: var(--gray-light, #f5f5f5);\n border-color: var(--gray-dark, #666);\n}\n\n.open-category-menu .menu-trigger .layout-icon {\n font-size: 24px;\n width: 24px;\n height: 24px;\n color: var(--black, #000);\n}\n\n/* Menu Content */\n.open-category-menu .layout-content {\n position: relative;\n padding: 0;\n}\n\n/* Category List */\n.open-category-menu .category-list.layout-list {\n list-style: none;\n padding: 0;\n margin: 0;\n min-width: 250px;\n}\n/* Category Item */\n.open-category-menu .category-item.layout-item {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--space-sm, 8px);\n padding: var(--space-sm, 10px) var(--space-sm, 10px);\n border-bottom: 1px solid var(--border, #e0e0e0);\n transition: background-color var(--transition-fast, 150ms);\n margin-bottom: 0;\n}\n\n.open-category-menu .category-item.layout-item:last-child {\n border-bottom: none;\n}\n\n.open-category-menu .category-item.layout-item:hover {\n background-color: var(--gray-light, #f5f5f5);\n}\n\n/* Category Icon */\n.open-category-menu .category-item .layout-icon {\n font-size: 20px;\n width: 20px;\n height: 20px;\n color: var(--gray-dark, #666);\n flex-shrink: 0;\n}\n\n/* Category Name Button */\n.open-category-menu .category-name.layout-button {\n flex: 1;\n text-align: left;\n background: none;\n border: none;\n padding: 0;\n font-size: var(--font-xs, 12px);\n font-weight: var(--weight-normal, 400);\n color: var(--black, #000);\n cursor: pointer;\n transition: color var(--transition-fast, 150ms);\n display: flex;\n align-items: center;\n justify-content: start;\n}\n\n\n\n.open-category-menu .category-name.active-menu {\n font-weight: var(--weight-semibold, 600);\n color: var(--black, #000);\n}\n\n.open-category-menu .category-name.hover-menu {\n color: var(--gray-dark, #666);\n}\n\n/* Expand Button */\n.open-category-menu .expand-btn.layout-button {\n min-width: 24px;\n width: 24px;\n height: 24px;\n padding: 0;\n background: none;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--gray-medium, #999);\n cursor: pointer;\n flex-shrink: 0;\n}\n\n.open-category-menu .expand-btn.layout-button:hover {\n color: var(--black, #000);\n}\n\n/* Submenu Wrapper */\n.open-category-menu .submenu-wrapper.layout-container {\n position: absolute;\n left: 100%;\n top: 0;\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n z-index: 1000;\n display: flex;\n min-width: 500px;\n}\n.open-category-menu .submenu-wrapper.layout-container:nth-child(2){\n left: 0;\n min-width: auto;\n width: 100%;\n position: relative;\n background: none;\n border: none;\n}\n\n.open-category-menu .submenu-wrapper.layout-container .category-item.layout-item{\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n}\n\n\n/* Submenu */\n.open-category-menu .submenu.layout-container {\n flex: 1;\n padding: var(--space-xs, 4px);\n}\n\n/* Category Image in Submenu */\n.open-category-menu .submenu-wrapper .category-image.layout-container {\n width: 200px;\n height: 200px;\n flex-shrink: 0;\n overflow: hidden;\n border-left: 1px solid var(--border, #e0e0e0);\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--gray-light, #f5f5f5);\n}\n\n.open-category-menu .submenu-wrapper .category-image .layout-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.step-menu2{\n position: relative;\n margin: 0;\n left: 0;\n min-width: auto;\n}\n","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"OrderFailure","Style":".order-failure.layout-container{\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: var(--space-xl, 32px);\n max-width: 600px;\n margin: 0 auto;\n padding: var(--space-2xl, 48px) var(--space-lg, 24px);\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-lg, 10px);\n text-align: center;\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"OrderSuccess","Style":".order-success.layout-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: var(--space-xl, 32px);\n max-width: 600px;\n margin: 0 auto;\n padding: var(--space-2xl, 48px) var(--space-lg, 24px);\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-lg, 10px);\n text-align: center;\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"PlatformAnalytics","Style":"/* ==========================================\n DASHBOARD\n ========================================== */\n\n.dashboard.layout-container {\n display: flex;\n flex-direction: column;\n max-width: var(--container-xl, 1200px);\n margin: 0 auto;\n padding: var(--space-xl, 32px) var(--space-md, 16px);\n background-color: var(--white, #fff);\n}\n\n.dashboard > .layout-content {\n display: flex;\n flex-direction: column;\n gap: var(--space-2xl, 48px);\n padding: 0;\n}\n\n.dashboard .dashboard-section.layout-item {\n display: flex;\n flex-direction: column;\n gap: var(--space-lg, 24px);\n}\n\n.dashboard .section-title.layout-label {\n font-size: var(--font-xl, 20px);\n font-weight: var(--weight-bold, 700);\n color: var(--black, #000);\n padding-bottom: var(--space-md, 16px);\n border-bottom: 2px solid var(--gray-light, #f5f5f5);\n}\n\n.dashboard .dashboard-card.layout-item {\n display: flex;\n flex-direction: column;\n gap: var(--space-sm, 8px);\n padding: var(--space-lg, 24px);\n background-color: var(--gray-light, #f5f5f5);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n transition: all var(--transition-fast, 150ms);\n}\n\n.dashboard .dashboard-card.layout-item:hover {\n background-color: var(--white, #fff);\n box-shadow: var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, 0.05));\n border-color: var(--gray-medium, #999);\n}\n\n.dashboard .card-title.layout-label {\n font-size: var(--font-sm, 14px);\n font-weight: var(--weight-medium, 500);\n color: var(--gray-dark, #666);\n}\n\n.dashboard .card-value.layout-value {\n font-size: var(--font-3xl, 30px);\n font-weight: var(--weight-bold, 700);\n color: var(--black, #000);\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"PopUpLoader","Style":".popup-loader-container{\n}\n\n.popup-loader-button{\n}\n\n.popup-loader-icon{\n}\n\n.popup-loader-caption{\n}\n\n.popup-loader-dialog-container{\n}\n\n.popup-loader-dialog-button-header{\n}\n\n.popup-loader-dialog-other-button{\n}\n\n.popup-loader-dialog-close-button-icon{\n}\n\n.popup-loader-dialog-close-button-caption{\n}\n\n.popup-loader-dialog-content{\n}\n","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"PoweredByOrlit","Style":"/* ==========================================\n POWERED BY\n ========================================== */\n\n.powered-by.layout-container {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: var(--space-lg, 24px);\n background-color: var(--gray-light, #f5f5f5);\n border-top: 1px solid var(--border, #e0e0e0);\n}\n\n.powered-link.layout-link {\n display: flex;\n align-items: center;\n gap: var(--space-xs, 6px);\n color: var(--gray-dark, #666);\n text-decoration: none;\n font-size: var(--font-sm, 14px);\n font-weight: var(--weight-normal, 400);\n transition: color var(--transition-fast, 150ms);\n}\n\n.powered-link.layout-link:hover {\n color: var(--black, #000);\n}\n\n.powered-logo.layout-image {\n width: 20px;\n height: 20px;\n object-fit: contain;\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"PrivacySetting","Style":".privacy-setting-container{}\n.privacy-setting-content{}\n.privacy-setting-button-container{}\n.privacy-setting-button{}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"ProductCard","Style":"/* ==========================================\r\n PRODUCT CARD (GRID LAYOUT)\r\n ========================================== */\r\n\r\n/* Product Card Container */\r\n.product-card.layout-container {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: var(--space-md, 16px);\r\n padding: var(--space-md, 16px);\r\n background-color: var(--white, #fff);\r\n border: 1px solid var(--border, #e0e0e0);\r\n border-radius: var(--radius-lg, 10px);\r\n cursor: pointer;\r\n transition: all var(--transition-base, 300ms);\r\n}\r\n\r\n.product-card.layout-container:hover {\r\n box-shadow: var(--shadow-lg, 0 10px 15px rgba(0, 0, 0, 0.1));\r\n transform: translateY(-4px);\r\n border-color: var(--gray-medium, #999);\r\n}\r\n\r\n.product-card.layout-container:active {\r\n transform: translateY(-2px);\r\n box-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.1));\r\n}\r\n\r\n/* Product Image - Spans 2 columns */\r\n.product-card .product-image.layout-container {\r\n grid-column: 1 / span 2;\r\n position: relative;\r\n width: 100%;\r\n aspect-ratio: 4 / 3;\r\n background-color: var(--gray-light, #f5f5f5);\r\n border-radius: var(--radius-md, 5px);\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.product-card .product-image .layout-image {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform var(--transition-base, 300ms);\r\n}\r\n\r\n.product-card.layout-container:hover .product-image .layout-image {\r\n transform: scale(1.05);\r\n}\r\n\r\n/* Product Info - Spans 2 columns */\r\n.product-card .product-info.layout-container {\r\n grid-column: 1 / span 2;\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--space-xs, 4px);\r\n}\r\n\r\n.product-card .product-name.layout-text {\r\n font-size: var(--font-base, 16px);\r\n font-weight: var(--weight-semibold, 600);\r\n color: var(--black, #000);\r\n line-height: var(--leading-snug, 1.4);\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 2;\r\n -webkit-box-orient: vertical;\r\n}\r\n\r\n.product-card .product-stock.layout-text {\r\n font-size: var(--font-sm, 14px);\r\n font-weight: var(--weight-normal, 400);\r\n color: var(--gray-dark, #666);\r\n}\r\n\r\n/* Product SKU */\r\n.product-card .product-sku.layout-group {\r\n display: flex;\r\n gap: var(--space-xs, 4px);\r\n align-items: center;\r\n font-size: var(--font-sm, 14px);\r\n}\r\n\r\n.product-card .product-sku .layout-label {\r\n color: var(--gray-medium, #999);\r\n text-transform: lowercase;\r\n font-weight: var(--weight-normal, 400);\r\n}\r\n\r\n.product-card .product-sku .layout-value {\r\n color: var(--gray-dark, #666);\r\n font-weight: var(--weight-normal, 400);\r\n}\r\n\r\n/* Product Price */\r\n.product-card .product-price.layout-group {\r\n display: flex;\r\n align-items: baseline;\r\n gap: var(--space-xs, 6px);\r\n flex-wrap: wrap;\r\n margin-top: var(--space-xs, 4px);\r\n}\r\n\r\n.product-card .discount.layout-value {\r\n font-size: var(--font-sm, 14px);\r\n font-weight: var(--weight-normal, 400);\r\n color: var(--gray-medium, #999);\r\n text-decoration: line-through;\r\n}\r\n\r\n.product-card .min-price.layout-value {\r\n font-size: var(--font-xl, 20px);\r\n font-weight: var(--weight-bold, 700);\r\n color: var(--black, #000);\r\n}\r\n\r\n.product-card .max-price.layout-value {\r\n font-size: var(--font-lg, 18px);\r\n font-weight: var(--weight-semibold, 600);\r\n color: var(--black, #000);\r\n}\r\n\r\n/* Attributes - Spans 2 columns */\r\n.product-card > cc-attribute-value-text {\r\n grid-column: 1 / span 2;\r\n display: block;\r\n}\r\n\r\n/* Add to Cart - Spans 2 columns */\r\n.product-card > orlit-add-to-cart {\r\n grid-column: 1 / span 2;\r\n display: block;\r\n}\r\n\r\n/* Product Seller - Spans 2 columns */\r\n.product-card .product-seller.layout-container {\r\n grid-column: 1 / span 2;\r\n padding-top: var(--space-xs, 4px);\r\n border-top: 1px solid var(--border, #e0e0e0);\r\n}\r\n\r\n.product-card .product-seller .layout-link {\r\n font-size: var(--font-sm, 14px);\r\n color: var(--gray-dark, #666);\r\n text-decoration: none;\r\n font-weight: var(--weight-normal, 400);\r\n}\r\n\r\n.product-card .product-seller .layout-link:hover {\r\n color: var(--black, #000);\r\n text-decoration: underline;\r\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"ProductDetail","Style":"/*//═══════════════════════════════════════════════════════════════════════════\n// product-detail.base.css\n// Layer : Base (component-specific)\n// Scope : .product-detail and all named descendants\n// Intent : Clean two-column product page. No sticky. No overflow bleed.\n// No animation. Structured for desktop + mobile collapse.\n//═══════════════════════════════════════════════════════════════════════════*/\n\n\n/*//═══════════════════════════════════════════════════════════════════════════\n// 1. OUTER PAGE WRAPPER\n//═══════════════════════════════════════════════════════════════════════════*/\n\n.product-detail{\n display: flex;\n flex-direction: column;\n gap: var(--space-xl, 32px);\n max-width: var(--container-xl, 1200px);\n margin: 0 auto;\n padding: var(--space-xl, 32px) var(--space-md, 16px);\n box-sizing: border-box;\n /* Prevent any child from bleeding outside */\n overflow: hidden;\n}\n\n/* Loading state */\n.loading-state{\n padding: var(--space-2xl, 48px) var(--space-md, 16px);\n text-align: center;\n font-size: var(--font-base, 16px);\n color: var(--gray-medium, #999);\n}\n\n\n/*//═══════════════════════════════════════════════════════════════════════════\n// 2. PAGE HEADER (product name)\n//═══════════════════════════════════════════════════════════════════════════*/\n\n.product-detail > .layout-header {\n /* Remove the 40px bottom margin from base .header */\n margin-bottom: 0;\n padding-bottom: var(--space-md, 16px);\n border-bottom: 1px solid var(--border, #e0e0e0);\n}\n\n.product-detail > .layout-header .layout-caption {\n font-size: var(--font-2xl, 24px);\n font-weight: var(--weight-bold, 700);\n line-height: var(--leading-tight, 1.25);\n margin-bottom: 0;\n}\n\n\n/*//═══════════════════════════════════════════════════════════════════════════\n// 3. MAIN CONTENT ROW — images LEFT, info RIGHT\n// .layout-content already has padding from layout.css.\n// We override its display to make the two-column grid.\n//═══════════════════════════════════════════════════════════════════════════*/\n\n.product-detail > .layout-content:first-of-type {\n display: grid;\n grid-template-columns: 1fr 1fr; /* desktop: equal halves */\n gap: var(--space-2xl, 48px);\n align-items: flex-start;\n padding: 0; /* remove layout.css padding — children handle their own */\n background: none;\n}\n\n\n/*//═══════════════════════════════════════════════════════════════════════════\n// 4. IMAGES COLUMN\n// NO sticky. Contained. Fixed max-width so image never bleeds.\n//═══════════════════════════════════════════════════════════════════════════*/\n\n.product-images{\n display: flex;\n flex-direction: column;\n gap: var(--space-sm, 8px);\n width: 100%;\n max-width: 100%;\n overflow: hidden; /* belt + braces — nothing escapes this column */\n position: static !important; /* kill any sticky the layout layer might add */\n top: unset !important;\n}\n\n/* ── Main image box ── */\n.main-image{\n width: 100%;\n aspect-ratio: 4 / 3; /* consistent crop, not 1:1 to avoid too tall */\n overflow: hidden;\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-lg, 10px);\n background-color: var(--gray-light, #f5f5f5);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.main-image.layout-image,\n.main-image.layout-video {\n width: 100%;\n height: 100%;\n object-fit: contain; /* show full product, no crop */\n display: block;\n border-radius: 0;\n}\n\n/* ── Thumbnails ── */\n.thumbnails{\n display: flex;\n flex-direction: row;\n flex-wrap: wrap; /* wrap, no horizontal scroll */\n gap: var(--space-xs, 4px);\n width: 100%;\n overflow: hidden; /* no horizontal bleed */\n}\n\n.thumbnail-item.layout-wrapper {\n flex: 0 0 auto;\n}\n\n.thumbnail-btn.layout-button {\n position: relative;\n width: 64px;\n height: 64px;\n min-width: 64px;\n min-height: 64px;\n padding: 0;\n border: 2px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n overflow: hidden;\n background-color: var(--gray-light, #f5f5f5);\n display: flex;\n align-items: center;\n justify-content: center;\n /* neutralise layout.css transform on hover — we don't want shift */\n transition: border-color var(--transition-fast, 150ms);\n}\n\n.thumbnail-btn.layout-button:hover {\n border-color: var(--gray-dark, #666);\n background-color: var(--gray-light, #f5f5f5);\n /* override layout.css which adds transform + thicker border */\n border-width: 2px;\n transform: none;\n}\n\n.thumbnail-btn.layout-button .layout-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n border-radius: 0;\n}\n\n/* ── Play icon overlay on video thumbnails ──\n Scoped tightly so it NEVER inherits base.css .overlay { position:fixed } */\n.thumbnail-btn.layout-button .play-icon.layout-overlay {\n position: absolute; /* NOT fixed */\n inset: 0;\n width: auto;\n height: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: rgba(0, 0, 0, 0.35);\n z-index: 1;\n pointer-events: none;\n}\n\n.thumbnail-btn.layout-button .play-icon.layout-overlay mat-icon {\n font-size: 22px;\n width: 22px;\n height: 22px;\n color: var(--white, #fff);\n line-height: 1;\n}\n\n\n/*//═══════════════════════════════════════════════════════════════════════════\n// 5. PRODUCT INFO COLUMN\n//═══════════════════════════════════════════════════════════════════════════*/\n\n.product-info{\n display: flex;\n flex-direction: column;\n gap: var(--space-md, 16px);\n width: 100%;\n /* No overflow:hidden here — dropdowns from cc-attribute-value-text need room */\n}\n\n\n/*//═══════════════════════════════════════════════════════════════════════════\n// 6. PRICE BLOCK\n//═══════════════════════════════════════════════════════════════════════════*/\n\n.price-info{\n display: flex;\n flex-direction: column;\n gap: var(--space-xs, 4px);\n padding: var(--space-md, 16px);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n background-color: var(--gray-light, #f5f5f5);\n}\n\n/* Price row — numbers baseline-aligned */\n.price-display.layout-group {\n display: flex;\n flex-direction: row;\n align-items: baseline;\n flex-wrap: wrap;\n gap: var(--space-xs, 4px);\n}\n\n.discount.layout-value {\n font-size: var(--font-sm, 14px);\n color: var(--gray-medium, #999);\n}\n.discount-price{\n text-decoration: line-through;\n}\n\n.min-price.layout-value {\n font-size: var(--font-2xl, 24px);\n font-weight: var(--weight-bold, 700);\n line-height: 1;\n color: var(--black, #000);\n}\n\n.max-price.layout-value {\n font-size: var(--font-2xl, 24px);\n font-weight: var(--weight-semibold, 600);\n line-height: 1;\n color: var(--black, #000);\n}\n\n.stock-status.layout-text {\n font-size: var(--font-sm, 14px);\n font-weight: var(--weight-medium, 500);\n}\n\n.sku-info.layout-group {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--space-xs, 4px);\n flex-wrap: nowrap;\n}\n\n.sku-info .layout-label {\n font-size: var(--font-xs, 12px);\n font-weight: var(--weight-medium, 500);\n text-transform: uppercase;\n letter-spacing: 0.04em;\n color: var(--gray-medium, #999);\n margin-bottom: 0;\n}\n\n.sku-info .layout-value {\n font-size: var(--font-xs, 12px);\n font-family: var(--font-family-mono, monospace);\n color: var(--gray-dark, #666);\n}\n\n\n/*//═══════════════════════════════════════════════════════════════════════════\n// 7. cc-attribute-value-text (variant picker — e.g. \"Teeth Color\")\n// This is a child component. We can't style its internals directly\n// but we can constrain its outer bounding box so it can't bleed.\n//═══════════════════════════════════════════════════════════════════════════*/\n\n.product-infocc-attribute-value-text {\n display: block;\n width: 100%;\n max-width: 100%;\n overflow: visible; /* allow dropdown panels to open outward */\n}\n\n\n/*//═══════════════════════════════════════════════════════════════════════════\n// 8. BUNDLE INFO\n//═══════════════════════════════════════════════════════════════════════════*/\n\n.bundle-info{\n display: flex;\n flex-direction: column;\n gap: var(--space-sm, 8px);\n padding: var(--space-sm, 8px) var(--space-md, 16px);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n font-size: var(--font-sm, 14px);\n color: var(--gray-dark, #666);\n}\n\n.bundle-items{\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: var(--space-xs, 4px);\n}\n\n.bundle-item.layout-wrapper {\n width: 56px;\n height: 56px;\n flex: 0 0 auto;\n overflow: hidden;\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-sm, 3px);\n background-color: var(--gray-light, #f5f5f5);\n}\n\n.bundle-item.layout-wrapper .layout-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n\n/*//═══════════════════════════════════════════════════════════════════════════\n// 9. SELLER INFO\n//═══════════════════════════════════════════════════════════════════════════*/\n\n.seller-info{\n display: flex;\n flex-direction: row;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--space-xs, 4px);\n font-size: var(--font-sm, 14px);\n}\n\n.seller-info .layout-label {\n color: var(--gray-dark, #666);\n font-size: var(--font-sm, 14px);\n margin-bottom: 0;\n}\n\n.seller-info .layout-value {\n font-size: var(--font-sm, 14px);\n}\n\n.seller-info .layout-link {\n font-size: var(--font-sm, 14px);\n font-weight: var(--weight-medium, 500);\n text-decoration: underline;\n}\n\n\n/*//═══════════════════════════════════════════════════════════════════════════\n// 10. DESCRIPTION SECTION\n//═══════════════════════════════════════════════════════════════════════════*/\n\n.product-detail > .layout-content:nth-of-type(2) {\n padding: var(--space-lg, 24px);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-lg, 10px);\n background-color: var(--white, #fff);\n display: flex;\n flex-direction: row;\n gap: var(--space-md, 16px);\n}\n\n.product-detail > .layout-content:nth-of-type(2) .layout-header {\n margin-bottom: 0;\n padding-bottom: var(--space-sm, 8px);\n border-bottom: 1px solid var(--border, #e0e0e0);\n}\n\n/* Section heading size — smaller than page caption */\n.product-detail .layout-content .layout-header .layout-caption {\n font-size: var(--font-lg, 18px);\n font-weight: var(--weight-semibold, 600);\n margin-bottom: 0;\n}\n\n/* Product title / tagline under \"Product Details\" */\n.subtitle.layout-caption {\n font-size: var(--font-sm, 14px);\n font-weight: var(--weight-normal, 400);\n color: var(--gray-dark, #666);\n margin-top: var(--space-xs, 4px);\n margin-bottom: 0;\n}\n\n.description{\n padding: 0;\n}\n\n/* Safely style injected [innerHTML] prose */\n.description .layout-text {\n font-size: var(--font-sm, 14px);\n line-height: var(--leading-relaxed, 1.6);\n color: var(--gray-dark, #666);\n}\n\n.description .layout-text p {\n margin-bottom: var(--space-md, 16px);\n}\n\n.description .layout-text p:last-child {\n margin-bottom: 0;\n}\n\n.description .layout-text ul,\n.description .layout-text ol {\n padding-left: var(--space-lg, 24px);\n margin-bottom: var(--space-md, 16px);\n}\n\n.description .layout-text li {\n margin-bottom: var(--space-xs, 4px);\n}\n\n\n/*//═══════════════════════════════════════════════════════════════════════════\n// 11. PROPERTIES SECTION (attributes)\n//═══════════════════════════════════════════════════════════════════════════*/\n\n.product-detail > .layout-content:nth-of-type(3) {\n padding: var(--space-lg, 24px);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-lg, 10px);\n background-color: var(--white, #fff);\n display: flex;\n flex-direction: column;\n gap: var(--space-md, 16px);\n}\n\n.product-detail > .layout-content:nth-of-type(3) .layout-header {\n margin-bottom: 0;\n padding-bottom: var(--space-sm, 8px);\n border-bottom: 1px solid var(--border, #e0e0e0);\n}\n\n.attributes{\n padding: 0;\n}\n\n.attributes .layout-list {\n display: flex;\n flex-direction: column;\n width: 100%;\n}\n\n.attributes .layout-list li {\n padding: var(--space-sm, 8px) 0;\n border-bottom: 1px solid var(--border, #e0e0e0);\n list-style: none;\n}\n\n.attributes .layout-list li:last-child {\n border-bottom: none;\n}\n\n/* Attribute row */\n.attributes .layout-item {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--space-md, 16px);\n flex-wrap: wrap;\n margin-bottom: 0;\n}\n\n/* Fixed-width label keeps values visually aligned */\n.attributes .layout-label {\n min-width: 120px;\n flex-shrink: 0;\n font-size: var(--font-sm, 14px);\n font-weight: var(--weight-medium, 500);\n color: var(--gray-dark, #666);\n margin-bottom: 0;\n}\n\n.attributes .layout-value {\n flex: 1;\n font-size: var(--font-sm, 14px);\n color: var(--black, #000);\n}\n\n/* Color picker — display only, not interactive in this context */\n.attributes cc-color-picker.layout-value {\n flex: 0 0 auto;\n width: 24px;\n height: 24px;\n border-radius: var(--radius-sm, 3px);\n overflow: hidden;\n border: 1px solid var(--border, #e0e0e0);\n pointer-events: none;\n display: block;\n}\n\n\n/*//═══════════════════════════════════════════════════════════════════════════\n// 12. RESPONSIVE\n// layout.css already contains most breakpoint rules for this component.\n// Here we only handle things NOT covered there:\n// — disabling the two-column grid on mobile\n// — removing layout.css sticky (which causes the scroll bleed)\n//═══════════════════════════════════════════════════════════════════════════*/\n\n/* ── Tablet and up: two columns ── */\n@media (min-width: 768px) {\n .product-detail > .layout-content:first-of-type {\n grid-template-columns: 1fr 1fr;\n gap: var(--space-xl, 32px);\n }\n\n .product-detail > .layout-header .layout-caption {\n font-size: var(--font-3xl, 30px);\n }\n}\n\n/* ── Large desktop: give images more room ── */\n@media (min-width: 1024px) {\n .product-detail > .layout-content:first-of-type {\n grid-template-columns: 3fr 2fr;\n gap: var(--space-2xl, 48px);\n }\n\n .product-detail > .layout-header .layout-caption {\n font-size: var(--font-4xl, 36px);\n }\n\n .min-price.layout-value {\n font-size: var(--font-2xl, 30px);\n }\n}\n\n/* ── Mobile: single column, everything stacks ── */\n@media (max-width: 767px) {\n .product-detail{\n padding: var(--space-md, 16px) var(--space-sm, 8px);\n gap: var(--space-lg, 24px);\n }\n\n /* Kill sticky from layout.css on mobile */\n .product-images{\n position: static !important;\n top: unset !important;\n }\n\n .product-detail > .layout-content:first-of-type {\n grid-template-columns: 1fr;\n gap: var(--space-lg, 24px);\n }\n\n .main-image{\n aspect-ratio: 4 / 3;\n border-radius: var(--radius-md, 5px);\n }\n\n .thumbnail-btn.layout-button {\n width: 52px;\n height: 52px;\n min-width: 52px;\n min-height: 52px;\n }\n\n .price-display.layout-group {\n align-items: flex-start;\n gap: var(--space-xs, 4px);\n }\n\n .min-price.layout-value {\n font-size: var(--font-xl, 20px);\n }\n\n .max-price.layout-value {\n font-size: var(--font-base, 16px);\n }\n\n .product-detail > .layout-content:nth-of-type(2),\n .product-detail > .layout-content:nth-of-type(3) {\n padding: var(--space-md, 16px);\n }\n\n .attributes .layout-label {\n min-width: 100px;\n }\n}\n@media (max-width: 480px) {\n .product-detail{\n padding: var(--space-md, 16px) var(--space-xs, 4px);\n }\n .product-detail > .layout-content:nth-of-type(2){\n flex-direction: column;\n }\n\n .thumbnail-btn.layout-button {\n width: 44px;\n height: 44px;\n min-width: 44px;\n min-height: 44px;\n }\n\n .attributes .layout-label {\n min-width: 80px;\n font-size: var(--font-xs, 12px);\n }\n\n .attributes .layout-value {\n font-size: var(--font-xs, 12px);\n }\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"ProductDetailCarousel","Style":"\n/* Product Detail Container */\n.product-detail.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-2xl, 48px);\n max-width: var(--container-xl, 1200px);\n margin: 0 auto;\n padding: var(--space-xl, 32px) var(--space-md, 16px);\n background-color: var(--white, #fff);\n}\n\n/* Product Images Section */\n.product-images.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-md, 16px);\n flex: 1;\n}\n\n.main-image.layout-container {\n position: relative;\n width: 100%;\n aspect-ratio: 1 / 1;\n background-color: var(--gray-light, #f5f5f5);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-lg, 10px);\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.main-image.layout-container .layout-image,\n.main-image.layout-container .layout-video {\n width: 100%;\n height: 100%;\n object-fit: contain;\n}\n\n/* Thumbnails */\n.thumbnails.layout-container {\n display: flex;\n gap: var(--space-sm, 8px);\n overflow-x: auto;\n padding: var(--space-xs, 4px);\n}\n\n.thumbnail-item.layout-wrapper {\n flex-shrink: 0;\n position: relative;\n}\n\n.thumbnail-btn.layout-button {\n padding: 0;\n width: 80px;\n height: 80px;\n border: 2px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n overflow: hidden;\n position: relative;\n background-color: var(--white, #fff);\n}\n\n.thumbnail-btn.layout-button:hover {\n border-color: var(--black, #000);\n transform: scale(1.05);\n}\n\n.thumbnail-btn.layout-button .layout-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.play-icon.layout-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: rgba(0, 0, 0, 0.4);\n color: var(--white, #fff);\n pointer-events: none;\n}\n\n.play-icon.layout-overlay mat-icon {\n font-size: 32px;\n width: 32px;\n height: 32px;\n}\n\n/* Product Info Section */\n.product-info.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-lg, 24px);\n flex: 1;\n}\n\n/* Price Info */\n.price-info.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-sm, 8px);\n padding: var(--space-md, 16px);\n background-color: var(--gray-light, #f5f5f5);\n border-radius: var(--radius-md, 5px);\n}\n\n.price-display.layout-group {\n display: flex;\n align-items: baseline;\n gap: var(--space-sm, 8px);\n flex-wrap: wrap;\n}\n\n.discount.layout-value {\n font-size: var(--font-lg, 18px);\n font-weight: var(--weight-semibold, 600);\n color: var(--gray-medium, #999);\n text-decoration: line-through;\n}\n\n.min-price.layout-value {\n font-size: var(--font-3xl, 30px);\n font-weight: var(--weight-bold, 700);\n color: var(--black, #000);\n}\n\n.max-price.layout-value {\n font-size: var(--font-2xl, 24px);\n font-weight: var(--weight-semibold, 600);\n color: var(--black, #000);\n}\n\n.stock-status.layout-text {\n font-size: var(--font-sm, 14px);\n font-weight: var(--weight-medium, 500);\n color: var(--gray-dark, #666);\n}\n\n.sku-info.layout-group {\n display: flex;\n gap: var(--space-xs, 4px);\n font-size: var(--font-sm, 14px);\n}\n\n.sku-info .layout-label {\n color: var(--gray-dark, #666);\n text-transform: uppercase;\n font-weight: var(--weight-medium, 500);\n}\n\n.sku-info .layout-value {\n color: var(--black, #000);\n font-weight: var(--weight-normal, 400);\n}\n\n/* Bundle Info */\n.bundle-info.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-md, 16px);\n padding: var(--space-md, 16px);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n background-color: var(--white, #fff);\n}\n\n.bundle-items.layout-container {\n display: flex;\n gap: var(--space-sm, 8px);\n flex-wrap: wrap;\n}\n\n.bundle-item.layout-wrapper {\n width: 60px;\n height: 60px;\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-sm, 3px);\n overflow: hidden;\n background-color: var(--gray-light, #f5f5f5);\n}\n\n.bundle-item.layout-wrapper .layout-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n/* Seller Info */\n.seller-info.layout-container {\n display: flex;\n gap: var(--space-sm, 8px);\n align-items: center;\n padding: var(--space-sm, 8px) 0;\n border-top: 1px solid var(--border, #e0e0e0);\n border-bottom: 1px solid var(--border, #e0e0e0);\n}\n\n.seller-info .layout-label {\n font-weight: var(--weight-medium, 500);\n color: var(--gray-dark, #666);\n}\n\n.seller-info .layout-value {\n color: var(--black, #000);\n}\n\n/* Description Section */\n.description.layout-container {\n padding: var(--space-lg, 24px);\n background-color: var(--gray-light, #f5f5f5);\n border-radius: var(--radius-lg, 10px);\n line-height: var(--leading-relaxed, 1.6);\n}\n\n.description .layout-text {\n color: var(--gray-dark, #666);\n font-size: var(--font-base, 16px);\n}\n\n.subtitle.layout-caption {\n font-size: var(--font-lg, 18px);\n font-weight: var(--weight-normal, 400);\n color: var(--gray-dark, #666);\n margin-top: var(--space-xs, 4px);\n}\n\n/* Attributes/Properties Section */\n.attributes.layout-container {\n padding: var(--space-lg, 24px);\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-lg, 10px);\n}\n\n.attributes .layout-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.attributes .layout-list li {\n padding: var(--space-sm, 10px) 0;\n border-bottom: 1px solid var(--border, #e0e0e0);\n}\n\n.attributes .layout-list li:last-child {\n border-bottom: none;\n}\n\n.attribute-color.layout-item {\n display: flex;\n align-items: center;\n gap: var(--space-md, 16px);\n}\n\n.attributes .layout-item {\n display: flex;\n gap: var(--space-md, 16px);\n}\n\n.attributes .layout-label {\n min-width: 140px;\n font-weight: var(--weight-medium, 500);\n color: var(--gray-dark, #666);\n}\n\n.attributes .layout-value {\n flex: 1;\n color: var(--black, #000);\n}\n\n/* Loading State */\n.loading-state.layout-container {\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 400px;\n font-size: var(--font-lg, 18px);\n color: var(--gray-medium, #999);\n background-color: var(--gray-light, #f5f5f5);\n}\n\n/* Responsive Layout - Tablet */\n@media (min-width: 768px) {\n .product-detail.layout-container > .layout-content:first-of-type {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: var(--space-2xl, 48px);\n align-items: start;\n }\n \n .product-images.layout-container {\n position: sticky;\n top: var(--space-lg, 24px);\n }\n}\n\n/* Responsive Layout - Desktop */\n@media (min-width: 1024px) {\n .product-detail.layout-container > .layout-content:first-of-type {\n grid-template-columns: 3fr 2fr;\n }\n \n .thumbnails.layout-container {\n overflow-x: visible;\n flex-wrap: wrap;\n }\n}\n\n/* Responsive Layout - Mobile */\n@media (max-width: 767px) {\n .product-detail.layout-container {\n padding: var(--space-lg, 24px) var(--space-sm, 8px);\n gap: var(--space-xl, 32px);\n }\n \n .product-images.layout-container,\n .product-info.layout-container {\n width: 100%;\n }\n \n .main-image.layout-container {\n aspect-ratio: 4 / 3;\n }\n \n .price-display.layout-group {\n flex-direction: column;\n align-items: flex-start;\n }\n \n .min-price.layout-value {\n font-size: var(--font-2xl, 24px);\n }\n \n .attributes .layout-label {\n min-width: 100px;\n font-size: var(--font-sm, 14px);\n }\n \n .attributes .layout-value {\n font-size: var(--font-sm, 14px);\n }\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"ProductGroup","Style":".product-group-container{\n\n }\n .product-group-aggregate{\n \n }\n .product-group-aggregate-item{\n \n }\n .product-group-aggregate-caption{\n \n }\n .product-group-aggregate-subitem{\n \n }\n .product-group-aggregate-subitem-caption{\n\n }\n .product-group-aggregate-subitem-value{\n\n }\n .product-card-content{\n \n }","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"ProductList","Style":"/* ==========================================\n PRODUCT LIST COMPONENT\n ========================================== */\n.product-list {\n display: flex;\n gap: 20px;\n}\n\n.product-list .layout-button {\n flex-grow: 1;\n}\n\n/* Product List Container */\n.product-list{\n display: flex;\n gap: var(--space-xl, 32px);\n max-width: var(--container-xl, 1200px);\n margin: 0 auto;\n padding: var(--space-xl, 32px) var(--space-md, 16px);\n background-color: var(--white, #fff);\n position: relative;\n}\n\n/* Loading Shade */\n.loading-shade.layout-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(255, 255, 255, 0.9);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n}\n\n/* Filter Sidebar */\n.filter-sidebar.layout-container {\n width: 250px;\n flex-shrink: 0;\n background-color: var(--gray-light, #f5f5f5);\n padding: var(--space-lg, 24px);\n border-radius: var(--radius-lg, 10px);\n border: 1px solid var(--border, #e0e0e0);\n height: fit-content;\n position: sticky;\n top: var(--space-lg, 24px);\n}\n\n.filter-sidebar .layout-header {\n font-size: var(--font-lg, 18px);\n font-weight: var(--weight-bold, 700);\n color: var(--black, #000);\n padding-bottom: var(--space-md, 16px);\n border-bottom: 2px solid var(--border, #e0e0e0);\n margin-bottom: var(--space-lg, 24px);\n grid-column: span 3;\n}\n\n.filter-group.layout-item {\n margin-bottom: var(--space-lg, 24px);\n}\n\n.filter-group .layout-caption {\n font-size: var(--font-base, 16px);\n font-weight: var(--weight-semibold, 600);\n color: var(--black, #000);\n margin-bottom: var(--space-sm, 8px);\n}\n\n.filter-option.layout-item {\n padding: var(--space-xs, 4px) 0;\n}\n\n.filter-option mat-checkbox {\n display: flex;\n align-items: center;\n gap: var(--space-xs, 4px);\n}\n\n.color-filter.layout-label {\n display: inline-flex;\n margin-right: var(--space-xs, 4px);\n}\n\n.filter-option .layout-label {\n flex: 1;\n font-size: var(--font-sm, 14px);\n color: var(--gray-dark, #666);\n}\n\n.filter-option .layout-value {\n font-size: var(--font-xs, 12px);\n color: var(--gray-medium, #999);\n margin-left: var(--space-xs, 4px);\n}\n\n/* Product List Content */\n.product-list > .layout-content {\n flex: 1;\n min-width: 0;\n padding: 0;\n}\n\n/* Toolbar */\n.toolbar {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: var(--space-md, 16px);\n padding-bottom: var(--space-md, 16px);\n border-radius: var(--radius-md, 5px);\n margin-bottom: var(--space-sm, 8px);\n}\n\n.filter-btn-group.layout-container {\n display: flex;\n}\n\n.filter-btn.layout-button {\n padding: var(--space-sm, 10px) var(--space-md, 16px);\n font-size: var(--font-sm, 14px);\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n}\n\n.filter-btn.layout-button:hover {\n background-color: var(--gray-light, #f5f5f5);\n border-color: var(--gray-dark, #666);\n}\n\n.sort-controls.layout-container {\n display: flex;\n align-items: center;\n gap: var(--space-sm, 8px);\n font-size: var(--font-sm, 14px);\n color: var(--gray-dark, #666);\n padding: var(--space-sm) var(--space-md);\n background-color: var(--gray-light, #f5f5f5);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md);\n flex-direction: column;\n}\n\n.sort-controls mat-button-toggle-group {\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n}\n\n.sort-controls select {\n padding: var(--space-xs, 6px) var(--space-sm, 12px);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n background-color: var(--white, #fff);\n font-size: var(--font-sm, 14px);\n cursor: pointer;\n width: 200px;\n}\n\n/* Products Area */\n.products-area {\n display: flex;\n flex-direction: column;\n gap: var(--space-xl, 32px);\n}\n\n.layout-products-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n gap: var(--space-lg, 24px);\n}\n\n/* Load More Button */\n.products-area .button-group {\n display: flex;\n justify-content: center;\n padding-top: var(--space-lg, 24px);\n}\n\n.load-more-btn.layout-button {\n padding: var(--space-sm, 12px) var(--space-xl, 48px);\n background-color: var(--white, #fff);\n border: 2px solid var(--border, #e0e0e0);\n font-weight: var(--weight-medium, 500);\n}\n\n.load-more-btn.layout-button:hover {\n background-color: var(--gray-light, #f5f5f5);\n border-color: var(--gray-dark, #666);\n}\n\n.load-more-btn.layout-button:disabled {\n background-color: var(--gray-light, #f5f5f5);\n color: var(--gray-medium, #999);\n border-color: var(--border, #e0e0e0);\n cursor: not-allowed;\n opacity: 0.6;\n}\n\n\n/* ==========================================\n RESPONSIVE — 1200px (wide desktop)\n Loosen the grid; sidebar stays visible.\n ========================================== */\n@media (max-width: 1200px) {\n .product-list{\n max-width: 100%;\n padding: var(--space-lg, 24px) var(--space-md, 16px);\n gap: var(--space-lg, 24px);\n }\n\n .layout-products-grid {\n grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n gap: var(--space-md, 16px);\n }\n}\n\n\n/* ==========================================\n RESPONSIVE — 1024px (desktop/tablet edge)\n Narrow sidebar; grid tightens to 2 columns.\n ========================================== */\n@media (max-width: 1024px) {\n .product-list {\n gap: var(--space-md, 16px);\n padding: var(--space-md, 16px);\n }\n\n .filter-sidebar.layout-container {\n width: 200px;\n padding: var(--space-md, 16px);\n }\n\n .layout-products-grid {\n grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n gap: var(--space-md, 16px);\n }\n\n .sort-controls.layout-container {\n flex-direction: row;\n align-items: center;\n }\n\n .sort-controls select {\n width: 160px;\n }\n}\n\n\n/* ==========================================\n RESPONSIVE — 768px (tablet)\n Sidebar collapses off-flow; content goes\n full-width; toolbar wraps.\n ========================================== */\n@media (max-width: 768px) {\n .product-list{\n flex-direction: column;\n gap: var(--space-md, 16px);\n padding: var(--space-md, 16px) var(--space-md, 16px);\n }\n\n .filter-sidebar.layout-container {\n width: 100%;\n position: static;\n padding: var(--space-md, 16px);\n border-radius: var(--radius-md, 5px);\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n }\n\n .product-list > .layout-content {\n width: 100%;\n }\n\n .toolbar {\n flex-wrap: wrap;\n justify-content: flex-start;\n gap: var(--space-sm, 8px);\n }\n\n .filter-btn-group.layout-container {\n flex-wrap: wrap;\n gap: var(--space-xs, 4px);\n }\n\n .sort-controls.layout-container {\n width: 100%;\n flex-direction: row;\n align-items: center;\n flex-wrap: wrap;\n }\n\n .sort-controls select {\n flex: 1;\n width: auto;\n min-width: 140px;\n }\n\n .layout-products-grid {\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n gap: var(--space-md, 16px);\n }\n\n .load-more-btn.layout-button {\n width: 100%;\n padding: var(--space-sm, 12px) var(--space-lg, 24px);\n }\n}\n\n\n/* ==========================================\n RESPONSIVE — 480px (mobile)\n Single-column grid; toolbar stacks fully.\n ========================================== */\n@media (max-width: 480px) {\n .product-list {\n padding: var(--space-sm, 8px) var(--space-md, 16px);\n gap: var(--space-sm, 8px);\n }\n\n .filter-sidebar.layout-container {\n padding: var(--space-sm, 8px);\n border-radius: var(--radius-sm, 4px);\n }\n\n .filter-sidebar .layout-header {\n font-size: var(--font-base, 16px);\n margin-bottom: var(--space-md, 16px);\n }\n\n .filter-group.layout-item {\n margin-bottom: var(--space-md, 16px);\n }\n\n .toolbar {\n flex-direction: column;\n align-items: flex-start;\n gap: var(--space-sm, 8px);\n }\n\n .filter-btn-group.layout-container {\n width: 100%;\n }\n\n .filter-btn.layout-button {\n flex: 1;\n text-align: center;\n }\n\n .sort-controls.layout-container {\n width: 100%;\n flex-direction: column;\n align-items: flex-start;\n gap: var(--space-xs, 4px);\n }\n\n .sort-controls select {\n width: 100%;\n }\n\n .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {\n padding: 0 var(--space-sm);\n }\n\n mat-button-toggle-group.mat-button-toggle-group.mat-button-toggle-group-appearance-standard {\n flex-direction: column;\n width: 100%;\n }\n\n .layout-products-grid {\n gap: var(--space-sm, 8px);\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .products-area {\n gap: var(--space-md, 16px);\n }\n\n .load-more-btn.layout-button {\n width: 100%;\n padding: var(--space-sm, 12px);\n }\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"ProductRibbon","Style":"/* ==========================================\n PRODUCT RIBBON COMPONENT\n ========================================== */\n\n/* Product Ribbon Container */\n.product-ribbon.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-lg, 24px);\n padding: var(--space-xl, 32px) var(--space-md, 16px);\n background-color: var(--white, #fff);\n position: relative;\n}\n\n.product-ribbon .layout-header {\n padding-bottom: var(--space-md, 16px);\n border-bottom: 2px solid var(--gray-light, #f5f5f5);\n margin-bottom: 0;\n}\n\n.product-ribbon .layout-caption {\n font-size: var(--font-2xl, 24px);\n font-weight: var(--weight-bold, 700);\n color: var(--black, #000);\n margin-bottom: 0;\n}\n\n.product-ribbon .layout-content {\n position: relative;\n padding: 0;\n}\n\n.product-ribbon .layout-carousel {\n overflow: hidden;\n}\n\n.product-ribbon .slider-item.layout-item {\n padding: var(--space-sm, 8px);\n}\n\n/* Navigation Buttons */\n.nav-prev.layout-button,\n.nav-next.layout-button {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: 10;\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: 50%;\n width: 48px;\n height: 48px;\n min-width: 48px;\n padding: var(--space-xs, 8px);\n box-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.1));\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.nav-prev.layout-button:hover,\n.nav-next.layout-button:hover {\n background-color: var(--black, #000);\n color: var(--white, #fff);\n border-color: var(--black, #000);\n}\n\n.nav-prev.layout-button {\n left: var(--space-md, 16px);\n}\n\n.nav-next.layout-button {\n right: var(--space-md, 16px);\n}\n\n\n.product-details{\n flex-grow: 1;\n}\n","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"ProductSellers","Style":"/* ==========================================\n PRODUCT SELLERS COMPONENT\n ========================================== */\n\n.theme-container.seller-details {\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n\n\n/* Product Sellers Container */\n.product-sellers.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-lg, 24px);\n max-width: var(--container-lg, 1024px);\n margin: 0 auto;\n padding: var(--space-xl, 32px) var(--space-md, 16px);\n background-color: var(--white, #fff);\n}\n\n/* Product Overview */\n.product-overview.layout-content {\n display: flex;\n gap: var(--space-lg, 24px);\n padding: var(--space-lg, 24px);\n background-color: var(--gray-light, #f5f5f5);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-lg, 10px);\n}\n\n.product-overview .product-image {\n width: 120px;\n height: 120px;\n flex-shrink: 0;\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n overflow: hidden;\n background-color: var(--white, #fff);\n}\n\n.product-overview .product-image .layout-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.product-overview .product-details.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-xs, 4px);\n flex: 1;\n}\n\n.product-overview .product-name.layout-text {\n font-size: var(--font-lg, 18px);\n font-weight: var(--weight-semibold, 600);\n color: var(--black, #000);\n}\n\n.product-overview .product-stock.layout-text {\n font-size: var(--font-sm, 14px);\n color: var(--gray-dark, #666);\n}\n\n.product-overview .product-sku.layout-group {\n display: flex;\n gap: var(--space-xs, 4px);\n font-size: var(--font-sm, 14px);\n}\n\n.product-overview .product-sku .layout-label {\n color: var(--gray-medium, #999);\n text-transform: lowercase;\n}\n\n.product-overview .product-sku .layout-value {\n color: var(--gray-dark, #666);\n}\n\n/* Seller Band */\n.seller-band.layout-content {\n display: flex;\n padding: var(--space-lg, 24px);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n background-color: var(--white, #fff);\n transition: all var(--transition-fast, 150ms);\n}\n\n.seller-band.layout-content:hover {\n box-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.1));\n border-color: var(--gray-medium, #999);\n}\n\n.seller-details.layout-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: var(--space-lg, 24px);\n width: 100%;\n}\n\n.seller-pricing.layout-group {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: var(--space-sm, 8px);\n flex: 1;\n}\n\n.price-range.layout-group {\n display: flex;\n align-items: baseline;\n gap: var(--space-xs, 6px);\n flex-direction: row;\n align-items: center;\n}\n\n.price-range .min-price.layout-text {\n font-size: var(--font-xl, 20px);\n font-weight: var(--weight-bold, 700);\n color: var(--black, #000);\n}\n\n.price-range .max-price.layout-text {\n font-size: var(--font-lg, 18px);\n font-weight: var(--weight-semibold, 600);\n color: var(--black, #000);\n}\n\n.seller-name.layout-group {\n display: flex;\n align-items: center;\n gap: var(--space-xs, 4px);\n font-size: var(--font-sm, 14px);\n color: var(--gray-dark, #666);\n}\n\n.seller-link.layout-link {\n color: var(--black, #000);\n font-weight: var(--weight-medium, 500);\n text-decoration: none;\n}\n\n.seller-link.layout-link:hover {\n text-decoration: underline;\n}\n","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"ProductSummary","Style":"/* ==========================================\n PRODUCT SUMMARY (ALTERNATIVE VERSION)\n ========================================== */\n\n/* Product Summary without container classes */\n.product-summary {\n overflow: hidden;\n display: flex;\n flex-direction: column;\n gap: var(--space-md, 16px);\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-lg, 10px);\n cursor: pointer;\n transition: all var(--transition-base, 300ms);\n height: 550px;\n justify-content: space-between;\n}\n.product-summary .layout-button{\n flex-grow: 1;\n \n}\n.product-action-buttons{\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--space-sm);\n}\n.product-details{\n padding: var(--space-md, 16px);\n}\n.cart-button-content{\n display: flex;\n align-items: center;\n gap: var(--space-xs);\n}\n\n.material-icons{\n font-size: 20px;\n}\n.mat-icon{\n height: 20px;\n width: 20px;\n}\n\n.product-summary:hover {\n box-shadow: var(--shadow-lg, 0 10px 15px rgba(0, 0, 0, 0.1));\n transform: translateY(-4px);\n border-color: var(--gray-medium, #999);\n}\n\n.product-summary .product-image {\n position: relative;\n width: 100%;\n aspect-ratio: 1 / 1;\n max-height: 250px;\n background-color: var(--gray-light, #f5f5f5);\n border-radius: var(--radius-md, 5px);\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.product-summary .product-image .layout-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform var(--transition-base, 300ms);\n}\n\n.product-summary:hover .product-image .layout-image {\n transform: scale(1.05);\n}\n\n.product-summary .product-info {\n display: flex;\n flex-direction: column;\n gap: var(--space-xs, 4px);\n flex: 1;\n}\n\n.product-summary .product-attributes {\n display: flex;\n flex-direction: column;\n gap: var(--space-xs, 4px);\n min-height: 24px;\n}\n\n.product-summary .product-seller {\n padding-top: var(--space-xs, 4px);\n border-top: 1px solid var(--border, #e0e0e0);\n}\n\n.product-summary .product-actions {\n display: flex;\n margin-top: auto;\n padding-top: var(--space-sm, 8px);\n}\n\n\n\n\n\n/* Product Info */\n.product-info.layout-container {\n display: flex;\n flex-direction: column;\n flex: 1;\n}\n\n.product-name.layout-text {\n font-size: var(--font-xl, 2rem);\n font-weight: var(--weight-normal, 600);\n color: var(--black, #000);\n line-height: var(--leading-snug, 1.4);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n}\n\n.product-stock.layout-text {\n font-size: var(--font-sm, 14px);\n font-weight: var(--weight-normal, 400);\n color: var(--gray-dark, #666);\n}\n\n/* Product SKU */\n.product-sku.layout-group {\n display: flex;\n gap: var(--space-xs, 4px);\n align-items: center;\n font-size: var(--font-sm, 14px);\n flex-direction: row;\n}\n\n.product-sku .layout-label {\n color: var(--gray-medium, #999);\n text-transform: lowercase;\n font-weight: var(--weight-normal, 400);\n}\n\n.product-sku .layout-value {\n color: var(--gray-dark, #666);\n font-weight: var(--weight-normal, 400);\n}\n\n/* Product Price */\n.product-price.layout-group {\n display: flex;\n flex-direction: row;\n align-items: baseline;\n gap: var(--space-xs, 6px);\n flex-wrap: wrap;\n margin-top: var(--space-xs, 4px);\n}\n\n.discount-text.layout-text {\n font-size: var(--font-sm, 14px);\n font-weight: var(--weight-normal, 400);\n color: var(--gray-medium, #999); \n}\n.discount-price{\n text-decoration: line-through;\n}\n\n.min-price.layout-text {\n font-size: var(--font-lg, 18px);\n font-weight: var(--weight-normal, 600);\n color: var(--black, #000);\n}\n\n.max-price.layout-text {\n font-size: var(--font-lg, 18px);\n font-weight: var(--weight-normal, 600);\n color: var(--black, #000);\n}\n\n/* Product Attributes */\n.product-attributes.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-xs, 4px);\n min-height: 24px;\n}\n\n/* Product Seller */\n.product-seller.layout-container {\n padding-top: var(--space-xs, 4px);\n border-top: 1px solid var(--border, #e0e0e0);\n}\n\n.seller-link.layout-link {\n font-size: 10px;\n color: var(--gray-dark, #666);\n text-decoration: none;\n font-weight: var(--weight-normal, 400);\n}\n\n.seller-link.layout-link:hover {\n color: var(--black, #000);\n text-decoration: underline;\n}\n\n/* Product Actions */\n.product-actions.layout-container {\n display: flex;\n margin-top: auto;\n padding-top: var(--space-sm, 8px);\n}\n\n/* Minimal Variant (when isMinimal=true) */\n.product-summary.layout-container.minimal {\n gap: var(--space-sm, 8px);\n padding: var(--space-sm, 12px);\n}\n\n.product-summary.layout-container.minimal .product-name.layout-text {\n font-size: var(--font-sm, 14px);\n}\n\n.product-summary.layout-container.minimal .min-price.layout-text {\n font-size: var(--font-base, 16px);\n}\n\n/* Grid Layout Support */\n.products-grid.layout-grid-container .product-summary.layout-container {\n height: 100%;\n}\n\n/* Responsive - Tablet */\n@media (max-width: 768px) {\n .product-summary.layout-container {\n padding: var(--space-sm, 12px);\n gap: var(--space-sm, 12px);\n }\n \n .product-name.layout-text {\n font-size: var(--font-sm, 14px);\n }\n \n .min-price.layout-text {\n font-size: var(--font-lg, 18px);\n }\n \n .max-price.layout-text {\n font-size: var(--font-base, 16px);\n }\n}\n\n/* Responsive - Mobile */\n@media (max-width: 480px) {\n .product-summary.layout-container {\n padding: var(--space-xs, 8px);\n gap: var(--space-xs, 8px);\n }\n \n .product-image.layout-container {\n aspect-ratio: 4 / 3;\n }\n \n .product-name.layout-text {\n font-size: var(--font-xs, 13px);\n -webkit-line-clamp: 1;\n }\n \n .product-stock.layout-text {\n font-size: var(--font-xs, 12px);\n }\n \n .product-sku.layout-group {\n font-size: var(--font-xs, 12px);\n }\n \n .min-price.layout-text {\n font-size: var(--font-base, 16px);\n }\n \n .max-price.layout-text {\n font-size: var(--font-sm, 14px);\n }\n \n .discount-text.layout-text {\n font-size: var(--font-xs, 12px);\n }\n \n .seller-link.layout-link {\n font-size: var(--font-xs, 12px);\n }\n}\n\n/* List View Variant (if needed for different layouts) */\n.product-list-view .product-summary.layout-container {\n flex-direction: row;\n gap: var(--space-md, 16px);\n}\n\n.product-list-view .product-image.layout-container {\n flex: 0 0 120px;\n width: 120px;\n height: 120px;\n aspect-ratio: auto;\n}\n\n.product-list-view .product-info.layout-container {\n flex: 1;\n}\n\n@media (max-width: 768px) {\n .product-list-view .product-image.layout-container {\n flex: 0 0 80px;\n width: 80px;\n height: 80px;\n }\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"ResetPassword","Style":"/* ==========================================\n RESET PASSWORD COMPONENT\n ========================================== */\n\n/* Reset Password Container */\n.reset-password-page.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-2xl, 48px);\n max-width: 480px;\n margin: 0 auto;\n padding: var(--space-2xl, 48px) var(--space-lg, 24px);\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-lg, 10px);\n}\n\n.reset-password-page .layout-header {\n display: flex;\n justify-content: center;\n padding-bottom: var(--space-lg, 24px);\n border-bottom: 2px solid var(--gray-light, #f5f5f5);\n margin-bottom: 0;\n}\n\n.reset-password-page .logo-link.layout-link {\n display: flex;\n align-items: center;\n gap: var(--space-md, 16px);\n text-decoration: none;\n color: var(--black, #000);\n}\n\n.reset-password-page .logo-image.layout-image {\n width: 60px;\n height: 60px;\n object-fit: contain;\n border-radius: var(--radius-md, 5px);\n border: 1px solid var(--border, #e0e0e0);\n}\n\n.reset-password-page .page-title.layout-text {\n font-size: var(--font-2xl, 24px);\n font-weight: var(--weight-bold, 700);\n color: var(--black, #000);\n line-height: var(--leading-tight, 1.2);\n}\n\n.reset-password-page .page-subtitle.layout-text {\n font-size: var(--font-sm, 14px);\n font-weight: var(--weight-normal, 400);\n color: var(--gray-dark, #666);\n line-height: var(--leading-normal, 1.5);\n}\n\n.reset-password-page .layout-content {\n padding: 0;\n}\n\n.reset-password-page form {\n display: flex;\n flex-direction: column;\n gap: var(--space-lg, 24px);\n}\n\n.username-row.layout-row {\n display: flex;\n flex-direction: column;\n gap: var(--space-xs, 4px);\n}\n\n.username-row .layout-col {\n display: flex;\n flex-direction: column;\n width: 100%;\n}\n\n.reset-password-page .button-group.layout-container {\n display: flex;\n width: 100%;\n margin-top: var(--space-md, 16px);\n}\n\n.submit-btn.layout-button {\n width: 100%;\n background-color: var(--black, #000);\n color: var(--white, #fff);\n border: 2px solid var(--black, #000);\n padding: var(--space-md, 14px) var(--space-lg, 24px);\n font-weight: var(--weight-semibold, 600);\n font-size: var(--font-base, 16px);\n}\n\n.submit-btn.layout-button:hover {\n background-color: var(--gray-dark, #333);\n border-color: var(--gray-dark, #333);\n}\n\n.submit-btn.layout-button:disabled {\n background-color: var(--gray-medium, #999);\n border-color: var(--gray-medium, #999);\n cursor: not-allowed;\n opacity: 0.6;\n}\n\n.submit-btn.layout-button .layout-row {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--space-sm, 8px);\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"RoundedCategoryMenu","Style":".rounded-category-menu-container{\n}\n.rounded-category-menu-content{\n}\n.rounded-category-menu-list{\n}\n.rounded-category-menu-list-item{\n}\n.rounded-category-menu-list-item-icon{\n}\n.rounded-category-menu-list-item-caption-button{\n}\n.rounded-category-menu-list-item-img-container{\n}\n.rounded-category-menu-list-item-img{\n}\n","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"SearchBar","Style":"/*//═══════════════════════════════════════════════════════════════════════════\n// 19. COMPONENT: SEARCH BAR\n//═══════════════════════════════════════════════════════════════════════════*/\n\n.material-icons{\n font-size: 20px;\n}\n\n.searchbar {\n display: flex;\n align-items: stretch;\n /* display: grid; */\n grid-template-columns: 1fr 1fr;\n gap: 5px;\n width: 100%\n border-radius: 5px;\n}\n\n\n\n.searchbar button:hover {\n background-color: var(--prim-color);\n color: var(--white);\n opacity: 1;\n}\n\n.searchbar button:active {\n background-color: var(--black);\n color: var(--white);\n transform: translateY(1px);\n opacity: 1;\n outline: 2px solid var(--prim-color);\n outline-offset: 3px;\n}\n\n.searchbar button:focus-visible {\n outline: 2px solid var(--prim-color);\n outline-offset: 3px;\n}\n\n/* Suppress focus ring for mouse clicks, keep it for keyboard */\n.searchbar button:focus:not(:focus-visible) {\n outline: none;\n}\n\n.searchbar button:disabled {\n background-color: var(--gray-light);\n color: var(--gray-medium);\n opacity: 0.45;\n cursor: not-allowed;\n pointer-events: none;\n transform: none;\n}\n\n/* Active/selected state — e.g. tab buttons, toggle buttons */\n.searchbar button.is-active,\n.searchbar button[aria-pressed=\"true\"] {\n background-color: var(--black);\n color: var(--white);\n border-bottom: 3px solid var(--prim-color);\n offset: 2; \n}\n\n.searchbar button:focus{\n border: none;\n offset: none;\n background: var(--gray-light);\n border-radius: 5px;\n box-shadow: none;\n}\n\n.searchbar.container,\n.searchbar-component .container {\n padding: 0;\n}\n\n.location-control.layout-group,\n.category-control.layout-group,\n.search-action.layout-group {\n display: flex;\n flex-shrink: 0;\n}\n\n.location-control.layout-group {\n position: relative;\n}\n\n.location-btn{\n background-color: var(--gray-light, #e0e0e0);\n border: none;\n border-right: 1px solid var(--border, #e0e0e0);\n padding: var(--space-sm, 12px);\n min-width: 48px;\n height: auto;\n min-height: 40px;\n}\n\n.location-btn.layout-button:hover,\n.category-select.layout-field:hover {\n background-color: var(--gray-light, #d0d0d0);\n}\n\n.location-menu.layout-dialog {\n position: absolute;\n top: 100%;\n left: 0;\n min-width: 150px;\n z-index: 1000;\n}\n.location-menu.layout-dialog button{\n background: none;\n display: flex;\n font-size: var(--font-sm);\n padding: var(--space-sm) var(--space-sm);\n justify-content: start;\n min-height: 40px;\n \n}\n.location-menu.layout-dialog button:hover{\n background: var(--gray-light);\n \n}\n\n.location-menu.layout-dialog .menu-option.layout-button,\n.suggestion-item.layout-button {\n width: 100%;\n justify-content: flex-start;\n border: none;\n border-bottom: 1px solid var(--gray-light, #f0f0f0);\n border-radius: 0;\n}\n\n.suggestion-item.layout-button {\n justify-content: space-between;\n text-align: left;\n}\n\n.location-menu.layout-dialog .menu-option.layout-button:last-child,\n.suggestion-item.layout-button:last-child {\n border-bottom: none;\n}\n\n.category-select.layout-field {\n min-width: 140px;\n padding-right: var(--space-xl, 32px);\n}\n\n.category-select.layout-field:focus {\n background-color: var(--gray-light, #d5d5d5);\n}\n\n.search-input.layout-group {\n display: flex;\n position: relative;\n flex: 1;\n min-width: 0;\n background-color: var(--gray-light, #f5f5f5);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: 5px;\n}\n\n.search-input.layout-group .layout-field {\n width: 100%;\n border: none;\n background-color: var(--white, #ffffff);\n}\n\n.search-input.layout-group .layout-field:focus {\n background-color: var(--gray-light, #fafafa);\n}\n\n.autocomplete-popup.layout-dialog {\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n max-height: 300px;\n overflow-y: auto; \n z-index: 1000;\n padding: 2px;\n}\n\n.suggestion-value.layout-text {\n flex: 1;\n color: var(--black, #333);\n}\n\n.suggestion-count.layout-text {\n color: var(--gray-medium, #999);\n margin-left: var(--space-sm, 8px);\n font-size: var(--font-sm, 0.9em);\n}\n\n.search-btn.layout-button {\n \n border: none;\n border-left: 1px solid var(--border, #e0e0e0);\n min-width: 48px;\n}\n","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"SellerHeader","Style":"/* ==========================================\n SELLER HEADER\n ========================================== */\n\n.seller-header.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-xl, 32px);\n max-width: var(--container-xl, 1200px);\n margin: 0 auto;\n padding: var(--space-xl, 32px) var(--space-md, 16px);\n background-color: var(--white, #fff);\n}\n\n.seller-header .layout-header {\n display: flex;\n flex-direction: column;\n gap: var(--space-sm, 8px);\n padding-bottom: var(--space-lg, 24px);\n border-bottom: 2px solid var(--gray-light, #f5f5f5);\n margin-bottom: 0;\n}\n\n.seller-header .seller-name.layout-text {\n font-size: var(--font-3xl, 30px);\n font-weight: var(--weight-bold, 700);\n color: var(--black, #000);\n}\n\n.seller-header .seller-caption.layout-text {\n font-size: var(--font-base, 16px);\n font-weight: var(--weight-normal, 400);\n color: var(--gray-dark, #666);\n line-height: var(--leading-relaxed, 1.6);\n}\n\n.seller-header .seller-carousel.layout-content {\n position: relative;\n padding: 0;\n}\n\n.seller-header .layout-carousel {\n overflow: hidden;\n border-radius: var(--radius-lg, 10px);\n}\n\n.seller-header .slider-item.layout-item {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.seller-header .slider-item .layout-image {\n width: 100%;\n height: 400px;\n object-fit: cover;\n border-radius: var(--radius-lg, 10px);\n}\n\n.seller-header .nav-prev.layout-button,\n.seller-header .nav-next.layout-button {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: 10;\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: 50%;\n width: 48px;\n height: 48px;\n min-width: 48px;\n padding: var(--space-xs, 8px);\n box-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.1));\n}\n\n.seller-header .nav-prev.layout-button:hover,\n.seller-header .nav-next.layout-button:hover {\n background-color: var(--black, #000);\n color: var(--white, #fff);\n}\n\n.seller-header .nav-prev.layout-button {\n left: var(--space-md, 16px);\n}\n\n.seller-header .nav-next.layout-button {\n right: var(--space-md, 16px);\n}\n\n.seller-header .carousel-points.layout-list {\n display: flex;\n justify-content: center;\n gap: var(--space-xs, 4px);\n padding: var(--space-md, 16px) 0;\n list-style: none;\n margin: 0;\n}\n\n.seller-header .carousel-point.layout-item {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background-color: var(--gray-medium, #999);\n cursor: pointer;\n transition: all var(--transition-fast, 150ms);\n}\n\n.seller-header .carousel-point.layout-item:hover {\n background-color: var(--gray-dark, #666);\n transform: scale(1.2);\n}\n\n.seller-header .carousel-point.layout-item.active {\n background-color: var(--black, #000);\n transform: scale(1.3);\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"SellerList","Style":"/* ==========================================\n SELLERS PAGE\n ========================================== */\n\n/* Sellers Page Container */\n.sellers-page.layout-container {\n display: flex;\n flex-direction: column;\n max-width: var(--container-xl, 1200px);\n margin: 0 auto;\n padding: var(--space-xl, 32px) var(--space-md, 16px);\n background-color: var(--white, #fff);\n position: relative;\n}\n\n.sellers-page .sellers-list.layout-content {\n display: flex;\n flex-direction: column;\n gap: var(--space-xl, 32px);\n padding: 0;\n}\n\n.sellers-page .sellers-list > .layout-content {\n display: flex;\n flex-direction: column;\n gap: var(--space-xl, 32px);\n padding: 0;\n}\n\n/* Sellers Grid */\n.sellers-grid.layout-container {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n gap: var(--space-lg, 24px);\n}\n\n/* Button Group */\n.sellers-page .button-group.layout-container {\n display: flex;\n justify-content: center;\n}\n\n.sellers-page .load-more-btn.layout-button {\n padding: var(--space-sm, 12px) var(--space-xl, 48px);\n background-color: var(--white, #fff);\n border: 2px solid var(--border, #e0e0e0);\n font-weight: var(--weight-medium, 500);\n}\n\n.sellers-page .load-more-btn.layout-button:hover {\n background-color: var(--gray-light, #f5f5f5);\n border-color: var(--gray-dark, #666);\n}\n\n.sellers-page .load-more-btn.layout-button:disabled {\n background-color: var(--gray-light, #f5f5f5);\n color: var(--gray-medium, #999);\n cursor: not-allowed;\n opacity: 0.6;\n}\n\n/* Loading Shade */\n.sellers-page .loading-shade.layout-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(255, 255, 255, 0.9);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"SellerRibbon","Style":"/* ==========================================\n SELLER RIBBON\n ========================================== */\n\n/* Seller Ribbon Container */\n.seller-ribbon.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-lg, 24px);\n padding: var(--space-xl, 32px) var(--space-md, 16px);\n background-color: var(--white, #fff);\n position: relative;\n}\n\n.seller-ribbon .layout-header {\n padding-bottom: var(--space-md, 16px);\n border-bottom: 2px solid var(--gray-light, #f5f5f5);\n margin-bottom: 0;\n}\n\n.seller-ribbon .ribbon-title.layout-text {\n font-size: var(--font-2xl, 24px);\n font-weight: var(--weight-bold, 700);\n color: var(--black, #000);\n}\n\n.seller-ribbon .layout-content {\n position: relative;\n padding: 0;\n}\n\n.seller-ribbon .layout-carousel {\n overflow: hidden;\n}\n\n.seller-ribbon .slider-item.layout-item {\n padding: var(--space-sm, 8px);\n}\n\n/* Navigation Buttons */\n.seller-ribbon .nav-prev.layout-button,\n.seller-ribbon .nav-next.layout-button {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: 10;\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: 50%;\n width: 48px;\n height: 48px;\n min-width: 48px;\n padding: var(--space-xs, 8px);\n box-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.1));\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.seller-ribbon .nav-prev.layout-button:hover,\n.seller-ribbon .nav-next.layout-button:hover {\n background-color: var(--black, #000);\n color: var(--white, #fff);\n border-color: var(--black, #000);\n}\n\n.seller-ribbon .nav-prev.layout-button {\n left: var(--space-md, 16px);\n}\n\n.seller-ribbon .nav-next.layout-button {\n right: var(--space-md, 16px);\n}\n\n/* Loading Shade */\n.seller-ribbon .loading-shade.layout-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(255, 255, 255, 0.9);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 100;\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"SellerSummary","Style":"/* ==========================================\n SELLER SUMMARY\n ========================================== */\n\n/* Seller Summary Container */\n.seller-summary.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-md, 16px);\n padding: var(--space-md, 16px);\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-lg, 10px);\n cursor: pointer;\n transition: all var(--transition-base, 300ms);\n}\n\n.seller-summary.layout-container:hover {\n box-shadow: var(--shadow-lg, 0 10px 15px rgba(0, 0, 0, 0.1));\n transform: translateY(-4px);\n border-color: var(--gray-medium, #999);\n}\n\n/* Seller Logo */\n.seller-summary .seller-logo.layout-container {\n width: 100%;\n aspect-ratio: 16 / 9;\n background-color: var(--gray-light, #f5f5f5);\n border-radius: var(--radius-md, 5px);\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid var(--border, #e0e0e0);\n}\n\n.seller-summary .seller-logo .layout-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: var(--space-sm, 8px);\n}\n\n/* Seller Info */\n.seller-summary .seller-info.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-xs, 4px);\n}\n\n.seller-summary .seller-name.layout-text {\n font-size: var(--font-base, 16px);\n font-weight: var(--weight-semibold, 600);\n color: var(--black, #000);\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n}\n\n.seller-summary .seller-caption.layout-text {\n font-size: var(--font-sm, 14px);\n font-weight: var(--weight-normal, 400);\n color: var(--gray-dark, #666);\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n line-height: var(--leading-relaxed, 1.6);\n}\n","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"ShipmentView","Style":".shipment-view-container{}\n.shipment-view-header{}\n.shipment-view-sub-caption{}\n.shipment-view-item{}\n.shipment-view-item-caption{}\n.shipment-view-item-value{}\n.shipment-view-content{}\n.shipment-view-table-product-img-container{}\n.shipment-view-table-product-attr-container{}\n.shipment-view-table-product-name{}\n.shipment-view-table-product-sku{}\n.shipment-view-table-product-bundle-container{}\n.shipment-view-table-product-bundle-button{}\n.shipment-view-table-product-bundle-status{}\n.shipment-view-table-product-bundle-count{}\n.shipment-view-item-container{}\n.shipment-view-card-product-img{}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"SignUp","Style":"","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"StoreFinder","Style":"/* Page wrapper */\r\n.layout-container.locations-page {\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--layout-spacing-lg, 1.5rem);\r\n padding: var(--layout-spacing-lg, 1.5rem);\r\n max-width: var(--layout-max-width, 1280px);\r\n width: 100%;\r\n margin: 0 auto;\r\n box-sizing: border-box;\r\n}\r\n\r\n/* Location list (grid of cards) */\r\n.layout-content.locations-list {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(var(--layout-card-min-width, 280px), 1fr));\r\n gap: var(--layout-spacing-lg, 1.5rem);\r\n align-items: start;\r\n}\r\n\r\n/* Single location card */\r\n.layout-item.location-card {\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--layout-spacing-sm, 0.5rem);\r\n padding: var(--layout-spacing-md, 1rem);\r\n box-sizing: border-box;\r\n}\r\n\r\n/* Icon + text group rows inside a card */\r\n.layout-group.location-name,\r\n.layout-group.location-address,\r\n.layout-group.location-contact,\r\n.layout-group.location-distance {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: flex-start;\r\n gap: var(--layout-spacing-sm, 0.5rem);\r\n}\r\n\r\n/* Email + phone row (side by side) */\r\n.layout-group.location-details {\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n gap: var(--layout-spacing-md, 1rem);\r\n}\r\n\r\n.layout-group.location-details > span {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--layout-spacing-xs, 0.25rem);\r\n}\r\n\r\n/* Card button group */\r\n.layout-item.location-card .layout-container.button-group {\r\n display: flex;\r\n flex-direction: row;\r\n gap: var(--layout-spacing-sm, 0.5rem);\r\n flex-wrap: wrap;\r\n margin-top: auto;\r\n padding-top: var(--layout-spacing-sm, 0.5rem);\r\n}\r\n\r\n/* Map view */\r\n.layout-content.locations-map {\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--layout-spacing-md, 1rem);\r\n}\r\n\r\n/* Back button */\r\n.layout-button.back-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--layout-spacing-xs, 0.25rem);\r\n align-self: flex-start;\r\n padding: var(--layout-btn-padding-y, 0.5rem) var(--layout-btn-padding-x, 1rem);\r\n cursor: pointer;\r\n border: none;\r\n box-sizing: border-box;\r\n}\r\n\r\n/* Google map fills available width */\r\n.layout-map {\r\n display: block;\r\n width: 100%;\r\n height: var(--layout-map-height, 400px);\r\n}\r\n\r\n/* Detail panel below the map */\r\n.layout-item.location-details {\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--layout-spacing-sm, 0.5rem);\r\n padding: var(--layout-spacing-md, 1rem);\r\n}\r\n\r\n/* Buttons (structure only) */\r\n.layout-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: var(--layout-btn-padding-y, 0.5rem) var(--layout-btn-padding-x, 1rem);\r\n cursor: pointer;\r\n border: none;\r\n box-sizing: border-box;\r\n}\r\n","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"StoreLocations","Style":"/* ==========================================\n STORE LOCATIONS\n ========================================== */\n\n/* Store Locations Container */\n.store-locations.layout-container {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: var(--space-xl, 32px);\n max-width: var(--container-xl, 1200px);\n margin: 0 auto;\n padding: var(--space-xl, 32px) var(--space-md, 16px);\n background-color: var(--white, #fff);\n}\n\n/* Locations List */\n.locations-list.layout-content {\n display: flex;\n flex-direction: column;\n gap: var(--space-md, 16px);\n padding: 0;\n}\n\n/* Location Card */\n.location-card.layout-item {\n display: flex;\n flex-direction: column;\n gap: var(--space-sm, 8px);\n padding: var(--space-lg, 24px);\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n transition: all var(--transition-fast, 150ms);\n}\n\n.location-card.layout-item:hover {\n box-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.1));\n border-color: var(--gray-medium, #999);\n}\n\n/* Location Name */\n.location-card .location-name.layout-caption {\n font-size: var(--font-lg, 18px);\n font-weight: var(--weight-bold, 700);\n color: var(--black, #000);\n margin-bottom: var(--space-xs, 4px);\n}\n\n/* Location Contact */\n.location-card .location-contact.layout-caption {\n display: flex;\n align-items: center;\n gap: var(--space-xs, 6px);\n font-size: var(--font-sm, 14px);\n font-weight: var(--weight-medium, 500);\n color: var(--gray-dark, #666);\n}\n\n.location-card .location-contact mat-icon {\n font-size: 18px;\n width: 18px;\n height: 18px;\n color: var(--gray-medium, #999);\n}\n\n/* Location Email */\n.location-card .location-email.layout-caption {\n font-size: var(--font-sm, 14px);\n font-weight: var(--weight-normal, 400);\n color: var(--gray-dark, #666);\n}\n\n/* Location Phone */\n.location-card .location-phone.layout-group {\n display: flex;\n align-items: center;\n gap: var(--space-xs, 6px);\n font-size: var(--font-sm, 14px);\n color: var(--gray-dark, #666);\n}\n\n.location-card .location-phone mat-icon {\n font-size: 18px;\n width: 18px;\n height: 18px;\n color: var(--gray-medium, #999);\n}\n\n/* Location Address */\n.location-card .location-address.layout-group {\n display: flex;\n align-items: flex-start;\n gap: var(--space-xs, 6px);\n font-size: var(--font-sm, 14px);\n color: var(--gray-dark, #666);\n line-height: var(--leading-relaxed, 1.6);\n}\n\n.location-card .location-address mat-icon {\n font-size: 18px;\n width: 18px;\n height: 18px;\n color: var(--gray-medium, #999);\n flex-shrink: 0;\n margin-top: 2px;\n}\n\n/* Location LGA & Country */\n.location-card .location-lga.layout-text,\n.location-card .location-country.layout-text {\n font-size: var(--font-sm, 14px);\n color: var(--gray-dark, #666);\n}\n\n/* Button Group */\n.location-card .button-group.layout-container {\n display: flex;\n margin-top: var(--space-sm, 8px);\n padding-top: var(--space-sm, 8px);\n border-top: 1px solid var(--border, #e0e0e0);\n}\n\n.location-card .view-btn.layout-button {\n padding: var(--space-xs, 8px) var(--space-md, 16px);\n font-size: var(--font-sm, 14px);\n background-color: var(--black, #000);\n color: var(--white, #fff);\n border: 2px solid var(--black, #000);\n border-radius: var(--radius-sm, 3px);\n font-weight: var(--weight-medium, 500);\n}\n\n.location-card .view-btn.layout-button:hover {\n background-color: var(--gray-dark, #333);\n border-color: var(--gray-dark, #333);\n}\n\n/* Load More Button */\n.locations-list .button-group.layout-container {\n display: flex;\n justify-content: center;\n margin-top: var(--space-md, 16px);\n}\n\n.locations-list .load-more-btn.layout-button {\n padding: var(--space-sm, 12px) var(--space-xl, 48px);\n background-color: var(--white, #fff);\n border: 2px solid var(--border, #e0e0e0);\n font-weight: var(--weight-medium, 500);\n}\n\n.locations-list .load-more-btn.layout-button:hover {\n background-color: var(--gray-light, #f5f5f5);\n border-color: var(--gray-dark, #666);\n}\n\n.locations-list .load-more-btn.layout-button:disabled {\n background-color: var(--gray-light, #f5f5f5);\n color: var(--gray-medium, #999);\n cursor: not-allowed;\n opacity: 0.6;\n}\n\n/* Locations Map */\n.locations-map.layout-content {\n display: flex;\n padding: 0;\n position: sticky;\n top: var(--space-lg, 24px);\n height: fit-content;\n}\n\n.locations-map .layout-map {\n width: 100%;\n height: 500px;\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n overflow: hidden;\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"TabLoader","Style":"/* ==========================================\n TAB LOADER\n ========================================== */\n\n/* Tab Loader Container */\n.tab-loader.layout-container {\n display: flex;\n flex-direction: column;\n background-color: var(--white, #fff);\n}\n\n/* Tab Header */\n.tab-loader .tab-header.layout-container {\n display: flex;\n border-bottom: 2px solid var(--border, #e0e0e0);\n background-color: var(--gray-light, #f5f5f5);\n}\n\n/* Horizontal Orientation (default) */\n.tab-loader .tab-header {\n flex-direction: row;\n gap: 0;\n}\n\n/* Vertical Orientation */\n.tab-loader .tab-header.vertical {\n flex-direction: column;\n border-bottom: none;\n border-right: 2px solid var(--border, #e0e0e0);\n}\n\n/* Tab Item */\n.tab-loader .tab-item.layout-header {\n display: flex;\n padding: 0;\n margin: 0;\n background-color: transparent;\n border: none;\n}\n\n.tab-loader .tab-item a {\n display: flex;\n align-items: center;\n padding: var(--space-md, 16px) var(--space-lg, 24px);\n text-decoration: none;\n color: var(--gray-dark, #666);\n font-size: var(--font-base, 16px);\n font-weight: var(--weight-medium, 500);\n border-bottom: 3px solid transparent;\n transition: all var(--transition-fast, 150ms);\n cursor: pointer;\n white-space: nowrap;\n}\n\n.tab-loader .tab-item a:hover {\n color: var(--black, #000);\n background-color: var(--white, #fff);\n}\n\n/* Active Tab */\n.tab-loader .tab-item.active a,\n.tab-loader .tab-item a.active {\n color: var(--black, #000);\n font-weight: var(--weight-semibold, 600);\n background-color: var(--white, #fff);\n border-bottom-color: var(--black, #000);\n}\n\n/* Vertical Active Tab */\n.tab-loader .tab-header.vertical .tab-item a {\n border-bottom: none;\n border-right: 3px solid transparent;\n}\n\n.tab-loader .tab-header.vertical .tab-item.active a,\n.tab-loader .tab-header.vertical .tab-item a.active {\n border-right-color: var(--black, #000);\n border-bottom-color: transparent;\n}\n\n/* Tab Content */\n.tab-loader .tab-content.layout-content {\n padding: var(--space-lg, 24px);\n background-color: var(--white, #fff);\n}\n\n.tab-loader .tab-content .layout-container {\n padding: 0;\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"TrialRequest","Style":"/* ==========================================\n TRIAL REQUEST\n ========================================== */\n\n/* Trial Request Container */\n.trial-request.layout-container {\n display: flex;\n flex-direction: column;\n max-width: 800px;\n margin: 0 auto;\n padding: var(--space-xl, 32px) var(--space-lg, 24px);\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-lg, 10px);\n}\n\n/* Material Horizontal Stepper */\n.trial-request mat-vertical-stepper {\n background-color: transparent;\n}\n\n.trial-request mat-step {\n background-color: var(--white, #fff);\n}\n\n/* Form Rows */\n.trial-request .business-name.layout-row {\n display: flex;\n flex-direction: column;\n gap: var(--space-xs, 4px);\n margin-bottom: var(--space-lg, 24px);\n}\n\n.trial-request .business-name .layout-col {\n display: flex;\n flex-direction: column;\n gap: var(--space-xs, 4px);\n width: 100%;\n}\n\n.trial-request .business-name .layout-label {\n font-size: var(--font-sm, 14px);\n font-weight: var(--weight-medium, 500);\n color: var(--gray-dark, #666);\n}\n\n.trial-request .business-name .layout-field {\n width: 100%;\n}\n\n.trial-request mat-form-field {\n width: 100%;\n}\n\n/* URL Check Icons */\n.trial-request mat-icon[color=\"primary\"],\n.trial-request mat-icon[color=\"warn\"] {\n display: inline-flex;\n margin-left: var(--space-sm, 8px);\n}\n\n/* Button Container */\n.trial-request-button-container {\n display: flex;\n justify-content: flex-end;\n margin-top: var(--space-lg, 24px);\n padding-top: var(--space-lg, 24px);\n border-top: 1px solid var(--border, #e0e0e0);\n}\n\n.trial-request-default-button {\n padding: var(--space-sm, 12px) var(--space-xl, 32px);\n background-color: var(--black, #000);\n color: var(--white, #fff);\n border: 2px solid var(--black, #000);\n border-radius: var(--radius-md, 5px);\n font-weight: var(--weight-semibold, 600);\n font-size: var(--font-base, 16px);\n cursor: pointer;\n transition: all var(--transition-fast, 150ms);\n}\n\n.trial-request-default-button:hover:not(:disabled) {\n background-color: var(--gray-dark, #333);\n border-color: var(--gray-dark, #333);\n}\n\n.trial-request-default-button:disabled {\n background-color: var(--gray-medium, #999);\n border-color: var(--gray-medium, #999);\n cursor: not-allowed;\n opacity: 0.6;\n}\n\n/* Final Step Button Group */\n.trial-request .button-group.layout-container {\n display: flex;\n justify-content: center;\n margin-top: var(--space-lg, 24px);\n}\n\n.trial-request .submit-btn.layout-button {\n padding: var(--space-md, 14px) var(--space-2xl, 48px);\n background-color: var(--black, #000);\n color: var(--white, #fff);\n border: 2px solid var(--black, #000);\n border-radius: var(--radius-md, 5px);\n font-weight: var(--weight-semibold, 600);\n font-size: var(--font-base, 16px);\n cursor: pointer;\n}\n\n.trial-request .submit-btn.layout-button:hover:not(:disabled) {\n background-color: var(--gray-dark, #333);\n border-color: var(--gray-dark, #333);\n}\n\n.trial-request .submit-btn.layout-button:disabled {\n background-color: var(--gray-medium, #999);\n border-color: var(--gray-medium, #999);\n cursor: not-allowed;\n opacity: 0.6;\n}\n\n.trial-request .submit-btn .layout-content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--space-sm, 8px);\n padding: 0;\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"UserAccount","Style":".login-btn.layout-button{\n padding: var(--space-sm) var(--space-lg);\n}\n.account-menu{\n position: relative;\n}\n.dialog-user-profile-menu button{\n display: flex;\n align-items: center !important;\n width: 100%;\n}\n\n.account-menu dialog button{\n background: none;\n display: flex;\n font-size: var(--font-sm);\n justify-content: start;\n padding: var(--space-sm) var(--space-sm);\n}\n.account-menu dialog button:hover{\n background: var(--gray-light);\n}\n\nbutton.button.layout-button.theme-button.login-btn.closetrigger {\n font-weight: var(--weight-medium);\n padding: var(--space-sm) var(--space-lg);\n}\n\n\n@media (max-width: 480px) {\n button.button.layout-button.theme-button.login-btn.closetrigger {\n font-size: 0px;\n padding: var(--space-sm) var(--space-sm);\n }\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"UserAddress","Style":"/* ==========================================\r\n ADDRESS FORM COMPONENT\r\n ========================================== */\r\n\r\n/* Address Form Container */\r\n.address-form.layout-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--space-xl, 32px);\r\n max-width: 600px;\r\n margin: 0 auto;\r\n padding: var(--space-xl, 32px) var(--space-lg, 24px);\r\n background-color: var(--white, #fff);\r\n border: 1px solid var(--border, #e0e0e0);\r\n border-radius: var(--radius-lg, 10px);\r\n position: relative;\r\n}\r\n\r\n/* Material Stepper Overrides */\r\n.address-form mat-vertical-stepper {\r\n background-color: transparent;\r\n}\r\n\r\n.address-form mat-step {\r\n background-color: var(--white, #fff);\r\n}\r\n\r\n.address-form .mat-stepper-vertical-line::before {\r\n border-left-color: var(--border, #e0e0e0);\r\n}\r\n\r\n/* Step Content */\r\n.address-form mat-step > div {\r\n padding: var(--space-lg, 24px);\r\n background-color: var(--gray-light, #f5f5f5);\r\n border-radius: var(--radius-md, 5px);\r\n margin-top: var(--space-md, 16px);\r\n}\r\n\r\n/* Button Groups in Stepper */\r\n.address-form .button-group.layout-container {\r\n display: flex;\r\n gap: var(--space-md, 16px);\r\n margin-top: var(--space-lg, 24px);\r\n padding-top: var(--space-lg, 24px);\r\n border-top: 1px solid var(--border, #e0e0e0);\r\n}\r\n\r\n.same-billing-btn.layout-button,\r\n.next-btn.layout-button,\r\n.submit-btn.layout-button {\r\n padding: var(--space-sm, 12px) var(--space-lg, 24px);\r\n font-size: var(--font-base, 16px);\r\n font-weight: var(--weight-semibold, 600);\r\n}\r\n\r\n.same-billing-btn.layout-button {\r\n background-color: var(--white, #fff);\r\n color: var(--black, #000);\r\n border: 2px solid var(--border, #e0e0e0);\r\n}\r\n\r\n.same-billing-btn.layout-button:hover {\r\n background-color: var(--gray-light, #f5f5f5);\r\n border-color: var(--gray-dark, #666);\r\n}\r\n\r\n.next-btn.layout-button {\r\n background-color: var(--white, #fff);\r\n color: var(--black, #000);\r\n border: 2px solid var(--border, #e0e0e0);\r\n}\r\n\r\n.next-btn.layout-button:hover {\r\n background-color: var(--gray-light, #f5f5f5);\r\n border-color: var(--gray-dark, #666);\r\n}\r\n\r\n.submit-btn.layout-button {\r\n background-color: var(--black, #000);\r\n color: var(--white, #fff);\r\n border: 2px solid var(--black, #000);\r\n}\r\n\r\n.submit-btn.layout-button:hover {\r\n background-color: var(--gray-dark, #333);\r\n border-color: var(--gray-dark, #333);\r\n}\r\n\r\n.submit-btn.layout-button:disabled {\r\n background-color: var(--gray-medium, #999);\r\n border-color: var(--gray-medium, #999);\r\n cursor: not-allowed;\r\n opacity: 0.6;\r\n}\r\n\r\n.submit-btn .layout-content {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: var(--space-sm, 8px);\r\n padding: 0;\r\n}\r\n\r\n/* Loading Shade */\r\n.address-form .loading-shade.layout-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: rgba(255, 255, 255, 0.9);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 1000;\r\n border-radius: var(--radius-lg, 10px);\r\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"UserAddresses","Style":"/* ==========================================\n ADDRESSES PAGE COMPONENT\n ========================================== */\n\n/* Addresses Page Container */\n.addresses-page.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-xl, 32px);\n max-width: var(--container-lg, 1024px);\n margin: 0 auto;\n padding: var(--space-xl, 32px) var(--space-md, 16px);\n background-color: var(--white, #fff);\n position: relative;\n}\n\n/* Address Actions */\n.address-actions.layout-content {\n display: flex;\n justify-content: flex-end;\n padding: 0;\n}\n\n.add-btn.layout-button {\n padding: var(--space-sm, 10px) var(--space-md, 16px);\n font-size: var(--font-sm, 14px);\n background-color: var(--black, #000);\n color: var(--white, #fff);\n border: 2px solid var(--black, #000);\n display: flex;\n align-items: center;\n gap: var(--space-xs, 4px);\n}\n\n.add-btn.layout-button:hover {\n background-color: var(--gray-dark, #333);\n border-color: var(--gray-dark, #333);\n}\n\n/* Address Sections */\n.billing-section.layout-content,\n.shipping-section.layout-content {\n display: flex;\n flex-direction: column;\n gap: var(--space-lg, 24px);\n padding: var(--space-lg, 24px);\n background-color: var(--gray-light, #f5f5f5);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-lg, 10px);\n}\n\n.billing-section .layout-header,\n.shipping-section .layout-header {\n padding-bottom: var(--space-md, 16px);\n border-bottom: 2px solid var(--border, #e0e0e0);\n margin-bottom: 0;\n}\n\n.section-title.layout-text {\n font-size: var(--font-xl, 20px);\n font-weight: var(--weight-bold, 700);\n color: var(--black, #000);\n}\n\n.billing-section > .layout-content,\n.shipping-section > .layout-content {\n display: flex;\n flex-direction: column;\n gap: var(--space-md, 16px);\n padding: 0;\n}\n\n.billing-section > .layout-content > div,\n.shipping-section > .layout-content > div {\n position: relative;\n padding: var(--space-md, 16px);\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n transition: all var(--transition-fast, 150ms);\n}\n\n.billing-section > .layout-content > div:hover,\n.shipping-section > .layout-content > div:hover {\n box-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.1));\n border-color: var(--gray-medium, #999);\n}\n\n/* Delete Button */\n.delete-btn.layout-button {\n position: absolute;\n top: var(--space-sm, 8px);\n right: var(--space-sm, 8px);\n min-width: 36px;\n width: 36px;\n height: 36px;\n padding: var(--space-xs, 6px);\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all var(--transition-fast, 150ms);\n}\n\n.delete-btn.layout-button:hover {\n background-color: var(--gray-light, #f5f5f5);\n border-color: var(--gray-dark, #666);\n}\n\n.delete-btn.layout-button mat-icon {\n font-size: 20px;\n width: 20px;\n height: 20px;\n color: var(--gray-dark, #666);\n}\n","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"UserInfo","Style":"/* ==========================================\n USER INFO PAGE COMPONENT\n ========================================== */\n\n/* User Info Page Container */\n.user-info-page.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-xl, 32px);\n max-width: 600px;\n margin: 0 auto;\n padding: var(--space-xl, 32px) var(--space-lg, 24px);\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-lg, 10px);\n position: relative;\n}\n\n.user-info-page .layout-header {\n display: flex;\n align-items: center;\n gap: var(--space-md, 16px);\n padding-bottom: var(--space-lg, 24px);\n border-bottom: 2px solid var(--gray-light, #f5f5f5);\n margin-bottom: 0;\n}\n\n.user-info-page .icon-group.layout-group {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 60px;\n height: 60px;\n border-radius: 50%;\n background-color: var(--gray-light, #f5f5f5);\n border: 2px solid var(--border, #e0e0e0);\n}\n\n.user-info-page .icon-group .layout-icon {\n font-size: 36px;\n width: 36px;\n height: 36px;\n color: var(--gray-dark, #666);\n}\n\n.user-info-page .text-group.layout-group {\n flex: 1;\n}\n\n.user-info-page .page-title.layout-text {\n font-size: var(--font-2xl, 24px);\n font-weight: var(--weight-bold, 700);\n color: var(--black, #000);\n}\n\n.user-info-page .layout-content {\n display: flex;\n flex-direction: column;\n gap: var(--space-lg, 24px);\n padding: 0;\n}\n\n.user-info-page form {\n display: flex;\n flex-direction: column;\n gap: var(--space-lg, 24px);\n}\n\n/* Form Rows - Reuse from signup */\n.user-info-page .name-row.layout-row,\n.user-info-page .email-row.layout-row,\n.user-info-page .phone-row.layout-row,\n.user-info-page .password-row.layout-row,\n.user-info-page .confirm-password-row.layout-row {\n display: flex;\n flex-direction: column;\n gap: var(--space-xs, 4px);\n}\n\n.user-info-page .layout-col {\n display: flex;\n gap: var(--space-sm, 8px);\n width: 100%;\n}\n\n.user-info-page .phone-row .layout-col {\n flex-direction: row;\n}\n\n.user-info-page .country-code.layout-group {\n position: relative;\n flex: 0 0 100px;\n}\n\n.user-info-page .phone-input.layout-group {\n flex: 1;\n}\n\n.user-info-page .button-group.layout-container {\n display: flex;\n width: 100%;\n margin-top: var(--space-md, 16px);\n}\n\n.user-info-page .button-group button {\n width: 100%;\n background-color: var(--black, #000);\n color: var(--white, #fff);\n border: 2px solid var(--black, #000);\n padding: var(--space-md, 14px) var(--space-lg, 24px);\n font-weight: var(--weight-semibold, 600);\n font-size: var(--font-base, 16px);\n border-radius: var(--radius-md, 5px);\n cursor: pointer;\n transition: all var(--transition-base, 300ms);\n}\n\n.user-info-page .button-group button:hover {\n background-color: var(--gray-dark, #333);\n border-color: var(--gray-dark, #333);\n}\n\n.user-info-page .button-group button:disabled {\n background-color: var(--gray-medium, #999);\n border-color: var(--gray-medium, #999);\n cursor: not-allowed;\n opacity: 0.6;\n}\n\n.user-info-page .spinner-group.layout-group {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--space-sm, 8px);\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"UserOrder","Style":"/* ==========================================\n USER ORDER DETAIL COMPONENT\n ========================================== */\n\n/* User Order Container */\n.user-order.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-xl, 32px);\n max-width: var(--container-lg, 1024px);\n margin: 0 auto;\n padding: var(--space-xl, 32px) var(--space-md, 16px);\n background-color: var(--white, #fff);\n}\n\n.user-order .layout-header {\n padding-bottom: var(--space-md, 16px);\n border-bottom: 2px solid var(--gray-light, #f5f5f5);\n margin-bottom: 0;\n}\n\n.user-order .layout-caption {\n font-size: var(--font-2xl, 24px);\n font-weight: var(--weight-bold, 700);\n color: var(--black, #000);\n margin-bottom: 0;\n}\n\n.user-order > .layout-content {\n display: flex;\n flex-direction: column;\n gap: var(--space-lg, 24px);\n padding: 0;\n}\n\n/* Order Sections */\n.order-section.layout-item {\n display: flex;\n flex-direction: column;\n gap: var(--space-md, 16px);\n padding: var(--space-lg, 24px);\n background-color: var(--gray-light, #f5f5f5);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n}\n\n.order-section .order-info.layout-item {\n display: flex;\n gap: var(--space-sm, 8px);\n align-items: baseline;\n}\n\n.order-section .order-info .layout-label {\n font-size: var(--font-base, 16px);\n font-weight: var(--weight-medium, 500);\n color: var(--gray-dark, #666);\n min-width: 140px;\n}\n\n.order-section .order-info .layout-value {\n font-size: var(--font-base, 16px);\n font-weight: var(--weight-semibold, 600);\n color: var(--black, #000);\n}\n\n/* Order Actions */\n.user-order .button-group.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-md, 16px);\n padding: var(--space-lg, 24px);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n background-color: var(--white, #fff);\n}\n\n.user-order .retry-btn.layout-button,\n.user-order .cancel-btn.layout-button {\n padding: var(--space-sm, 12px) var(--space-lg, 24px);\n font-size: var(--font-base, 16px);\n font-weight: var(--weight-semibold, 600);\n}\n\n.user-order .retry-btn.layout-button {\n background-color: var(--black, #000);\n color: var(--white, #fff);\n border: 2px solid var(--black, #000);\n}\n\n.user-order .retry-btn.layout-button:hover {\n background-color: var(--gray-dark, #333);\n border-color: var(--gray-dark, #333);\n}\n\n/* Shipment Content */\n.user-order-content.layout-content,\n.user-order-shipment-content {\n padding: var(--space-lg, 24px);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n background-color: var(--white, #fff);\n}\n","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"UserOrders","Style":"/* Loading overlay */\n.layout-overlay.loading-shade {\n position: fixed;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: var(--layout-z-overlay, 1000);\n}\n\n/* Page wrapper */\n.layout-container.orders-page {\n display: flex;\n flex-direction: column;\n gap: var(--layout-spacing-lg, 1.5rem);\n padding: var(--layout-spacing-lg, 1.5rem);\n max-width: var(--layout-max-width, 1280px);\n width: 100%;\n margin: 0 auto;\n box-sizing: border-box;\n}\n\n/* Page header */\n.layout-container.orders-page > .layout-header {\n display: flex;\n align-items: center;\n padding-bottom: var(--layout-spacing-sm, 0.5rem);\n}\n\n/* Table view */\n.layout-content.orders-table {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n}\n\n.layout-table {\n width: 100%;\n border-collapse: collapse;\n table-layout: auto;\n}\n\n.layout-table th,\n.layout-table td {\n padding: var(--layout-spacing-sm, 0.5rem) var(--layout-spacing-md, 1rem);\n text-align: left;\n white-space: nowrap;\n}\n\n/* Action buttons cell */\n.layout-group.action-buttons {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--layout-spacing-sm, 0.5rem);\n}\n\n/* Card list view (mobile / alternate layout)*/\n.layout-content.orders-list {\n display: flex;\n flex-direction: column;\n gap: var(--layout-spacing-md, 1rem);\n}\n\n.layout-container.order-card {\n display: flex;\n flex-direction: column;\n gap: var(--layout-spacing-xs, 0.25rem);\n padding: var(--layout-spacing-md, 1rem);\n}\n\n/* Individual order info row*/\n.layout-item.order-info {\n display: flex;\n flex-direction: row;\n gap: var(--layout-spacing-sm, 0.5rem);\n align-items: baseline;\n flex-wrap: wrap;\n}\n\n.layout-item.order-info .layout-label {\n flex-shrink: 0;\n min-width: 8rem;\n}\n\n/* Order action buttons row */\n.layout-item.order-actions {\n display: flex;\n flex-direction: row;\n gap: var(--layout-spacing-sm, 0.5rem);\n flex-wrap: wrap;\n padding-top: var(--layout-spacing-sm, 0.5rem);\n}\n\n/* Buttons (structure only) */\n.layout-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: var(--layout-btn-padding-y, 0.5rem) var(--layout-btn-padding-x, 1rem);\n cursor: pointer;\n border: none;\n box-sizing: border-box;\n}\n\n/* Paginator wrapper */\nmat-paginator {\n display: block;\n width: 100%;\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"UserSignUp","Style":"/* ============================================\n LAYOUT CSS - Signup Page Component Addition\n Add these classes to your existing LAYOUT.CSS\n Note: Responsive media queries are managed separately\n ============================================ */\n\n/* ==========================================\n SIGNUP PAGE COMPONENT\n ========================================== */\n\n/* Signup Page Container */\n.signup-page.layout-container {\n display: flex;\n flex-direction: column;\n gap: var(--space-2xl, 48px);\n max-width: 600px;\n margin: 0 auto;\n padding: var(--space-xl, 48px) var(--space-lg, 24px);\n background-color: var(--white, #fff);\n border-radius: var(--radius-lg, 10px);\n position: relative;\n}\n\n/* Signup Header */\n.signup-page .layout-header {\n display: flex;\n justify-content: center;\n padding-bottom: var(--space-lg, 24px);\n border-bottom: 2px solid var(--gray-light, #f5f5f5);\n margin-bottom: 0;\n}\n\n.phone{\n flex-grow: 1;\n}\n\n.signup-page .logo-link.layout-link {\n display: flex;\n align-items: center;\n gap: var(--space-md, 16px);\n text-decoration: none;\n color: var(--black, #000);\n}\n\n.signup-page .logo-link.layout-link:hover {\n text-decoration: none;\n}\n\n.signup-page .logo-image.layout-image {\n width: 60px;\n height: 60px;\n object-fit: contain;\n border-radius: var(--radius-md, 5px);\n border: 1px solid var(--border, #e0e0e0);\n}\n\n.signup-page .page-title.layout-text {\n font-size: var(--font-2xl, 24px);\n font-weight: var(--weight-bold, 700);\n color: var(--black, #000);\n line-height: var(--leading-tight, 1.2);\n}\n\n.signup-page .page-subtitle.layout-text {\n font-size: var(--font-sm, 14px);\n font-weight: var(--weight-normal, 400);\n color: var(--gray-dark, #666);\n line-height: var(--leading-normal, 1.5);\n}\n\n/* Form Structure */\n.signup-page form {\n display: flex;\n flex-direction: column;\n gap: var(--space-lg, 24px);\n}\n\n/* Form Rows */\n.name-row.layout-row,\n.email-row.layout-row,\n.password-row.layout-row,\n.confirm-password-row.layout-row {\n display: flex;\n flex-direction: column;\n gap: var(--space-xs, 4px);\n}\n\n.name-row .layout-col,\n.email-row .layout-col,\n.password-row .layout-col,\n.confirm-password-row .layout-col {\n display: flex;\n flex-direction: column;\n gap: var(--space-xs, 4px);\n width: 100%;\n}\n\n.name-row .layout-label,\n.email-row .layout-label,\n.password-row .layout-label,\n.confirm-password-row .layout-label {\n font-size: var(--font-sm, 14px);\n font-weight: var(--weight-medium, 500);\n color: var(--gray-dark, #666);\n}\n\n/* Phone Row */\n.phone-row.layout-col {\n display: flex;\n flex-direction: column;\n gap: var(--space-xs, 4px);\n width: 100%;\n margin-bottom: var(--space-lg, 24px);\n}\n\n.phone-row .layout-label {\n font-size: var(--font-sm, 14px);\n font-weight: var(--weight-medium, 500);\n color: var(--gray-dark, #666);\n}\n\n.phone-input-group {\n display: flex;\n gap: var(--space-sm, 8px);\n align-items: flex-start;\n}\n\n/* Country Code Group */\n.country-code.layout-group {\n position: relative;\n flex: 0 0 100px;\n}\n\n.country-code mat-form-field {\n width: 100%;\n}\n\n.loading-spinner.layout-container {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--space-xs, 4px);\n}\n\n/* Country Code Popup */\n.country-popup.layout-dialog {\n position: absolute;\n top: 100%;\n left: 0;\n width: 100%;\n max-height: 300px;\n overflow-y: auto;\n background-color: var(--white, #fff);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n padding: var(--space-xs, 4px);\n margin-top: var(--space-xs, 4px);\n z-index: 1000;\n box-shadow: var(--shadow-lg, 0 10px 15px rgba(0, 0, 0, 0.1));\n}\n\n.country-popup.layout-dialog[open] {\n display: block;\n}\n\n.popup-option.layout-button {\n width: 100%;\n text-align: left;\n padding: var(--space-sm, 10px) var(--space-md, 16px);\n border: none;\n background-color: transparent;\n border-radius: var(--radius-sm, 3px);\n font-size: var(--font-sm, 14px);\n color: var(--black, #000);\n cursor: pointer;\n transition: background-color var(--transition-fast, 150ms);\n}\n\n.popup-option.layout-button:hover {\n background-color: var(--gray-light, #f5f5f5);\n}\n\n.popup-option.layout-button:active {\n background-color: var(--gray-medium, #e0e0e0);\n}\n\n/* Phone Input */\n.phone-input.layout-group {\n flex: 1;\n}\n\n.phone-input mat-form-field {\n width: 100%;\n}\n\n/* Sign In Link */\n.signin-link.layout-container {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--space-xs, 4px);\n font-size: var(--font-sm, 14px);\n color: var(--gray-dark, #666);\n padding: var(--space-md, 16px) 0;\n border-top: 1px solid var(--border, #e0e0e0);\n margin-top: var(--space-md, 16px);\n}\n\n.signin-link .layout-link {\n font-size: var(--font-sm, 14px);\n color: var(--black, #000);\n text-decoration: none;\n font-weight: var(--weight-semibold, 600);\n}\n\n.signin-link .layout-link:hover {\n text-decoration: underline;\n}\n\n/* Button Group */\n.signup-page .button-group.layout-container {\n display: flex;\n width: 100%;\n margin-top: var(--space-md, 16px);\n}\n\n.signup-btn.layout-button {\n width: 100%;\n background-color: var(--black, #000);\n color: var(--white, #fff);\n border: 2px solid var(--black, #000);\n padding: var(--space-md, 14px) var(--space-lg, 24px);\n font-weight: var(--weight-semibold, 600);\n font-size: var(--font-base, 16px);\n border-radius: var(--radius-md, 5px);\n cursor: pointer;\n transition: all var(--transition-base, 300ms);\n}\n\n.signup-btn.layout-button:hover {\n background-color: var(--gray-dark, #333);\n border-color: var(--gray-dark, #333);\n transform: translateY(-1px);\n}\n\n.signup-btn.layout-button:active {\n transform: translateY(0);\n}\n\n.signup-btn.layout-button:disabled {\n background-color: var(--gray-medium, #999);\n border-color: var(--gray-medium, #999);\n cursor: not-allowed;\n opacity: 0.6;\n transform: none;\n}\n\n.signup-btn .layout-content {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--space-sm, 8px);\n padding: 0;\n}\n\n/* Form Field Styling (to override Material defaults) */\n.signup-page mat-form-field {\n width: 100%;\n}\n\n.signup-page mat-error {\n font-size: var(--font-xs, 12px);\n color: var(--gray-dark, #666);\n margin-top: var(--space-xs, 4px);\n}\n\n/* Password Visibility Toggle Buttons */\n.signup-page mat-form-field button[matSuffix] {\n background-color: transparent;\n border: none;\n cursor: pointer;\n color: var(--gray-dark, #666);\n padding: var(--space-xs, 4px);\n min-width: auto;\n transition: color var(--transition-fast, 150ms);\n}\n\n.signup-page mat-form-field button[matSuffix]:hover {\n color: var(--black, #000);\n}\n\n/* Loading Shade Overlay */\n.signup-page .loading-shade.layout-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(255, 255, 255, 0.9);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1000;\n border-radius: var(--radius-lg, 10px);\n}\n\n/* Popup Mode Adjustments */\n.signup-page.popup-mode {\n max-width: 100%;\n padding: var(--space-lg, 24px);\n border: none;\n border-radius: 0;\n}\n\n.signup-page.popup-mode .signin-link.layout-container {\n display: none;\n}\n\n/* Form Validation States */\n.signup-page mat-form-field.mat-form-field-invalid {\n border-color: var(--gray-dark, #666);\n}\n\n.signup-page mat-form-field.mat-form-field-invalid mat-label {\n color: var(--gray-dark, #666);\n}\n\n/* Accessibility */\n.signup-page mat-label {\n font-size: var(--font-sm, 14px);\n font-weight: var(--weight-medium, 500);\n color: var(--gray-dark, #666);\n}\n\n.signup-page input {\n font-size: var(--font-base, 16px);\n color: var(--black, #000);\n}\n\n.signup-page input::placeholder {\n color: var(--gray-medium, #999);\n}\n\n.signup-page input:focus {\n outline: none;\n}\n\n/* Country Code Input Specific */\n.country-code input {\n text-align: center;\n font-weight: var(--weight-semibold, 600);\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"ValidateUser","Style":"/* ==========================================\n VALIDATE USER\n ========================================== */\n\n/* Validate User Container */\n.validate-user.layout-container {\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 400px;\n max-width: 600px;\n margin: 0 auto;\n padding: var(--space-2xl, 48px) var(--space-lg, 24px);\n background-color: var(--white, #fff);\n}\n\n/* Success State */\n.validate-user .success-state.layout-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--space-xl, 32px);\n text-align: center;\n padding: var(--space-2xl, 48px);\n background-color: var(--gray-light, #f5f5f5);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-lg, 10px);\n width: 100%;\n}\n\n.validate-user .success-state mat-icon {\n font-size: 80px;\n width: 80px;\n height: 80px;\n color: var(--black, #000);\n}\n\n.validate-user .success-state label {\n font-size: var(--font-lg, 18px);\n font-weight: var(--weight-medium, 500);\n color: var(--gray-dark, #666);\n line-height: var(--leading-relaxed, 1.6);\n}\n\n.validate-user .success-state button {\n padding: var(--space-md, 14px) var(--space-2xl, 48px);\n background-color: var(--black, #000);\n color: var(--white, #fff);\n border: 2px solid var(--black, #000);\n border-radius: var(--radius-md, 5px);\n font-weight: var(--weight-semibold, 600);\n font-size: var(--font-base, 16px);\n cursor: pointer;\n transition: all var(--transition-base, 300ms);\n}\n\n.validate-user .success-state button:hover {\n background-color: var(--gray-dark, #333);\n border-color: var(--gray-dark, #333);\n transform: translateY(-2px);\n}\n\n/* Error State */\n.validate-user .error-state.layout-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--space-xl, 32px);\n text-align: center;\n padding: var(--space-2xl, 48px);\n background-color: var(--gray-light, #f5f5f5);\n border: 1px solid var(--border, #e0e0e0);\n border-radius: var(--radius-lg, 10px);\n width: 100%;\n}\n\n.validate-user .error-state mat-icon {\n font-size: 80px;\n width: 80px;\n height: 80px;\n color: var(--gray-dark, #666);\n}\n\n.validate-user .error-state label {\n font-size: var(--font-lg, 18px);\n font-weight: var(--weight-medium, 500);\n color: var(--gray-dark, #666);\n line-height: var(--leading-relaxed, 1.6);\n}\n\n.validate-user .error-state button {\n padding: var(--space-md, 14px) var(--space-2xl, 48px);\n background-color: var(--white, #fff);\n color: var(--black, #000);\n border: 2px solid var(--border, #e0e0e0);\n border-radius: var(--radius-md, 5px);\n font-weight: var(--weight-semibold, 600);\n font-size: var(--font-base, 16px);\n cursor: pointer;\n transition: all var(--transition-base, 300ms);\n}\n\n.validate-user .error-state button:hover {\n background-color: var(--gray-light, #f5f5f5);\n border-color: var(--gray-dark, #666);\n}","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"Wallet","Style":"","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"Widget","Style":"","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"Widget#Regular#anonymous#All#page","Style":"

\r\n \r\n

\r\n

\r\n \r\n

\r\n

\r\n \r\n

\r\n

\r\n \r\n

\r\n

\r\n \r\n

\r\n

\r\n \r\n

\r\n

\r\n \r\n

\r\n

\r\n \r\n

\r\n

\r\n \r\n

\r\n

\r\n \r\n

\r\n

\r\n \r\n

\r\n

\r\n \r\n

\r\n

\r\n \r\n

\r\n

\r\n\r\n\r\n

","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"Widget#Regular#subpage","Style":"

\r\n \r\n

\r\n

\r\n \r\n

\r\n

\r\n \r\n

\r\n

\r\n \r\n

\r\n

\r\n \r\n

\r\n

\r\n \r\n

\r\n

\r\n \r\n

\r\n

\r\n \r\n

\r\n

\r\n \r\n

\r\n

\r\n \r\n

\r\n

\r\n \r\n

\r\n

\r\n \r\n

\r\n

\r\n \r\n

\r\n

\r\n\r\n\r\n

","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"Widget-editable","Style":"","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"productwidget","Style":"","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"productwidget#Regular#anonymous#All#page","Style":"","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"},{"ParentTheme":"midstate","Name":"productwidget-editable","Style":"","NestedElements":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"Changed"}],"PageBases":[{"IsPopUp":false,"Name":" ValidateUser","Type":"ValidateUser","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":false,"Name":"Success","Type":"Success","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":true,"Name":"resp","Type":"Regular","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":false,"Name":"search","Type":"Search","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":false,"Name":"Maintenance","Type":"Maintenance","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":true,"Name":"sidebar","Type":"Regular","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":false,"Name":"GeneralSuccess","Type":"GeneralSuccess","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":false,"Name":"About","Type":"Regular","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":false,"Name":"New_Page17","Type":"Regular","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":false,"Name":"annualphysical","Type":"Regular","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":false,"Name":"cholesterol","Type":"Regular","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":false,"Name":"chroniccare","Type":"Regular","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":false,"Name":"contact","Type":"Regular","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":false,"Name":"copd","Type":"Regular","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":false,"Name":"diebeties","Type":"Regular","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":false,"Name":"emsella","Type":"Regular","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":false,"Name":"exomindtherapy","Type":"Regular","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":false,"Name":"immunizations","Type":"Regular","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":false,"Name":"insurance","Type":"Regular","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":false,"Name":"ivtherapy","Type":"Regular","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":false,"Name":"mentalhealth","Type":"Regular","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":false,"Name":"paymentplan","Type":"Regular","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":false,"Name":"primarycare","Type":"Regular","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":false,"Name":"providers","Type":"Regular","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":false,"Name":"servicedetail","Type":"Regular","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":false,"Name":"weightmanagement","Type":"Regular","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":false,"Name":"womenhealth","Type":"Regular","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":false,"Name":"labserivce","Type":"Regular","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":false,"Name":"resources","Type":"Regular","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":false,"Name":"Home","Type":"Home","DisplayOn":[],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":false,"Name":"service","Type":"Regular","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":false,"Name":"hypertension","Type":"Regular","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"},{"IsPopUp":false,"Name":"walkin","Type":"Regular","DisplayOn":["All"],"StoreFront":"midstatehealth.net","TenantUrlKey":"midstatehealth.orlit.net","DataState":"New"}],"Theme":"midstate"}