/* Former inline style="" values the pp-* utility scale cannot express,
   moved here once when the vendor views dropped inline styles. Each class is
   used by one view (vi-<view path>-N). Each selector carries :not(#_) three
   times so it keeps the priority the inline style had: it beats normal rules
   but yields to styles scripts set inline and to !important helpers. Fold
   these into the view CSS, or onto the Figma scale, as screens are redesigned. */

.vi-appointments-calendar-1:not(#_):not(#_):not(#_) { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.vi-appointments-calendar-2:not(#_):not(#_):not(#_) { width: 90%; max-width: 1000px; }
.vi-appointments-partials-package-badge-1:not(#_):not(#_):not(#_) { border: 1px solid var(--pp-grey-50); border-radius: 10px; padding: 12px 14px; }
.vi-appointments-partials-package-badge-2:not(#_):not(#_):not(#_) { margin-top: 6px; }
.vi-appointments-setting-1:not(#_):not(#_):not(#_) { opacity: 0.5; }
.vi-appointments-upcoming-1:not(#_):not(#_):not(#_) { width: 90%; max-width: 880px; }
.vi-catalog-packages-index-1:not(#_):not(#_):not(#_) { max-width: 420px; }
.vi-catalog-packages-partials-view-modal-1:not(#_):not(#_):not(#_) { max-width: 1300px; }
.vi-catalog-services-index-1:not(#_):not(#_):not(#_) { max-width: 420px; }
.vi-catalog-services-partials-view-modal-1:not(#_):not(#_):not(#_) { max-width: 1300px; }
.vi-customer-index-1:not(#_):not(#_):not(#_) { width: 64px; height: 64px; }
.vi-customer-index-2:not(#_):not(#_):not(#_) { width: 60%; }
.vi-customer-index-3:not(#_):not(#_):not(#_) { height: 14px; width: 30%; }
.vi-layout-alert-1:not(#_):not(#_):not(#_) { padding: 5px 15px 5px 10px; }
.vi-layout-app-1:not(#_):not(#_):not(#_) { background: transparent; }
.vi-layout-header-1:not(#_):not(#_):not(#_) { object-fit: cover; }
.vi-onboarding-company-verification-1:not(#_):not(#_):not(#_) { margin-top: 5px; }
.vi-onboarding-personal-verification-1:not(#_):not(#_):not(#_) { margin-top: 5px; }
.vi-onboarding-setup-1:not(#_):not(#_):not(#_) { margin-left: 10px; }
.vi-onboarding-verification-1:not(#_):not(#_):not(#_) { max-width: 300px; }
.vi-onboarding-verification-2:not(#_):not(#_):not(#_) { border-bottom: 0.5px solid rgb(206, 206, 206); }
.vi-onboarding-verification-3:not(#_):not(#_):not(#_) { width: 33%; }
.vi-package-requests-index-1:not(#_):not(#_):not(#_) { width: 90%; max-width: 700px; }
.vi-packages-create-header-1:not(#_):not(#_):not(#_) { padding-top: 7px; }
.vi-packages-create-header-2:not(#_):not(#_):not(#_) { font-weight: 300; }
.vi-packages-create-header-3:not(#_):not(#_):not(#_) { margin-top: 10%; }
.vi-packages-create-header-4:not(#_):not(#_):not(#_) { font-weight: 800; }
.vi-packages-create-new-header-1:not(#_):not(#_):not(#_) { padding-top: 7px; }
.vi-packages-create-new-header-2:not(#_):not(#_):not(#_) { font-weight: 300; }
.vi-packages-create-new-header-3:not(#_):not(#_):not(#_) { margin-top: 10%; }
.vi-packages-create-new-header-4:not(#_):not(#_):not(#_) { font-weight: 800; }
.vi-packages-create-1:not(#_):not(#_):not(#_) { padding-top: 7px; }
.vi-packages-create-2:not(#_):not(#_):not(#_) { font-weight: 300; }
.vi-packages-create-3:not(#_):not(#_):not(#_) { margin-top: 10%; }
.vi-packages-create-4:not(#_):not(#_):not(#_) { font-weight: 800; }
.vi-packages-edit-header-1:not(#_):not(#_):not(#_) { padding-top: 7px; }
.vi-packages-edit-header-2:not(#_):not(#_):not(#_) { font-weight: 300; }
.vi-packages-edit-header-3:not(#_):not(#_):not(#_) { margin-top: 10%; }
.vi-packages-edit-header-4:not(#_):not(#_):not(#_) { font-weight: 800; }
.vi-packages-edit-1:not(#_):not(#_):not(#_) { padding-top: 7px; }
.vi-packages-edit-2:not(#_):not(#_):not(#_) { font-weight: 300; }
.vi-packages-edit-3:not(#_):not(#_):not(#_) { margin-top: 10%; }
.vi-packages-edit-4:not(#_):not(#_):not(#_) { font-weight: 800; }
.vi-payments-index-1:not(#_):not(#_):not(#_) { bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 3000; color: white; padding: 14px 28px; border-radius: 100px; box-shadow: 0 10px 25px rgba(0,0,0,0.2); }
.vi-payments-index-2:not(#_):not(#_):not(#_) { color: var(--text-main); }
.vi-payments-index-3:not(#_):not(#_):not(#_) { border-top: 3px solid var(--success-green); }
.vi-payments-index-4:not(#_):not(#_):not(#_) { color: var(--primary-purple); }
.vi-payments-index-5:not(#_):not(#_):not(#_) { color: var(--success-green); }
.vi-payments-index-6:not(#_):not(#_):not(#_) { color: var(--warning-orange); }
.vi-payments-index-7:not(#_):not(#_):not(#_) { font-size: 13px; }
.vi-payments-index-8:not(#_):not(#_):not(#_) { color: var(--text-muted); }
.vi-payments-index-9:not(#_):not(#_):not(#_) { width: 85%; }
.vi-payments-index-10:not(#_):not(#_):not(#_) { width: 65%; }
.vi-payments-index-11:not(#_):not(#_):not(#_) { width: 55%; }
.vi-payments-index-12:not(#_):not(#_):not(#_) { width: 45%; }
.vi-payments-index-13:not(#_):not(#_):not(#_) { width: 35%; }
.vi-payments-index-14:not(#_):not(#_):not(#_) { margin-bottom: 2px; }
.vi-payout-index-1:not(#_):not(#_):not(#_) { color: #6772e5; }
.vi-profile-company-shop-1:not(#_):not(#_):not(#_) { line-height: 1.6; }
.vi-profile-company-shop-2:not(#_):not(#_):not(#_) { margin-left: 10px; }
.vi-profile-index-1:not(#_):not(#_):not(#_) { aspect-ratio: 16 / 5; min-height: 180px; }
.vi-profile-index-2:not(#_):not(#_):not(#_) { font-size: 2rem; }
.vi-profile-index-3:not(#_):not(#_):not(#_) { line-height: 1.6; }
.vi-profile-index-4:not(#_):not(#_):not(#_) { border-width: 2px; }
.vi-profile-index-5:not(#_):not(#_):not(#_) { letter-spacing: 0.05em; }
.vi-profile-setup-1:not(#_):not(#_):not(#_) { margin-top: 5px; }
.vi-schedule-availability-1:not(#_):not(#_):not(#_) { margin-top: 5px; }
.vi-services-pricing-add-1:not(#_):not(#_):not(#_) { padding-top: 7px; }
.vi-services-pricing-add-2:not(#_):not(#_):not(#_) { margin-top: 10%; }
.vi-services-pricing-add-3:not(#_):not(#_):not(#_) { font-weight: 800; }
.vi-services-pricing-add-4:not(#_):not(#_):not(#_) { font-weight: 800; margin-top: 30px; }
.vi-services-pricing-add-5:not(#_):not(#_):not(#_) { padding-top: 7px; margin-top: 10px; }
.vi-services-pricing-add-6:not(#_):not(#_):not(#_) { appearance: auto; }
.vi-services-pricing-category-index-1:not(#_):not(#_):not(#_) { max-width: 620px; }
.vi-services-pricing-category-index-2:not(#_):not(#_):not(#_) { width: 60px; }
.vi-services-pricing-category-index-3:not(#_):not(#_):not(#_) { margin-top: 10%; }
.vi-services-pricing-category-index-4:not(#_):not(#_):not(#_) { font-weight: 800; }
.vi-services-pricing-category-1:not(#_):not(#_):not(#_) { margin-top: 10%; }
.vi-services-pricing-category-2:not(#_):not(#_):not(#_) { font-weight: 800; }
.vi-services-pricing-category-3:not(#_):not(#_):not(#_) { padding-top: 7px; }
.vi-services-pricing-edit-1:not(#_):not(#_):not(#_) { padding-top: 7px; }
.vi-services-pricing-edit-2:not(#_):not(#_):not(#_) { margin-top: 10%; }
.vi-services-pricing-edit-3:not(#_):not(#_):not(#_) { font-weight: 800; }
.vi-services-pricing-edit-4:not(#_):not(#_):not(#_) { font-weight: 800; margin-top: 30px; }
.vi-services-pricing-edit-5:not(#_):not(#_):not(#_) { padding-top: 7px; margin-top: 10px; }
.vi-services-pricing-edit-6:not(#_):not(#_):not(#_) { appearance: auto; }
.vi-services-pricing-inclusion-index-1:not(#_):not(#_):not(#_) { max-width: 620px; }
.vi-services-pricing-inclusion-index-2:not(#_):not(#_):not(#_) { width: 60px; }
.vi-services-pricing-inclusion-index-3:not(#_):not(#_):not(#_) { width: 180px; }
.vi-services-pricing-inclusion-index-4:not(#_):not(#_):not(#_) { width: 160px; }
.vi-services-pricing-inclusion-index-5:not(#_):not(#_):not(#_) { margin-top: 10%; }
.vi-services-pricing-inclusion-index-6:not(#_):not(#_):not(#_) { font-weight: 800; }
.vi-services-pricing-service-1:not(#_):not(#_):not(#_) { min-width: 30px; }
.vi-services-pricing-service-2:not(#_):not(#_):not(#_) { border-radius: 10px; border: 1px solid var(--pp-purple-10); }
.vi-services-pricing-service-3:not(#_):not(#_):not(#_) { border-radius: 10px; }
.vi-services-pricing-service-4:not(#_):not(#_):not(#_) { margin-top: 10%; }
.vi-services-pricing-service-5:not(#_):not(#_):not(#_) { font-weight: 800; }
.vi-services-pricing-service-6:not(#_):not(#_):not(#_) { padding-top: 7px; }