/* ========================================================== StudioCut.Video — Custom SVG Icon System Technique: CSS mask-image (inherits CSS `color` → currentColor) Usage: Size: add vp-icon--sm / vp-icon--lg / vp-icon--xl / vp-icon--2x / vp-icon--3x Color: add icon--success / icon--warning / icon--danger / icon--accent / icon--info / icon--muted ========================================================== */ /* ---------------------------------------------------------- BASE ---------------------------------------------------------- */ .vp-icon { display: inline-block; width: 16px; height: 16px; background-color: currentColor; mask-repeat: no-repeat; mask-size: contain; mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; vertical-align: middle; flex-shrink: 0; line-height: 1; } /* ---------------------------------------------------------- SIZES ---------------------------------------------------------- */ .vp-icon--sm { width: 13px; height: 13px; } .vp-icon--md { width: 18px; height: 18px; } .vp-icon--lg, .vp-icon--2x { width: 24px; height: 24px; } .vp-icon--xl, .vp-icon--3x { width: 32px; height: 32px; } .vp-icon--2xl { width: 48px; height: 48px; } /* ---------------------------------------------------------- SEMANTIC COLOR OVERRIDES (override via background-color) ---------------------------------------------------------- */ .vp-icon.icon--success { background-color: var(--success, #22C55E); } .vp-icon.icon--warning { background-color: var(--amber, #F29F05); } .vp-icon.icon--danger { background-color: var(--rust, #D93D04); } .vp-icon.icon--accent { background-color: var(--navy, #2C5273); } .vp-icon.icon--info { background-color: var(--info, #5B9BD5); } .vp-icon.icon--muted { background-color: var(--fg-3, #5A5550); } .vp-icon.icon--gold { background-color: var(--amber, #F29F05); } .vp-icon.icon--green { background-color: var(--success, #22C55E); } .vp-icon.icon--red { background-color: var(--rust, #D93D04); } /* ---------------------------------------------------------- ANIMATIONS ---------------------------------------------------------- */ @keyframes vp-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .vp-icon--spin { animation: vp-spin 0.8s linear infinite; } @keyframes vp-pulse-opacity { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } } .vp-icon--pulse { animation: vp-pulse-opacity 1.8s ease-in-out infinite; } /* ---------------------------------------------------------- CATEGORY A — NAVIGATION ---------------------------------------------------------- */ .vp-icon--dashboard { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/nav-dashboard.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/nav-dashboard.svg'); } .vp-icon--productions { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/nav-productions.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/nav-productions.svg'); } .vp-icon--shop { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/nav-shop.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/nav-shop.svg'); } .vp-icon--cart { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/nav-cart.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/nav-cart.svg'); } .vp-icon--agency-nav { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/nav-agency.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/nav-agency.svg'); } .vp-icon--whitelabel-nav { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/nav-whitelabel.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/nav-whitelabel.svg'); } .vp-icon--voice { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-microphone.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-microphone.svg'); } .vp-icon--admin-nav { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/nav-admin.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/nav-admin.svg'); } .vp-icon--help { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/nav-help.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/nav-help.svg'); } .vp-icon--docs { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/nav-docs.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/nav-docs.svg'); } .vp-icon--bolt { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/brand-bolt.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/brand-bolt.svg'); } .vp-icon--chevron-down { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/nav-chevron-down.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/nav-chevron-down.svg'); } .vp-icon--chevron-right { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/nav-chevron-right.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/nav-chevron-right.svg'); } .vp-icon--chevron-left { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/nav-chevron-left.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/nav-chevron-left.svg'); } /* ---------------------------------------------------------- CATEGORY B — USER MENU ---------------------------------------------------------- */ .vp-icon--profile { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/user-profile.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/user-profile.svg'); } .vp-icon--settings { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/user-settings.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/user-settings.svg'); } .vp-icon--signout { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/user-signout.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/user-signout.svg'); } .vp-icon--backend { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/user-backend.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/user-backend.svg'); } .vp-icon--theme-light { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/user-theme-light.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/user-theme-light.svg'); } .vp-icon--theme-dark { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/user-theme-dark.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/user-theme-dark.svg'); } /* ---------------------------------------------------------- CATEGORY C — STATUS ---------------------------------------------------------- */ .vp-icon--status-published { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/status-published.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/status-published.svg'); } .vp-icon--status-draft { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/status-draft.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/status-draft.svg'); } .vp-icon--status-processing { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/status-processing.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/status-processing.svg'); } .vp-icon--status-review { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/status-review.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/status-review.svg'); } .vp-icon--status-failed { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/status-failed.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/status-failed.svg'); } .vp-icon--status-verified { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/status-verified.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/status-verified.svg'); } .vp-icon--status-unverified { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/status-unverified.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/status-unverified.svg'); } .vp-icon--status-active { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/status-active.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/status-active.svg'); } .vp-icon--status-suspended { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/status-suspended.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/status-suspended.svg'); } .vp-icon--status-demo { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/status-demo.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/status-demo.svg'); } /* ---------------------------------------------------------- CATEGORY D — ACTIONS ---------------------------------------------------------- */ .vp-icon--create { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-create.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-create.svg'); } .vp-icon--edit { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-edit.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-edit.svg'); } .vp-icon--delete { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-delete.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-delete.svg'); } .vp-icon--save { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-save.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-save.svg'); } .vp-icon--cancel { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-cancel.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-cancel.svg'); } .vp-icon--star { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-star.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-star.svg'); } .vp-icon--star-filled { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-star-filled.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-star-filled.svg'); } .vp-icon--search { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-search.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-search.svg'); } .vp-icon--refresh { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-refresh.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-refresh.svg'); } .vp-icon--upload { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-upload.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-upload.svg'); } .vp-icon--download { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-download.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-download.svg'); } .vp-icon--allocate { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-allocate.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-allocate.svg'); } .vp-icon--back { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-back.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-back.svg'); } .vp-icon--forward { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-forward.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-forward.svg'); } .vp-icon--external { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-external.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-external.svg'); } .vp-icon--copy { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-copy.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-copy.svg'); } .vp-icon--verify { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-verify.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-verify.svg'); } .vp-icon--setdefault { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-setdefault.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-setdefault.svg'); } .vp-icon--list { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-list.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-list.svg'); } .vp-icon--globe { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-globe.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-globe.svg'); } .vp-icon--info { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-info.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-info.svg'); } .vp-icon--file { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-file.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-file.svg'); } .vp-icon--image { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-image.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/action-image.svg'); } .vp-icon--add-user { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/user-add.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/user-add.svg'); } /* ---------------------------------------------------------- CATEGORY E — SETTINGS SIDEBAR ---------------------------------------------------------- */ .vp-icon--sub { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/settings-subscription.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/settings-subscription.svg'); } .vp-icon--credit { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/settings-credit.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/settings-credit.svg'); } .vp-icon--prod-settings { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/settings-production.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/settings-production.svg'); } .vp-icon--storage { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/settings-storage.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/settings-storage.svg'); } .vp-icon--assets { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/settings-assets.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/settings-assets.svg'); } .vp-icon--rss { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/settings-rss.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/settings-rss.svg'); } .vp-icon--users { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/settings-users.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/settings-users.svg'); } .vp-icon--agencies { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/settings-agencies.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/settings-agencies.svg'); } .vp-icon--plans { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/settings-plans.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/settings-plans.svg'); } .vp-icon--products { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/settings-products.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/settings-products.svg'); } .vp-icon--reports { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/settings-reports.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/settings-reports.svg'); } .vp-icon--palette { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/settings-whitelabel.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/settings-whitelabel.svg'); } .vp-icon--overview { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/settings-overview.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/settings-overview.svg'); } /* ---------------------------------------------------------- CATEGORY F — KPI ---------------------------------------------------------- */ .vp-icon--kpi-videos { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/kpi-videos.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/kpi-videos.svg'); } .vp-icon--kpi-processing { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/kpi-processing.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/kpi-processing.svg'); } .vp-icon--kpi-published { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/kpi-published.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/kpi-published.svg'); } .vp-icon--kpi-failed { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/kpi-failed.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/kpi-failed.svg'); } .vp-icon--kpi-clock { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/kpi-clock.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/kpi-clock.svg'); } .vp-icon--kpi-users { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/kpi-users.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/kpi-users.svg'); } .vp-icon--kpi-storage { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/kpi-storage.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/kpi-storage.svg'); } .vp-icon--kpi-revenue { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/kpi-revenue.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/kpi-revenue.svg'); } /* ---------------------------------------------------------- CATEGORY G — FORM ---------------------------------------------------------- */ .vp-icon--email { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-email.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-email.svg'); } .vp-icon--password { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-password.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-password.svg'); } .vp-icon--eye-show { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-eye-show.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-eye-show.svg'); } .vp-icon--eye-hide { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-eye-hide.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-eye-hide.svg'); } .vp-icon--phone { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-phone.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-phone.svg'); } .vp-icon--location { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-location.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-location.svg'); } .vp-icon--calendar { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-calendar.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-calendar.svg'); } .vp-icon--apikey { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-apikey.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-apikey.svg'); } .vp-icon--company { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-company.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-company.svg'); } .vp-icon--microphone { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-microphone.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-microphone.svg'); } .vp-icon--music { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-music.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-music.svg'); } .vp-icon--target { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-target.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-target.svg'); } .vp-icon--language { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-language.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-language.svg'); } .vp-icon--brand { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-brand.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-brand.svg'); } .vp-icon--clock { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-clock.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-clock.svg'); } .vp-icon--sparkle { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-sparkle.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-sparkle.svg'); } /* ---------------------------------------------------------- CATEGORY H — PAYMENT ---------------------------------------------------------- */ .vp-icon--secure { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/pay-secure.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/pay-secure.svg'); } .vp-icon--wallet { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/pay-wallet.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/pay-wallet.svg'); } .vp-icon--card { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/pay-card.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/pay-card.svg'); } .vp-icon--upgrade { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/pay-upgrade.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/pay-upgrade.svg'); } .vp-icon--downgrade { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/pay-downgrade.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/pay-downgrade.svg'); } .vp-icon--crown { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/pay-crown.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/pay-crown.svg'); } .vp-icon--invoice { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/pay-invoice.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/pay-invoice.svg'); } .vp-icon--proration { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/pay-proration.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/pay-proration.svg'); } /* ---------------------------------------------------------- CATEGORY I — FEEDBACK ---------------------------------------------------------- */ .vp-icon--success { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/feedback-success.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/feedback-success.svg'); } .vp-icon--warning { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/feedback-warning.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/feedback-warning.svg'); } .vp-icon--error { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/feedback-error.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/feedback-error.svg'); } .vp-icon--alert-info { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/feedback-info.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/feedback-info.svg'); } .vp-icon--empty { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/feedback-empty.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/feedback-empty.svg'); } .vp-icon--loading { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/feedback-loading.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/feedback-loading.svg'); } .vp-icon--quota { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/feedback-quota.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/feedback-quota.svg'); } /* ---------------------------------------------------------- CATEGORY J — FEATURE FLAGS ---------------------------------------------------------- */ .vp-icon--feat-check { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/feature-check.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/feature-check.svg'); } .vp-icon--feat-cross { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/feature-cross.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/feature-cross.svg'); } .vp-icon--unlimited { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/feature-unlimited.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/feature-unlimited.svg'); } /* ---------------------------------------------------------- CATEGORY K — PRODUCTION CONTROLS ---------------------------------------------------------- */ .vp-icon--play { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/production-play.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/production-play.svg'); } .vp-icon--pause { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/production-pause.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/production-pause.svg'); } .vp-icon--stop { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/production-stop.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/production-stop.svg'); } /* ---------------------------------------------------------- CATEGORY L — BRANDS / PROVIDERS ---------------------------------------------------------- */ .vp-icon--gemini { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/brand-gemini.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/brand-gemini.svg'); } .vp-icon--elevenlabs { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/brand-elevenlabs.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/brand-elevenlabs.svg'); } .vp-icon--key { mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-apikey.svg'); -webkit-mask-image: url('/studiocut_vid_ai_odoo19/static/src/icons/form-apikey.svg'); }