{"version":3,"file":"bundle.min.css","mappings":"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","sources":["webpack://uncanny-automator-backend/./src/automator/main.scss","webpack://uncanny-automator-backend/./src/automator/animations/fade-out/style.scss","webpack://uncanny-automator-backend/./src/automator/components/accordion/legacy/style.scss","webpack://uncanny-automator-backend/./src/automator/components/button-dropdown/style.scss","webpack://uncanny-automator-backend/./src/automator/components/icon/mixin.scss","webpack://uncanny-automator-backend/./src/automator/components/context-menu/style.scss","webpack://uncanny-automator-backend/./src/automator/components/notice/style.scss","webpack://uncanny-automator-backend/./src/automator/components/table/style.scss","webpack://uncanny-automator-backend/./src/automator/components/text-placeholder/style.scss","webpack://uncanny-automator-backend/./src/automator/components/tooltip/style.scss","webpack://uncanny-automator-backend/./src/automator/components/video/style.scss","webpack://uncanny-automator-backend/./src/automator/components/field/types/text.scss","webpack://uncanny-automator-backend/./src/automator/components/field/types/switch.scss","webpack://uncanny-automator-backend/./src/automator/components/field/style.scss","webpack://uncanny-automator-backend/./src/automator/components/icon/style.scss","webpack://uncanny-automator-backend/./src/automator/components/tabs/fouc-fix.scss","webpack://uncanny-automator-backend/./src/pages/global/style.scss","webpack://uncanny-automator-backend/./src/pages/global/notification-system/style.scss","webpack://uncanny-automator-backend/./src/pages/global/review-banner/style.scss","webpack://uncanny-automator-backend/./src/pages/dashboard/style.scss","webpack://uncanny-automator-backend/./src/pages/integrations/style.scss","webpack://uncanny-automator-backend/./src/pages/settings/style.scss","webpack://uncanny-automator-backend/./src/pages/logs/main.scss","webpack://uncanny-automator-backend/./src/pages/logs/minimal/style.scss","webpack://uncanny-automator-backend/./src/pages/upgrade/style.scss"],"sourcesContent":["$breakpoint_small_desktop: 1366px;\n$breakpoint_mobile: 768px;\n\n:root {\n\t--uap-font-family: -apple-system, system-ui, blinkmacsystemfont, \"Segoe UI\", roboto, \"Helvetica Neue\", arial, sans-serif;\n\t--uap-border-radius: 10px;\n\t--uap-box-padding: 20px;\n\t--uap-line-height: 1.4;\n\n\t/* Colors */\n\n\t--uap-color-blue: #0790e8;\n\t--uap-color-blue-rgb: 7, 144, 232; // Useful for applying alpha\n\n\t--uap-color-green: #6bc45a;\n\t--uap-color-green-rgb: 107, 196, 90;\n\n\t--uap-color-red: #e94b35;\n\t--uap-color-red-rgb: 233, 75, 53;\n\n\t--uap-color-gray: #9e9e9e;\n\t--uap-color-gray-rgb: 158, 158, 158; // Useful for applying alpha\n\n\t--uap-warning-background: #fdf8d9;\n\t--uap-error-background: #f9e2e2;\n\t--uap-success-background: #ecf7ed;\n\t--uap-info-background: #e8f2ff;\n\n\t// Buttons\n\t--uap-button-transparent-hover-background: #dfdfdf;\n\n\t// Alert\n\t--uap-alert-default-background: #f3f3f3;\n\t--uap-alert-warning-background: var(--uap-warning-background);\n\t--uap-alert-error-background: var(--uap-error-background);\n\t--uap-alert-success-background: var(--uap-success-background);\n\t--uap-alert-info-background: var(--uap-info-background);\n\t--uap-alert-white-background: #fff;\n\t--uap-alert-padding: 15px;\n\t--uap-alert-small-padding: 10px;\n\t--uap-alert-xsmall-padding: 8px;\n\n\t// Dropdowns\n\t--uap-dropdown-border-color: #c7c7c7;\n\t--uap-dropdown-caret-size: 7px;\n\n\t// Chips\n\t--uap-chip-padding-left-right: 10px;\n\t--uap-chip-padding-top-bottom: 2px;\n\n\t--uap-chip-padding-left-right-small: 8px;\n\t--uap-chip-padding-top-bottom-small: 1px;\n\n\t--uap-chip-color-default-border: #b7b7b7;\n\t--uap-chip-color-default-fill: #ebebeb;\n\n\t--uap-chip-color-info-border: #0288d1;\n\t--uap-chip-color-info-fill: #d2eaff;\n\n\t--uap-chip-color-warning-border: #f4a568;\n\t--uap-chip-color-warning-fill: #ffe9ac;\n\n\t// Fields\n\t--uap-field-border-color: #cdcdcd;\n\t--uap-field-background-disabled: #ebebeb;\n\n\t// Dialog\n\t--uap-dialog-padding: 20px;\n\t--uap-dialog-size-xsmall: 280px;\n\t--uap-dialog-size-small: 400px;\n\t--uap-dialog-size-regular: 500px;\n\t--uap-dialog-size-large: 700px;\n\t--uap-dialog-size-xlarge: 1000px;\n\n\t// Accordion\n\t--uap-accordion-item-padding: 7px 12px;\n\t--uap-accordion-item-children-background: #f3f3f3;\n\t--uap-accordion-item-children-background-hover: #e3e3e3;\n\t--uap-accordion-border-color: var(--uap-field-border-color);\n\t--uap-accordion-item-li-color: #565555;\n\n\t// Tooltip\n\t--uap-tooltip-background: rgba(97,97,97,0.97);\n\n\t// Others\n\n\t--uap-color-gray-2: #a4a4a4;\n\t--uap-color-placeholder-gray: #e2e2e2;\n\n\t/* Spacing */\n\n\t--uap-spacing-between-elements-xsmall: 4px;\n\t--uap-spacing-between-elements-small: 8px;\n\t--uap-spacing-between-elements: 12px;\n\n\t--uap-spacing-between-sections-small: 20px;\n\t--uap-spacing-between-sections: 40px;\n\n\t--uap-border-color-gray: #e4e4e4;\n\n\t--uap-shadow-dropdown: 0 5px 15px 0 rgba(0, 0, 0, 0.2);\n\t--uap-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);\n\t--uap-box-shadow-small: 0 2px 5px 0 rgba(0,0,0,.1);\n\n\t--uap-transition: all 150ms ease-in-out;\n\t--uap-transition-slow: all 300ms ease-in-out;\n\n\t/* Typography */\n\n\t--uap-font-color: #3c3c3c;\n\t--uap-font-anchor: #0478c3;\n\t--uap-font-color-green: #5faa51;\n\t--uap-font-color-warning: #eb5e37;\n\t--uap-font-color-success: #2e9788;\n\t--uap-font-color-error: var(--uap-color-red);\n\n\t--uap-font-color-secondary: #676b6f;\n\t--uap-font-color-secondary-less-important: #b4b4b4;\n\t--uap-font-background-color: #48ad35;\n\t--uap-font-background-color-secondary: #e4e4e4;\n\n\t--uap-font-family--header: \"Nunito\", -apple-system, system-ui, blinkmacsystemfont, \"Segoe UI\", roboto, \"Helvetica Neue\", arial, sans-serif;\n\n\t--uap-font-size--body-xxsmall: 12px;\n\t--uap-line-height--body-xxsmall: 18px;\n\n\t--uap-font-size--body-xsmall: 14px;\n\t--uap-line-height--body-xsmall: 20px;\n\n\t--uap-font-size--body-small: 15px;\n\t--uap-line-height--body-small: 24px;\n\n\t--uap-font-size--body-regular: 16px;\n\t--uap-line-height--body-regular: 26px;\n\n\t--uap-font-size--body-large: 18px;\n\t--uap-line-height--body-large: 28px;\n\n\t--uap-font-size--header-xxsmall: 18px;\n\t--uap-line-height--header-xxsmall: 28px;\n\n\t--uap-font-size--header-xsmall: 20px;\n\t--uap-line-height--header-xsmall: 24px;\n\n\t--uap-font-size--header-small: 24px;\n\t--uap-line-height--header-small: 28px;\n\n\t--uap-font-size--header-regular: 28px;\n\t--uap-line-height--header-regular: 32px;\n\n\t--uap-font-size--header-large: 36px;\n\t--uap-line-height--header-large: 40px;\n\n\t--uap-font-size--header-xlarge: 44px;\n\t--uap-line-height--header-xlarge: 48px;\n\n\t/* Scrollbar */\n\n\t--uap-scrollbar-width: 10px;\n\t--uap-scrollbar-background: rgba(0, 0, 0, 0.09);\n\t--uap-scrollbar-thumb-background: rgba(0, 0, 0, 0.3);\n\n\t/* Item status */\n\n\t--uap-item-status-completed: #67ec73;\n\t--uap-item-status-completed-do-nothing: #67ec73;\n\t--uap-item-status-cancelled: #67ec73;\n\t--uap-item-status-skipped: #67ec73;\n\t--uap-item-status-completed-with-notice: #67ec73;\n\t\n\t--uap-item-status-not-completed: #e75c5c;\n\t--uap-item-status-completed-with-errors: #e75c5c;\n\n\t--uap-item-status-completed-awaiting: #f5d927;\n\t--uap-item-status-in-progress: #f5d927;\n\t--uap-item-status-scheduled: #f5d927;\n}\n\n/**\n * Helper\n */\n\n.uap-hidden {\n\tdisplay: none !important;\n}\n\n.uap-disable-scroll {\n\toverflow: hidden !important;\n}\n\n/**\n * Links\n */\n\n.uap {\n\ta {\n\t\tcolor: var(--uap-font-anchor);\n\t\ttext-decoration: none;\n\n\t\t&:hover {\n\t\t\ttext-decoration: underline;\n\t\t}\n\t}\n}\n\n/**\n * Lists\n */\n\n.uap {\n\tul, ol {\n\t\tmargin-left: 0;\n\t\tlist-style-position: inside;\n\t}\n\n\tul {\n\t\tlist-style-type: disc;\n\t}\n\n\t.uap-list-no-bullets {\n\t\tlist-style: none !important;\n\t}\n}\n\n/**\n * Heading\n */\n\n.uap {\n\th1, h2, h3, h4, h5, h6 {\n\t\tmargin-bottom: 0;\n\t\tpadding: 0;\n\t}\n\n\th1 {\n\t\tfont-size: var(--uap-font-size--header-xlarge);\n\t\tline-height: var(--uap-line-height--header-xlarge);\n\t}\n\n\th2 {\n\t\tfont-size: var(--uap-font-size--header-large);\n\t\tline-height: var(--uap-line-height--header-large);\n\t}\n\n\th3 {\n\t\tfont-size: var(--uap-font-size--header-regular);\n\t\tline-height: var(--uap-line-height--header-regular);\n\t}\n\n\th4 {\n\t\tfont-size: var(--uap-font-size--header-small);\n\t\tline-height: var(--uap-line-height--header-small);\n\t}\n\n\th5 {\n\t\tfont-size: var(--uap-font-size--body-large);\n\t\tline-height: var(--uap-line-height--body-large);\n\t}\n}\n\n/**\n * Spacing, experimental\n */\n\n.uap-spacing-top {\n\tmargin-top: 15px !important;\n\n\t&--none {\n\t\tmargin-top: 0 !important;\n\t}\n\n\t&--big {\n\t\tmargin-top: 20px !important;\n\t}\n\n\t&--small {\n\t\tmargin-top: 10px !important;\n\t}\n}\n\n.uap-spacing-bottom {\n\tmargin-bottom: 15px !important;\n\n\t&--none {\n\t\tmargin-bottom: 0 !important;\n\t}\n\n\t&--small {\n\t\tmargin-bottom: 10px !important;\n\t}\n}\n\n.uap-spacing-right {\n\tmargin-right: 15px !important;\n\n\t&--none {\n\t\tmargin-right: 0 !important;\n\t}\n\n\t&--big {\n\t\tmargin-right: 20px !important;\n\t}\n\n\t&--small {\n\t\tmargin-right: 10px !important;\n\t}\n\n\t&--xsmall {\n\t\tmargin-right: 5px !important;\n\t}\n}",".uap-fade-out {\n\ttransition: opacity 150ms ease-in-out;\n}",":root {\n\t--uap-accordion-plus-icon-size: 10px;\n}\n\n.uap-accordion {\n\t$accordion: &;\n\n\tmargin-top: calc(var(--uap-spacing-between-elements-xsmall) * -1);\n\n\t&-item {\n\t\t$item: &;\n\n\t\t&__toggle {\n\n\t\t\tpadding: var(--uap-spacing-between-elements-xsmall) 0;\n\n\t\t\tfont-weight: 500;\n\t\t\tcursor: pointer;\n\n\t\t\tposition: relative;\n\n\t\t\t&:before,\n\t\t\t&:after {\n\t\t\t\twidth: var(--uap-accordion-plus-icon-size);\n\t\t\t\tbackground: var(--uap-font-color);\n\t\t\t\ttop: calc(var(--uap-spacing-between-elements-xsmall) + calc(1em - 5px));\n\n\t\t\t\tcontent: \"\";\n\n\t\t\t\theight: 2px;\n\t\t\t\tposition: absolute;\n\t\t\t\tright: 0;\n\t\t\t\tborder-radius: 4px;\n\t\t\t\ttransform-origin: 50%;\n\t\t\t\ttransition: transform 150ms ease-in-out;\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\ttransform: rotate(90deg);\n\n\t\t\t\t#{ $item }--open & {\n\t\t\t\t\ttransform: rotate(0deg);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&__content {\n\t\t\tcolor: var(--uap-font-color-secondary);\n\t\t\tfont-size: var(--uap-font-size--body-small);\n\t\t\tpadding-bottom: var(--uap-spacing-between-elements-xsmall);\n\n\t\t\tdisplay: none;\n\t\t\toverflow: hidden;\n\t\t\ttransition: height 500ms ease-in-out;\n\n\t\t\t#{ $item }--open & {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\t}\n}","// Import breakpoints\n@import '@automator/components/icon/mixin.scss';\n\n.uap-dropdown {\n\t$section: &;\n\n\tcursor: pointer;\n\tposition: relative;\n\n\t&-toggle {\n\t\tposition: relative;\n\n\t\tpadding-right: calc(12px + var(--uap-spacing-between-elements-small));\n\n\t\t&:after {\n\t\t\t@include icon;\n\t\t\tcontent: var(--uap-icon-angle-down);\n\n\t\t\ttransition: var(--uap-transition);\n\t\t\ttransition-property: transform;\n\n\t\t\tfont-size: 16px;\n\t\t\twidth: 11px;\n\t\t\theight: 16px;\n\n\t\t\tposition: absolute;\n\t\t\tright: 0;\n\t\t\ttop: calc(50% + 1px);\n\t\t\ttransform: translateY(-50%);\n\t\t\ttext-align: center;\n\n\t\t\t#{ $section }--open & {\n\t\t\t\ttransform: translateY(-50%) rotate(180deg);\n\t\t\t}\n\t\t}\n\t}\n\n\t&-menu {\n\t\tborder-radius: var(--uap-border-radius);\n\t\tbox-shadow: var(--uap-shadow-dropdown);\n\t\ttransition: var(--uap-transition);\n\n\t\ttransition-property: opacity, top;\n\n\t\topacity: 0;\n\t\ttop: calc(100% + 15px);\n\t\theight: 0;\n\t\toverflow: hidden;\n\n\t\tbackground: #fff;\n\t\twidth: 200px;\n\t\tposition: absolute;\n\t\tright: -10px;\n\t\tz-index: 10;\n\n\t\t#{ $section }--open & {\n\t\t\theight: auto;\n\t\t\topacity: 1;\n\t\t\ttop: calc(100% + 20px);\n\t\t\toverflow: visible;\n\t\t}\n\n\t\t&:before {\n\t\t\t--uap-caret-size: 8px;\n\n\t\t\tborder: var(--uap-caret-size) solid transparent;\n\t\t\ttop: calc(var(--uap-caret-size) * -2);\n\n\t\t\tcontent: \"\";\n\t\t\tposition: absolute;\n\t\t\tleft: 50%;\n\t\t\twidth: 0;\n\t\t\theight: 0;\n\t\t\tborder-bottom-color: #fff;\n\t\t}\n\n\t\t#{ $section }:not(#{ $section }--caret-left):not(#{ $section }--caret-right ) & {\n\t\t\t&,\n\t\t\t&:before {\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translateX(-50%);\n\t\t\t}\n\t\t}\n\n\t\t#{ $section }--caret-left & {\n\t\t\tleft: -10px;\n\n\t\t\t&:before {\n\t\t\t\tleft: 10px;\n\t\t\t}\n\t\t}\n\n\t\t#{ $section }--caret-right & {\n\t\t\tright: -10px;\n\n\t\t\t&:before {\n\t\t\t\tright: 10px;\n\t\t\t\tleft: auto;\n\t\t\t}\n\t\t}\n\t}\n\n\t&-item {\n\t\tcolor: var(--uap-font-color) !important;\n\t\tfont-size: var(--uap-font-size--body-small);\n\t\tline-height: var(--uap-line-height--body-small);\n\t\ttransition: var(--uap-transition);\n\n\t\ttransition-property: color;\n\t\tpadding: 7px 10px;\n\t\ttext-decoration: none;\n\t\tdisplay: block;\n\n\t\t&:not(:last-child) {\n\t\t\tborder-bottom: 1px solid var(--uap-border-color-gray);\n\t\t}\n\n\t\t&:hover {\n\t\t\tcolor: var(--uap-color-blue);\n\t\t}\n\n\t\t.uap-icon {\n\t\t\tmargin-left: 2px;\n\t\t}\n\t}\n}","/**\n * This file only contains SCSS mixins to use an icon as pseudo-element\n * Don't use the unicode to add the icon, use the CSS variables, which\n * are defined in style.scss\n */\n\n@mixin icon {\n\tfont-size: 1em;\n\tfont-family: \"Uncanny Automator Icons\" !important;\n\tspeak: none;\n\tfont-style: normal;\n\tfont-weight: normal;\n\tfont-variant: normal;\n\ttext-transform: none;\n\tline-height: 1;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n}\n\n@mixin icon-loading( $translate: translate(-50%, -50%) ) {\n\t// Define the name of the keyframes animation\n\t$keyframes_name: unique_id() + \"-rotate\";\n\n\t// Add icon\n\t@include icon;\n\tcontent: var(--uap-icon-loading);\n\n\t// Style it\n\tcolor: var(--uap-font-color);\n\n\t// Center it\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\n\t// Add animation\n\tanimation: #{ $keyframes_name } 2s linear infinite;\n\t@keyframes #{ $keyframes_name } {\n\t\tfrom {\n\t\t\ttransform: $translate rotate(0deg);\n\t\t}\n\t\tto {\n\t\t\ttransform: $translate rotate(360deg);\n\t\t}\n\t}\n}\n",":root {\n\t--uap-context-menu-width: 200px;\n\t--uap-context-menu-background: #e9e4e7;\n\t--uap-context-menu-border-color: rgba(0, 0, 0, .1);\n\n\t--uap-context-menu-group-separator-color: #d2cdd0;\n\t--uap-context-menu-group-title-padding: 4px 8px;\n\n\t--uap-context-menu-item-padding: 6px 8px;\n}\n\n.uap-context-menu {\n\twidth: var( --uap-context-menu-width );\n\n\tfont-family: var( --uap-font-family );\n\tcolor: var( --uap-font-color );\n\tfont-size: var( --uap-font-size--body-xsmall );\n\n\tborder-radius: var( --uap-border-radius );\n\tbox-shadow: var( --uap-shadow-dropdown );\n\n\tbackground: var( --uap-context-menu-background );\n\tborder-color: var( --uap-context-menu-border-color );\n\n\tborder-width: 1px;\n\tborder-style: solid;\n\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tz-index: 2147483647;\n\tdisplay: none;\n\toverflow: hidden;\n\n\t&-group {\n\t\tpadding: 5px;\n\n\t\t&:not(:last-child) {\n\t\t\tborder-bottom: 1px solid var( --uap-context-menu-group-separator-color );\n\t\t}\n\n\t\t&-title {\n\t\t\tpadding: var( --uap-context-menu-group-title-padding );\n\t\t\tcolor: var( --uap-font-color-secondary );\n\t\t\tfont-size: var( --uap-font-size--body-xxsmall );\n\n\t\t\tfont-weight: 400;\n\t\t}\n\n\t\t&-item {\n\t\t\tpadding: var( --uap-context-menu-item-padding );\n\t\t\tbackground: var( --uap-context-menu-background );\n\t\t\tborder-radius: var( --uap-border-radius );\n\n\t\t\tfont-weight: 500;\n\n\t\t\ttransition: background 150ms ease-in-out, color 150ms ease-in-out;\n\t\t\tcursor: pointer;\n\n\t\t\t&:not(&--disabled):hover {\n\t\t\t\tbackground: var( --uap-color-blue );\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\n\t\t\t&--disabled {\n\t\t\t\topacity: .5;\n\t\t\t\tcursor: not-allowed;\n\t\t\t}\n\t\t}\n\t}\n}",".uap-notice {\n\tborder-radius: var(--uap-border-radius);\n\tpadding: var(--uap-box-padding);\n\n\tbackground: #fff;\n\n\t&__title {\n\t\tfont-size: var(--uap-font-size--body-large);\n\t\tline-height: var(--uap-line-height--body-large);\n\t\tpadding-bottom: var(--uap-spacing-between-elements);\n\n\t\tfont-weight: 600;\n\t}\n\n\t&__content {\n\t\tpadding-bottom: calc(var(--uap-spacing-between-elements-small) * 2);\n\n\t\tmax-width: 1024px;\n\t\tcolor: #585858;\n\t}\n}",":root {\n\t--uap-table-heading-bg: #f9f9fb;\n\t--uap-table-heading-color: #646b87;\n\n\t--uap-table-border-color: #eee;\n\n\t--uap-table-cell-padding-top-bottom: 10px;\n\t--uap-table-cell-padding-left-right: 12px;\n}\n\n.uap-table {\n\tborder: 1px solid var(--uap-table-border-color);\n\tborder-radius: var(--uap-border-radius);\n\tfont-size: var(--uap-font-size--body-small);\n\tline-height: var(--uap-line-height--body-small);\n\n\ttext-align: left;\n\tborder-spacing: 0;\n\n\tthead {\n\t\tbackground: var(--uap-table-heading-bg);\n\t}\n\n\tth,\n\ttd {\n\t\tpadding: var(--uap-table-cell-padding-top-bottom) var(--uap-table-cell-padding-left-right);\n\t}\n\n\ttbody tr:not(:last-child) td {\n\t\tborder-bottom: 1px solid var(--uap-table-border-color);\n\t}\n\n\tth {\n\t\tcolor: var(--uap-table-heading-color);\n\t}\n}",".uap-placeholder-text {\n\tposition: relative;\n\n\t&:before {\n\t\tcontent: attr(data-placeholder);\n\t\tcolor: transparent;\n\t}\n\n\t&:after {\n\t\tborder-radius: var(--uap-border-radius);\n\t\tbackground: var(--uap-color-placeholder-gray);\n\n\t\tcontent: \"\";\n\n\t\twidth: calc(100% - 6px);\n\t\tmargin-left: 3px;\n\t\theight: calc(1em / 2.5);\n\n\t\tposition: absolute;\n\t\tz-index: 1;\n\t\ttop: 50%;\n\t\tleft: 0;\n\t\ttransform: translateY(-50%);\n\n\t\tanimation: UncannyAutomatorPlaceHolderShimmer 1s steps(10) 1s infinite alternate;\n\t}\n}\n\n@keyframes UncannyAutomatorPlaceHolderShimmer {\n\t0% {\n\t\topacity: 1;\n\t}\n\t100% {\n\t\topacity: 0.25;\n\t}\n}","[uap-tooltip] {\n\t$tooltip: &;\n\t$flow: 'uap-tooltip-flow';\n\n\tposition: relative;\n\n\t&:before,\n\t&:after {\n\t\ttext-transform: none;\n\t\tfont-size: 13px;\n\t\tfont-weight: 500;\n\t\tline-height: 1;\n\t\tuser-select: none;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\tdisplay: none;\n\t\topacity: 0;\n\t}\n\n\t&:hover:before,\n\t&:hover:after {\n\t\tdisplay: block;\n\t}\n\n\t&:before {\n\t\tcontent: '';\n\n\t\tborder: 5px solid transparent;\n\t\tz-index: 1001;\n\t}\n\n\t&:after {\n\t\tcontent: attr(uap-tooltip);\n\n\t\twidth: 100%;\n\t\ttext-align: center;\n\t\tmin-width: 80px;\n\t\tmax-width: 21em;\n\t\tpadding: 4px 10px 6px 10px;\n\t\tline-height: 1.4;\n\t\tborder-radius: 4px;\n\t\tbox-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);\n\t\tbackground: var(--uap-tooltip-background);\n\t\tcolor: #fff;\n\t\tz-index: 1000;\n\t}\n\n\t// Direction: up (default)\n\t&:not([#{ $flow }]),\n\t&[#{ $flow }^=\"up\"] {\n\t\t&:before {\n\t\t\tbottom: calc(100% + 5px);\n\t\t\tborder-bottom-width: 0;\n\t\t\tborder-top-color: var(--uap-tooltip-background);\n\t\t}\n\n\t\t&:after {\n\t\t\tbottom: calc(100% + 10px);\n\t\t}\n\n\t\t&:before,\n\t\t&:after {\n\t\t\tleft: 50%;\n\t\t\ttransform: translate(-50%, -0.5em);\n\t\t\tanimation: uap-tooltips-vert 300ms ease-out forwards;\n\t\t}\n\t}\n\n\t// Direction: down\n\t&[#{ $flow }^=\"down\"] {\n\t\t&:before {\n\t\t\ttop: 100%;\n\t\t\tborder-top-width: 0;\n\t\t\tborder-bottom-color: #333;\n\t\t}\n\n\t\t&:after {\n\t\t\ttop: calc(100% + 5px);\n\t\t}\n\n\t\t&:before,\n\t\t&:after {\n\t\t\tleft: 50%;\n\t\t\ttransform: translate(-50%, 0.5em);\n\t\t\tanimation: uap-tooltips-vert 300ms ease-out forwards;\n\t\t}\n\t}\n\n\t// Direction: left\n\t&[#{ $flow }^=\"left\"] {\n\t\t&:before {\n\t\t\ttop: 50%;\n\t\t\tborder-right-width: 0;\n\t\t\tborder-left-color: #333;\n\t\t\tleft: calc(0em - 10px);\n\t\t\ttransform: translate(-0.5em, -50%);\n\t\t}\n\n\t\t&:after {\n\t\t\tmin-width: 80px;\n\t\t\ttop: 50%;\n\t\t\tright: calc(100% + 10px);\n\t\t\ttransform: translate(-0.5em, -50%);\n\t\t}\n\n\t\t&:before,\n\t\t&:after {\n\t\t\tanimation: uap-tooltips-horz 300ms ease-out forwards;\n\t\t}\n\t}\n\n\t// Direction right\n\t&[#{ $flow }^=\"right\"] {\n\t\t&:before {\n\t\t\ttop: 50%;\n\t\t\tborder-left-width: 0;\n\t\t\tborder-right-color: #333;\n\t\t\tright: calc(0em - 10px);\n\t\t\ttransform: translate(0.5em, -50%);\n\t\t}\n\n\t\t&:after {\n\t\t\ttop: 50%;\n\t\t\tleft: calc(100% + 10px);\n\t\t\ttransform: translate(0.5em, -50%);\n\t\t}\n\n\t\t&:before,\n\t\t&:after {\n\t\t\tanimation: uap-tooltips-horz 300ms ease-out forwards;\n\t\t}\n\t}\n}\n\n@keyframes uap-tooltips-vert {\n\tto {\n\t\topacity: 1;\n\t\ttransform: translate(-50%, 0);\n\t}\n}\n\n@keyframes uap-tooltips-horz {\n\tto {\n\t\topacity: 1;\n\t\ttransform: translate(0, -50%);\n\t}\n}",".uap-video {\n\twidth: 100%;\n\theight: 0;\n\tposition: relative;\n\n\tiframe {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t&--16-9 {\n\t\tpadding-bottom: calc(calc(9 / 16) * 100%);\n\t}\n}",".uap-field {\n\t&-text {\n\t    font-size: var(--uap-font-size--body-small);\n\t    line-height: var(--uap-line-height--body-small) !important;\n\t    color: var(--uap-font-color-secondary) !important;\n\t    \n\t    outline: none !important;\n\n\t    border: 1px solid var(--uap-field-border-color) !important;\n\t    border-radius: var(--uap-border-radius) !important;\n\t    box-shadow: var(--uap-box-shadow-small) !important;\n\n\t    width: 100%;\n\n\t    padding: 8px 12px !important;\n\n\t    transition: var(--uap-transition);\n\t\t\n\t\t&:focus {\n\t\t\tborder-color: var(--uap-color-blue) !important;\n\t\t\tbox-shadow: 0 0 0 2px rgba(7,144,232,.2) !important;\n\t\t}\n\n\t\t&::placeholder {\n\t\t    font-size: var(--uap-font-size--body-small);\n\t\t    line-height: var(--uap-line-height--body-small);\n\t\t    color: var(--uap-font-color-secondary);\n\t\t}\n\t}\n}\n",".uap-field {\n\t$checkbox: & input;\n\n\t&-switch {\n\t\tmargin-bottom: 0 !important;\n\n\t\t// Hide the real checkbox\n\t\tinput {\n\t\t\tdisplay: none !important;\n\t\t}\n\n\t\tdisplay: inline-flex !important;\n\t\talign-items: center;\n\n\t\t&__handle {\n\t\t\twidth: 26px;\n\t\t\theight: 12px;\n\n\t\t\tborder: 2px solid var(--uap-color-gray);\n\t\t\tbackground: transparent;\n\n\t\t\tborder-radius: 150px;\n\n\t\t\tposition: relative;\n\n\t\t\ttransition: border 150ms ease-in-out, background 150ms ease-in-out;\n\n\t\t\t// Checked\n\t\t\t#{ $checkbox }:checked ~ & {\n\t\t\t\tborder-color: var(--uap-color-green);\n\t\t\t\tbackground: var(--uap-color-green);\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\tcontent: '';\n\n\t\t\t\tbackground: var(--uap-color-gray);\n\n\t\t\t\tposition: absolute;\n\n\t\t\t\twidth: 8px;\n\t\t\t\theight: 8px;\n\n\t\t\t\tborder-radius: 50%;\n\n\t\t\t\ttop: 2px;\n\t\t\t\tleft: 3px;\n\n\t\t\t\ttransition: left 150ms ease-in-out, background 150ms ease-in-out;\n\n\t\t\t\t// Checked\n\t\t\t\t#{ $checkbox }:checked ~ & {\n\t\t\t\t\tleft: 15px;\n\n\t\t\t\t\tbackground: #fff;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Disabled\n\t\t\t#{ $checkbox }:disabled ~ & {\n\t\t\t\topacity: .7;\n\t\t\t\tpointer-events: none;\n\t\t\t\tcursor: default;\n\t\t\t}\n\t\t}\n\n\t\t&__label {\n\t\t\tmargin-left: 5px;\n\n\t\t\tfont-size: var(--uap-font-size--body-small);\n\t\t\tline-height: var(--uap-line-height--body-small) !important;\n\n\t\t\tcolor: var(--uap-font-color-secondary);\n\n\t\t\tdisplay: none;\n\n\t\t\tfont-weight: 600;\n\n\t\t\tmargin-left: 6px;\n\n\t\t\tuser-select: none;\n\n\t\t\t&--on {\n\t\t\t\tcolor: var(--uap-font-color-green);\n\t\t\t}\n\n\t\t\t// Checked\n\t\t\t#{ $checkbox }:checked ~ &--on {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t// Not checked\n\t\t\t#{ $checkbox }:not(:checked) ~ &--off {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t// Disabled\n\t\t\t#{ $checkbox }:disabled ~ & {\n\t\t\t\topacity: .7;\n\t\t\t\tpointer-events: none;\n\t\t\t\tcursor: default;\n\t\t\t}\n\t\t}\n\t}\n}\n","// Import field types\n@import \"./types/text.scss\";\n@import \"./types/switch.scss\";\n\n.uap-field {\n    position: relative;\n    width: 100%;\n\n\t&-icon {\n\t    position: absolute;\n\t    z-index: 100;\n\t    left: 15px;\n\t    top: 50%;\n\t    transform: translateY(-50%);\n\n\t    font-size: var(--uap-font-size--body-small) !important;\n\t    line-height: var(--uap-line-height--body-small) !important;\n\t    font-weight: 600 !important;\n\t}\n\n\t& > label {\n\t\tfont-size: var(--uap-font-size--body-small);\n\t    line-height: var(--uap-line-height--body-small) !important;\n\t    color: var(--uap-font-color) !important;\n\n\t    display: block;\n\n\t    font-weight: 500;\n\n\t    margin-bottom: 8px;\n\t}\n\n\t&-description {\n\t\tfont-size: var(--uap-font-size--body-xsmall);\n\t\tline-height: var(--uap-line-height--body-xsmall);\n\t\tcolor: var(--uap-font-color-secondary);\n\n\t\tmargin-top: 8px;\n\t}\n\n\t&--has-icon {\n\t\tpadding: 10px 12px 10px 40px !important;\n\t}\n\n}\n","/**\n * This file is always included in the bundle.min.css so the font with the icons\n * and the variables are available for all components\n */\n\n// Import icons\n@import \"./icons.scss\";\n\n:root {\n\t@each $id, $glyph in $icons {\n\t\t--uap-icon-#{ $id }: \"#{ $glyph }\";\n\t}\n}\n\n@font-face {\n\tfont-family: \"Uncanny Automator Icons\";\n\tsrc:\n\t\turl(./fonts/uncanny-automator-icons.ttf)  format(\"truetype\"),\n\t\turl(./fonts/uncanny-automator-icons.woff) format(\"woff\"),\n\t\turl(./fonts/uncanny-automator-icons.svg)  format(\"svg\");\n\tfont-weight: normal;\n\tfont-style: normal;\n}\n","uo-tabs {\n\tdisplay: block;\n\n\t// Set min height\n\tmin-height: 300px;\n}\n\n// Hide slotted content while it's loading\nuo-tabs:not(:defined) {\n\topacity: 0;\n}",":root {\n\t// Height of the admin bar\n\t--uap-wordpress-admin-bar-height: 32px;\n}\n\n// In-plugin notifications stylesheet.\n@import \"./notification-system/style.scss\";\n\n// Review banner\n@import \"./review-banner/style.scss\";\n\n/**\n * Others\n */\n\n.uap {\n\t.nav-tab {\n\t\tcolor: #50575e;\n\t}\n}",".uap-notifications {\n\n\tmargin: 0 25px 25px 25px;\n\tpadding: 0;\n\tborder: 1px solid var(--uap-border-color-gray);\n\tcolor: var(--uap-font-color);\n\tborder-radius: 8px;\n    background: #fff;\n\n\th3 {\n\t\tcolor: var(--uap-font-color);\n\t\tfont-family: var(--uap-font-family--header);\n\t}\n\tp {\n\t\tcolor: var(--uap-font-color);\n\t\tfont-size: var(--uap-font-size--body-small);\n\t\tfont-weight: 400;\n\t\tline-height: var(--uap-line-height--body-small);\n\t\tmargin: 5px 0 1em 0;\n\t}\n\tspan.notifications-count {\n\t\tbackground: #f16666;\n\t\tcolor: #f16666;\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\ttop: 8px;\n\t\tleft: 30px;\n\t\theight: auto;\n\t\ttext-align: center;\n\t\tborder: 2px solid #fff;\n\t\tborder-radius: 20px;\n\t\tpadding: 0px;\n\t\tfont-size: 10px;\n\t\twidth: 8px;\n\t\tline-height: 8px;\n    }\n    \n    h3.uap-notifications__title {\n        position: relative;\n        border-bottom: 1px solid var(--uap-border-color-gray);\n        margin: 0;\n        font-size: 16px;\n        padding: 5px 20px;\n        display: flex;\n        align-items: center;\n        color: var(--uap-font-color);\n        width: 100%;\n        box-sizing: border-box;\n        .dashicons-bell {\n            margin-right: 10px;\n        }\n    }\n    .uap-notifications-list {\n        padding: 0;\n        margin: 0;\n        &__item{\n            list-style: none;\n            padding: 10px 20px 20px 20px;\n            margin: 0;\n            display: none;\n            &.active {\n                display: block;\n            }\n        }\n        &__item-content {\n            p {\n                color: var(--uap-font-color-secondary);\n            }\n            max-width: 90%;\n        }\n    }\n    \n    .uap-settings-header__title.uap-notifications__title {\n        font-size: 22px;\n    }\n\n    .uap-notifications-list__item {\n        &-title {\n            margin: 0 0 0 0;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            h3 {\n                padding: 0;\n                margin: 0;\n                font-size: 18px;\n            }\n        }\n        &-actions {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            &__links {\n                uo-button {\n                    &:first-child {\n                        margin-right: 5px;\n                    }\n                }\n            }\n        }\n    }\n   \n}\n\nbody {\n    &.post-type-uo-recipe {\n        .uap-notifications {\n            margin: 20px 20px 0 0;\n        }\n        &.uo-recipe_page_uncanny-automator-config{\n            .uap-notifications {\n                margin: 0 25px 25px 25px;\n            }\n        }\n    }\n    &.uo-recipe_page_uncanny-automator-tools {\n        .uap-notifications {\n            margin: 15px 0;\n        }\n    }\n    &.uo-recipe_page_uncanny-automator-dashboard {\n        .uap-notifications {\n            margin: 0 0 20px 0;\n        }\n    }\n}\n","#uap-review-banner {\n    --uap-alert-icon-gap: 15px;\n}","// Import breakpoints\n@import '@automator/utilities/breakpoint/style.scss';\n\n:root {\n\t--uap-dashboard-section-content-padding: 20px;\n\t--uap-dashboard-box-padding: 20px;\n\n\t/* Progress bar */\n\t--uap-dashboard-progress-height: 5px;\n\t--uap-dashboard-progress-background: #f3f3f3;\n\t--uap-dashboard-progress-bar: var(--uap-color-blue);\n\t--uap-dashboard-progress-bar-warning: #ffb72d;\n\t--uap-dashboard-progress-bar-success: var(--uap-color-green);\n}\n\n.uap-dashboard {\n\tfont-size: var(--uap-font-size--body-regular);\n\tline-height: var(--uap-line-height--body-regular);\n\tpadding-top: calc(var(--uap-spacing-between-sections) / 3);\n\n\t&-header {\n\t\tpadding-bottom: calc(var(--uap-spacing-between-sections) / 3);\n\n\t\twidth: 100%;\n\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\n\t\t&__title {\n\t\t\tfont-family: var(--uap-font-family--header) !important;\n\t\t\tfont-size: var(--uap-font-size--header-small) !important;\n\t\t\tline-height: var(--uap-line-height--header-small) !important;\n\n\t\t\tfont-weight: 700 !important;\n\t\t}\n\n\t\t&-user {\n\t\t\t--uap-user-avatar-size: 26px;\n\n\t\t\tpadding-left: calc(var(--uap-user-avatar-size) + var(--uap-spacing-between-elements));\n\n\t\t\tposition: relative;\n\n\t\t\t&__avatar {\n\t\t\t\twidth: var(--uap-user-avatar-size);\n\t\t\t\theight: var(--uap-user-avatar-size);\n\t\t\t\tmargin-left: calc(calc(var(--uap-user-avatar-size) + var(--uap-spacing-between-elements)) * -1);\n\n\t\t\t\tborder: 2px solid #b9b9b9;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t\toverflow: hidden;\n\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\n\t\t\t\t.uap-dashboard--has-site-connected & {\n\t\t\t\t\twidth: calc(var(--uap-user-avatar-size) + 2px);\n\t\t\t\t\theight: calc(var(--uap-user-avatar-size) + 2px);\n\n\t\t\t\t\tborder: 0;\n\t\t\t\t}\n\n\t\t\t\tuo-icon[id=\"user\"] {\n\t\t\t\t\tcolor: #838383;\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t}\n\n\t\t\t\timg {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\n\t\t\t\t\tobject-fit: cover;\n\t\t\t\t\tobject-position: center;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&__name {\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t}\n\t}\n\n\t&-connect-site-integration {\n\t\t--illustration-width: 110px;\n\n\t\tmargin-bottom: calc(var(--uap-spacing-between-sections) / 2);\n\n\t\t.uap-notice {\n\t\t\tpadding-left: calc(calc(var(--illustration-width) + var(--uap-box-padding)) + var(--uap-box-padding));\n\t\t\tposition: relative;\n\n\t\t\t&::before {\n\t\t\t\twidth: var(--illustration-width);\n\t\t\t\theight: calc(var(--illustration-width) * 1.3078);\n\t\t\t\ttop: var(--uap-box-padding);\n\t\t\t\tleft: var(--uap-box-padding);\n\n\t\t\t\tcontent: \"\";\n\n\t\t\t\tbackground: url( @pages/global/img/robot-site-not-connected.svg ) no-repeat center;\n\t\t\t\tbackground-size: contain;\n\n\t\t\t\tposition: absolute;\n\t\t\t}\n\t\t}\n\t}\n\n\t&-section {\n\t\tpadding: var(--uap-dashboard-section-content-padding);\n\t\tborder-radius: var(--uap-border-radius);\n\t\tmargin-bottom: calc(var(--uap-spacing-between-sections) / 2);\n\n\t\tbackground: #fff;\n\n\t\t&__title {\n\t\t\tfont-family: var(--uap-font-family--header);\n\t\t\tfont-size: var(--uap-font-size--header-small);\n\t\t\tline-height: var(--uap-line-height--header-small);\n\t\t\tpadding-bottom: calc(var(--uap-spacing-between-sections) / 3);\n\n\t\t\tfont-weight: 700;\n\t\t}\n\n\t\t&__content {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-rows: 1fr;\n\t\t\tgap: var(--uap-dashboard-section-content-padding);\n\t\t\tgrid-template-areas: \". . .\";\n\t\t}\n\t}\n\n\t&-box {\n\t\tborder-radius: var(--uap-border-radius);\n\t\tbox-shadow: var(--uap-box-shadow);\n\n\t\tbackground: #fff;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\n\t\t&-header {\n\t\t\tpadding: var(--uap-dashboard-box-padding);\n\t\t\tpadding-bottom: calc(var(--uap-dashboard-box-padding) / 2);\n\n\t\t\tflex: 0 0 auto;\n\n\t\t\t&--no-padding {\n\t\t\t\tpadding: 0;\n\t\t\t}\n\n\t\t\t&__title {\n\t\t\t\tfont-family: var(--uap-font-family--header);\n\t\t\t\tfont-size: var(--uap-font-size--body-large);\n\n\t\t\t\tfont-weight: 800;\n\t\t\t}\n\t\t}\n\n\t\t&-progress {\n\t\t\tbackground: var(--uap-dashboard-progress-background);\n\t\t\theight: var(--uap-dashboard-progress-height);\n\t\t\tborder-top-left-radius: var(--uap-border-radius);\n\t\t\tborder-top-right-radius: var(--uap-border-radius);\n\n\t\t\twidth: 100%;\n\t\t\toverflow: hidden;\n\n\t\t\t&-bar {\n\t\t\t\tbackground: var(--uap-dashboard-progress-bar);\n\t\t\t\ttransition: var(--uap-dashboard-transition);\n\n\t\t\t\ttransition-property: width;\n\t\t\t\theight: 100%;\n\t\t\t\tbox-shadow: 0 0 0 3px #fff;\n\t\t\t\tborder-radius: 150px;\n\n\t\t\t\t.uap-dashboard-box-progress--warning & {\n\t\t\t\t\tbackground: var(--uap-dashboard-progress-bar-warning);\n\t\t\t\t}\n\n\t\t\t\t.uap-dashboard-box-progress--success & {\n\t\t\t\t\tbackground: var(--uap-dashboard-progress-bar-success);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&-content {\n\t\t\tpadding: var(--uap-dashboard-box-padding);\n\n\t\t\tflex: 1 1 auto;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: center;\n\n\t\t\tposition: relative;\n\n\t\t\t&--top {\n\t\t\t\tjustify-content: flex-start;\n\t\t\t}\n\n\t\t\t&--has-scroll {\n\t\t\t\t&::after {\n\t\t\t\t\theight: calc(var(--uap-dashboard-box-padding) * 2);\n\n\t\t\t\t\tcontent: \"\";\n\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tbottom: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\tright: 0;\n\n\t\t\t\t\tbackground: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&-scroll {\n\t\t\t\tleft: var(--uap-dashboard-box-padding);\n\t\t\t\tright: calc(var(--uap-dashboard-box-padding) / 2);\n\t\t\t\tpadding-right: calc(var(--uap-dashboard-box-padding) / 2);\n\t\t\t\tpadding-bottom: calc(var(--uap-dashboard-box-padding) * 2);\n\n\t\t\t\toverflow: auto;\n\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tposition: absolute;\n\n\t\t\t\ttop: 0;\n\t\t\t\tbottom: 0;\n\n\t\t\t\t&::-webkit-scrollbar {\n\t\t\t\t\twidth: var(--uap-scrollbar-width);\n\t\t\t\t\tbackground-color: var(--uap-scrollbar-background);\n\n\t\t\t\t\tborder-radius: 150px;\n\t\t\t\t}\n\n\t\t\t\t&::-webkit-scrollbar-thumb:vertical {\n\t\t\t\t\tmin-height: var(--uap-scrollbar-width);\n\t\t\t\t\tbackground: var(--uap-scrollbar-thumb-background);\n\n\t\t\t\t\tborder-radius: 150px;\n\t\t\t\t\tbackground-clip: padding-box;\n\t\t\t\t\tborder: 2px solid rgba(0, 0, 0, 0);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.uap-dashboard-box-header:not(.uap-dashboard-box-header--no-padding) + & {\n\t\t\t\tpadding-top: calc(var(--uap-dashboard-box-padding) / 2);\n\n\t\t\t\t&-scroll {\n\t\t\t\t\ttop: calc(var(--uap-dashboard-box-padding) / 2);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&-number {\n\t\t\t\tfont-size: var(--uap-font-size--header-xlarge);\n\t\t\t\tline-height: var(--uap-line-height--header-xlarge);\n\t\t\t\tfont-family: var(--uap-font-family--header);\n\n\t\t\t\twidth: 100%;\n\t\t\t\tfont-weight: 800;\n\t\t\t\ttext-align: center;\n\t\t\t}\n\n\t\t\t&-below-number {\n\t\t\t\tfont-size: var(--uap-font-size--body-large);\n\t\t\t\tline-height: var(--uap-line-height--body-large);\n\t\t\t\tfont-family: var(--uap-font-family--header);\n\t\t\t\tcolor: var(--uap-font-color-secondary);\n\n\t\t\t\twidth: 100%;\n\t\t\t\tfont-weight: 600;\n\t\t\t\ttext-align: center;\n\t\t\t}\n\n\t\t\t&-label {\n\t\t\t\tfont-size: var(--uap-font-size--body-large);\n\t\t\t\tmargin-top: calc(var(--uap-spacing-between-elements) * 2);\n\n\t\t\t\twidth: 100%;\n\t\t\t\tfont-weight: 500;\n\t\t\t\ttext-align: center;\n\n\t\t\t\t&--reduced-margin {\n\t\t\t\t\tmargin-top: var(--uap-spacing-between-elements-small);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&-below-label {\n\t\t\t\tmargin-top: calc(var(--uap-spacing-between-elements) * 2);\n\n\t\t\t\twidth: 100%;\n\t\t\t\tfont-weight: 500;\n\t\t\t\ttext-align: center;\n\n\t\t\t\t&--warning {\n\t\t\t\t\tcolor: var(--uap-font-color-warning);\n\t\t\t\t}\n\n\t\t\t\t&--secondary {\n\t\t\t\t\tcolor: var(--uap-font-color-secondary);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&-list {\n\t\t\twidth: 100%;\n\t\t\tpadding: 0;\n\t\t\tmargin: 0;\n\n\t\t\tli {\n\t\t\t\twidth: 100%;\n\t\t\t\tpadding: 0;\n\t\t\t\tmargin: 0;\n\n\t\t\t\ta {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tpadding: 3px 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&--plus-sign {\n\t\t\t\tli {\n\t\t\t\t\ta {\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\tpadding-right: 25px;\n\t\t\t\t\t\tposition: relative;\n\n\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\tcontent: \"\\f067\";\n\n\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\ttop: 9px;\n\t\t\t\t\t\t\tright: 0;\n\n\t\t\t\t\t\t\tfont-size: 13px;\n\n\t\t\t\t\t\t\topacity: 0.8;\n\n\t\t\t\t\t\t\tfont-family: \"Uncanny Automator Icons\" !important;\n\t\t\t\t\t\t\tspeak: none;\n\t\t\t\t\t\t\tfont-style: normal;\n\t\t\t\t\t\t\tfont-weight: normal;\n\t\t\t\t\t\t\tfont-variant: normal;\n\t\t\t\t\t\t\ttext-transform: none;\n\t\t\t\t\t\t\tline-height: 1;\n\t\t\t\t\t\t\t-webkit-font-smoothing: antialiased;\n\t\t\t\t\t\t\t-moz-osx-font-smoothing: grayscale;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&-footer {\n\t\t\tpadding: calc(var(--uap-dashboard-box-padding) / 2) var(--uap-dashboard-box-padding);\n\t\t\tborder-top: 1px solid var(--uap-border-color-gray);\n\t\t\tfont-size: var(--uap-font-size--body-small);\n\t\t\tline-height: var(--uap-line-height--body-small);\n\n\t\t\tflex: 0 0 auto;\n\n\t\t\ta {\n\t\t\t\ttext-decoration: none;\n\t\t\t\tcolor: var(--uap-color-blue);\n\n\t\t\t\t&:hover {\n\t\t\t\t\tcolor: var(--uap-color-blue);\n                }\n\t\t\t}\n\t\t}\n\t}\n\n\t&-videos {\n\t\tmargin-top: calc(var(--uap-spacing-between-elements-small) * -1);\n\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\n\t\ta {\n\t\t\ttext-decoration: none;\n\t\t}\n\t}\n\n\t&-video {\n\t\tpadding: var(--uap-spacing-between-elements-small) 0;\n\n\t\tdisplay: flex;\n\t\talign-items: flex-start;\n\t\ttransition: opacity 150ms ease-in-out;\n\n\t\t&:hover {\n\t\t\topacity: 0.8;\n\t\t}\n\n\t\t&__thumbnail {\n\t\t\tposition: relative;\n\t\t\tflex: 0 0 auto;\n\t\t\twidth: 94px;\n\t\t\theight: auto;\n\t\t\tmargin-top: 4px;\n\n\t\t\timg {\n\t\t\t\tborder-radius: var(--uap-border-radius);\n\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t}\n\n\t\t\t&::before {\n\t\t\t\tcontent: var(--uap-icon-play);\n\n\t\t\t\tfont-size: calc(1em - 2px);\n\t\t\t\tfont-family: \"Uncanny Automator Icons\" !important;\n\t\t\t\tspeak: none;\n\t\t\t\tfont-style: normal;\n\t\t\t\tfont-weight: normal;\n\t\t\t\tfont-variant: normal;\n\t\t\t\ttext-transform: none;\n\t\t\t\tline-height: 1;\n\t\t\t\t-webkit-font-smoothing: antialiased;\n\t\t\t\t-moz-osx-font-smoothing: grayscale;\n\t\t\t\tcolor: #fff;\n\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translate(-50%, -50%);\n\t\t\t\tz-index: 10;\n\t\t\t}\n\n\t\t\t&::after {\n\t\t\t\tborder-radius: var(--uap-border-radius);\n\n\t\t\t\tcontent: \"\";\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tbackground-color: rgba(0, 0, 0, 0.2);\n\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\tz-index: 5;\n\t\t\t}\n\t\t}\n\n\t\t&__title {\n\t\t\tfont-size: var(--uap-font-size--body-small);\n\t\t\tline-height: var(--uap-line-height--body-small);\n\t\t\tcolor: var(--uap-font-color);\n\t\t\tpadding: 0 0 0 var(--uap-spacing-between-elements);\n\n\t\t\tflex: 1 1 auto;\n\t\t}\n\n\t\t&__subtitle {\n\t\t\tfont-size: var(--uap-font-size--body-xsmall);\n\t\t\tline-height: var(--uap-line-height--body-xsmall);\n\t\t\tcolor: var(--uap-font-color-secondary);\n\n\t\t\tpadding-top: 2px;\n\t\t}\n\t}\n}\n\n/* \"Credits\" */\n\n#uap-dashboard-credits {\n\t.uap-dashboard-section__content {\n\t\tgrid-template-columns: 1fr 1fr 2fr;\n\t\tgrid-template-rows: 1fr;\n\t\tgrid-template-areas: \"Credits-left Credits-faq Credits-recipes\";\n\t}\n\n\t#uap-dashboard-credits-left {\n\t\tgrid-area: Credits-left;\n\t}\n\t#uap-dashboard-credits-faq {\n\t\tgrid-area: Credits-faq;\n\t}\n\t#uap-dashboard-credits-recipes {\n\t\tgrid-area: Credits-recipes;\n\t}\n\n\t#uap-dashboard-credits-left .uap-dashboard-box-content {\n\t\tmin-height: 220px;\n\t}\n\n\t#uap-dashboard-credits-faq .uap-dashboard-box-content {\n\t\tmin-height: 270px;\n\t}\n}\n\n@media screen and (max-width: $breakpoint_small_desktop) {\n\t#uap-dashboard-credits .uap-dashboard-section__content {\n\t\tgrid-template-columns: 1fr 1fr;\n\t\tgrid-template-rows: 1fr 1fr;\n\t\tgrid-template-areas:\n\t\t\t\"Credits-left Credits-faq\"\n\t\t\t\"Credits-recipes Credits-recipes\";\n\t}\n}\n\n@media screen and (max-width: $breakpoint_mobile) {\n\t#uap-dashboard-credits .uap-dashboard-section__content {\n\t\tgrid-template-columns: 1fr;\n\t\tgrid-template-rows: 1fr 1fr 1fr;\n\t\tgrid-template-areas:\n\t\t\t\"Credits-left\"\n\t\t\t\"Credits-faq\"\n\t\t\t\"Credits-recipes\";\n\t}\n}\n\n#uap-dashboard-credits-left-total {\n\tfont-weight: 800;\n}\n\n#uap-dashboard-credits-faq {}\n\n#uap-dashboard-credits-faq .uap-dashboard-box-list a {\n\tcolor: var(--uap-font-color-secondary);\n}\n\n#uap-dashboard-credits-recipes {}\n\n#uap-dashboard-credits-recipes .uap-dashboard-credits-recipes__no-recipes {\n\theight: 100%;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n#uap-dashboard-credits-recipes .uap-dashboard-credits-recipes-table-cell--recipe-name {\n\ta {\n\t\ttext-decoration: none;\n\t}\n}\n#uap-dashboard-credits-recipes .uap-dashboard-credits-recipes-table-cell--allowed-completions {}\n#uap-dashboard-credits-recipes .uap-dashboard-credits-recipes-table-cell--completed-runs {}\n\n#uap-dashboard-credits-recipes .uap-dashboard-credits-recipes-table-allowed-completions--per-user,\n#uap-dashboard-credits-recipes .uap-dashboard-credits-recipes-table-allowed-completions--total {\n\tfont-weight: 500;\n\tfont-size: 14px;\n}\n\n#uap-dashboard-credits-recipes .uap-dashboard-credits-recipes-table-allowed-completions--per-user span,\n#uap-dashboard-credits-recipes .uap-dashboard-credits-recipes-table-allowed-completions--total span {\n\tfont-weight: 400;\n}\n\n/* Learn */\n\n.uap-dashboard-learn {\n\t&-videos {\n\t\tgrid-area: Learn-videos;\n\t}\n\n\t&-knowledge-base {\n\t\tgrid-area: Learn-knowledge-base;\n\n\t\t&__number-of-articles {\n\t\t\tfont-size: var(--uap-font-size--body-xsmall);\n\t\t\tline-height: var(--uap-line-height--body-xsmall);\n\t\t\tcolor: var(--uap-font-color-secondary);\n\t\t}\n\n\t\t.uap-dashboard-box-content {\n\t\t\tmin-height: 275px;\n\t\t}\n\t}\n\n\t&-featured-integrations {\n\t\tgrid-area: Learn-featured-integrations;\n\t}\n\n\t.uap-dashboard-section__content {\n\t\tgrid-template-columns: 3fr 2fr 2fr;\n\t\tgrid-template-rows: 1fr;\n\t\tgrid-template-areas: \"Learn-featured-integrations Learn-knowledge-base Learn-videos\";\n\n\t\t@media screen and (max-width: $breakpoint_small_desktop) {\n\t\t\tgrid-template-columns: 1fr 1fr;\n\t\t\tgrid-template-rows: 1fr 1fr;\n\t\t\tgrid-template-areas:\n\t\t\t\t\"Learn-featured-integrations Learn-knowledge-base\"\n\t\t\t\t\"Learn-videos .\";\n\t\t}\n\n\t\t@media screen and (max-width: $breakpoint_mobile) {\n\t\t\tgrid-template-columns: 1fr;\n\t\t\tgrid-template-rows: 1fr 1fr 1fr;\n\t\t\tgrid-template-areas:\n\t\t\t\t\"Learn-featured-integrations\"\n\t\t\t\t\"Learn-knowledge-base\"\n\t\t\t\t\"Learn-videos\";\n\t\t}\n\t}\n}","// Import breakpoints\n@import '@automator/utilities/breakpoint/style.scss';\n\n/**\n * Variables\n *\n * These variables apply only to the Integrations (archive and single) pages.\n */\n\n:root {\n    --uap-integrations-banner-breadcrumbs: #8898aa;\n}\n\n.uap-integrations {\n    background: #fff;\n\n    font-family: var(--uap-font-family);\n\n\t/**\n    * Archive - Banner\n    */\n\n\t&-banner {\n        background-image: url( 'img/integrations-page-banner-background.png' ); \n        background-size: cover;\n        background-repeat: no-repeat;\n        background-color: #fff;\n\n        padding: 30px 0 0 30px;\n\n        &__breadcrumbs {\n            font-size: var(--uap-font-size--body-small);\n            font-weight: 400 !important;\n            color: var(--uap-integrations-banner-breadcrumbs) !important;\n\n            transition: var(--uap-transition);\n\n            text-decoration: none;\n            & span {\n                margin-right: var(--uap-spacing-between-elements);\n            }\n        }\n\n        &__breadcrumbs:hover {\n            color: var(--uap-color-blue) !important;\n        }\n\n        &__title {\n            font-family: var(--uap-font-family--header);\n            font-size: var(--uap-font-size--header-regular);\n            font-weight: 700;\n            line-height: var(--uap-line-height--header-regular);\n\n            color: var(--uap-font-color);\n\n            margin: 30px 0;\n        }\n\n        &-items {\n            padding-bottom: 60px;\n        }\n\n        &-item {\n            display: flex;\n            align-items: center;\n\n            &__icon {\n                width: 27px;\n\n                font-size: var(--uap-font-size--header-small) !important;\n                color: var(--uap-color-blue);\n\n                margin-right: var(--uap-spacing-between-elements);\n            }\n\n            &__text {\n                font-size: var(--uap-font-size--header-xsmall);\n                font-weight: 400;\n                line-height: var(--uap-line-height--header-xsmall);\n            }\n        }\n\n        &-item:not(:last-child) {\n            margin-bottom: var(--uap-spacing-between-sections-small);\n        }\n    }\n\n\t/**\n     * All sections\n     */\n\n    &-search,\n    &-collections,\n    &-all {\n        padding: 0 30px;\n        background-color: #fff;\n    }\n\n    /**\n     * Archive - Search\n     */\n\n    &-search {\n        position: sticky;\n        -webkit-position: sticky;\n        top: 32px;\n        z-index: 100000;\n\n        padding: 20px 30px;\n        margin-bottom: 30px;\n    }\n\n    &-search-sections {\n        /* display: flex !important; */\n        align-items: center;\n        margin: 0;\n        padding: 15px 0 0 0;\n\n        /* Temporary change */\n        display: none;\n\n        & li {\n            margin: 0 25px 0 0;\n\n            & a {\n                text-decoration: none;\n                font-size: var(--uap-font-size--body-small);\n                line-height: var(--uap-line-height--body-small);\n                color: var(--uap-font-color-secondary);\n                text-transform: uppercase;\n\n                transition: var(--uap-transition);\n            }\n\n            & a:hover {\n                color: var(--uap-color-blue) !important;\n            }\n        }\n    }\n\n\t/**\n     * Archive - Integrations sections\n     */\n\n    &-collection {\n        padding-bottom: 80px;\n    }\n\n\t&-collections {\n\n        &__title {\n            font-family: var(--uap-font-family--header);\n            font-size: var(--uap-font-size--header-regular);\n            line-height: var(--uap-line-height--header-regular);\n            font-weight: 600;\n            color: var(--uap-font-color);\n            padding: 0 0 5px;\n            margin: 0;\n        }\n\n        &__subtitle {\n            font-family: var(--uap-font-family);\n            font-size: var(--uap-font-size--body-large);\n            line-height: var(--uap-line-height--body-large);\n            font-weight: 400;\n            color: var(--uap-font-color-secondary);\n            padding: 0 0 40px;\n            margin: 0;\n        }\n\n        &-integrations {\n            display: grid;\n            grid-template-columns: 1fr 1fr 1fr;\n            gap: 50px;\n\n            width: 100%;\n\n            @media screen and (min-width: 1700px) {\n                grid-template-columns: 1fr 1fr 1fr 1fr;\n            }\n\n            @media screen and (max-width: 1200px) {\n                grid-template-columns: 1fr 1fr;\n            }\n\n            @media screen and (max-width: 780px) {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        &-integration {\n            text-decoration: none;\n\n            outline: 0 !important;\n            box-shadow: none !important;\n\n            &:hover {\n                text-decoration: none !important;\n            }\n\n            &-content {\n                display: flex;\n                align-items: flex-start;\n            }\n\n            &__icon-container {\n                flex: 0 0 auto;\n            }\n\n            &__info-container {\n                flex: 1 1 auto;\n                padding: 0 0 0 25px;\n            }\n\n            &__icon {\n                position: relative;\n\n                background: #fff;\n                border: 1px solid var(--uap-border-color-gray);\n                border-radius: 50%;\n                box-shadow: var(--uap-box-shadow-small);\n\n                width: 65px;\n                height: 65px;\n\n                transition: var(--uap-transition);\n\n                & img {\n                    position: absolute;\n                    left: 50%;\n                    top: 50%;\n                    transform: translate(-50%,-50%);\n\n                    display: block;\n                    height: 36px;\n                    width: 36px;\n                }\n            }\n\n            &__name {\n                font-family: var(--uap-font-family--header);\n                font-size: var(--uap-font-size--body-large);\n                line-height: var(--uap-line-height--body-large);\n                font-weight: 600;\n                color: var(--uap-font-color);\n            }\n\n            &--has-tags {}\n\n            &__tags {\n                display: flex;\n                align-items: center;\n            }\n\n            &__tag {\n                font-size: var(--uap-font-size--body-xxsmall);\n                line-height: 1;\n                font-weight: 400;\n                text-transform: uppercase;\n\n                padding: 5px 7px;\n                margin: 6px 10px 12px 0;\n\n                border-radius: 2px;\n            }\n\n            &__tag-pro {\n                background-color: var(--uap-font-background-color);\n                color: #fff;\n            }\n\n            &__tag-built-in,\n            &__tag-installed {\n                background-color: var(--uap-font-background-color-secondary);\n                color: var(--uap-font-color);\n            }\n\n            &__description {\n                font-size: var(--uap-font-size--body-small);\n                line-height: var(--uap-line-height--body-small);\n                font-weight: 400;\n                color: var(--uap-font-color-secondary);\n                opacity: .7;\n            }\n\n            &--requieres-pro {\n                display: flex;\n                gap: 5px;\n\n                font-size: var(--uap-font-size--body-small);\n                line-height: 1;\n                font-weight: 400;\n                color: var(--uap-font-background-color);\n                \n                padding-top: 10px;\n            }\n        }\n\n        &-no-results {\n            display: none;\n\n            font-size: var(--uap-font-size--body-small);\n            line-height: var(--uap-line-height--body-small);\n        }\n    }\n}\n\n.uap-integration {\n    font-family: var(--uap-font-family);\n\n    /**\n    * Single - Banner\n    */\n\n    &-banner {\n\n        padding: 30px 30px 0;\n\n        &__breadcrumbs {\n            font-size: var(--uap-font-size--body-small);\n            font-weight: 400 !important;\n\n            transition: var(--uap-transition);\n\n            text-decoration: none;\n\n            & span {\n                margin-right: var(--uap-spacing-between-elements);\n            }\n        }\n\n        &-info-container {\n            display: flex;\n            justify-content: center;\n            padding: 50px 0;\n        }\n\n        &-info {\n            display: flex;\n            align-items: flex-start;\n            \n            width: 100%;\n            max-width: 800px;\n\n            &__icon-container {\n                flex: 0 0 auto;\n            }\n\n            &__info-container {\n                flex: 1 1 auto;\n                padding-left: 30px;\n            }\n\n            &__icon {\n                position: relative;\n\n                background: #fff;\n                border: 1px solid var(--uap-border-color-gray);\n                border-radius: 50%;\n                box-shadow: var(--uap-box-shadow-small);\n\n                width: 120px;\n                height: 120px;\n\n                transition: var(--uap-transition);\n\n                & img {\n                    position: absolute;\n                    left: 50%;\n                    top: 50%;\n                    transform: translate(-50%,-50%);\n\n                    display: block;\n                    height: 75px;\n                    width: 75px;\n                }\n            }\n\n            &__name {\n                font-family: var(--uap-font-family--header);\n                font-size: var(--uap-font-size--header-regular);\n                line-height: var(--uap-line-height--header-regular);\n                font-weight: 600;\n                color: var(--uap-font-color);\n            }\n\n            &__description {\n                margin-top: 10px;\n                font-size: var(--uap-font-size--body-large);\n                line-height: var(--uap-line-height--body-large);\n                font-weight: 400;\n                color: var(--uap-font-color-secondary);\n            }\n        }\n    }\n\n    &-banner-menu {\n        padding: 0;\n        background-color: #fff;\n\n        &-sections {\n            display: flex !important;\n            align-items: center;\n            margin: 0;\n            padding: 15px 0;\n            border: 1px solid var(--uap-font-background-color-secondary);\n        \n            & li {\n\n                margin: 0;\n\n                & a {\n                    margin: 0 25px 0 0;\n\n                    font-size: var(--uap-font-size--body-small);\n                    line-height: var(--uap-line-height--body-small);\n                    font-weight: 400;\n                    color: var(--uap-font-color-secondary);\n                    text-transform: uppercase;\n                    text-decoration: none;\n                }   \n            }  \n\n            & li:first-child {\n                margin-left: 30px !important;\n            }   \n        }\n    }\n\n    &-content {\n        display: flex;\n\n        background-color: #fff;\n\n        padding: 50px 30px 0 0;\n\n        &__left {\n            width: 100%;\n            flex: 1 1 auto;\n        }\n\n        &__right {\n            width: 300px;\n\n            flex: 0 0 auto;\n            padding-left: 30px;\n            padding-bottom: 30px;\n\n            border-left: 1px solid var(--uap-font-background-color-secondary);            \n        }\n    }\n\n    /**\n     * Single - Items\n     */\n\n    &-items {\n        display: flex;\n        flex-direction: row;\n        padding: 0 30px 60px;\n\n        &-col {\n            width: 50%;\n        }\n\n        &-col:first-child {\n            margin-right: 10px;\n        }\n\n        &-col:last-child {\n            margin-left: 10px;\n        }\n\n        &-col-container {\n            @media screen and (min-width: $breakpoint_mobile){\n                margin-left: -20px;\n            }\n        }\n\n        &__title-container {\n            display: flex;\n        }\n\n        &__title {\n            width: 100%;\n            position: relative;\n\n            font-family: var(--uap-font-family--header);\n            font-size: var(--uap-font-size--header-xsmall);\n            line-height: var(--uap-line-height--header-xsmall);\n            font-weight: 700;\n            color: var(--uap-font-color);\n\n            padding-bottom: 15px;\n            margin-left: 0;\n        }\n\n        &__title--triggers {\n            padding-bottom: 5px !important;\n            margin-left: 20px !important;   \n        }\n\n        &__title-tooltip {\n            flex: 0 0 auto;\n            margin-top: 2px;\n            margin-right: 10px;\n            width: 19px;\n            height: 19px;\n\n            font-size: 19px !important;\n            cursor: help;\n        }\n\n        &-container {}\n\n    }\n\n    &-item {\n        border-radius: var(--uap-border-radius);\n\n        &-header {}\n\n        .uap-accordion-item__toggle {\n            padding: 10px 20px 0 !important;\n        }\n\n        .uap-accordion-item__toggle:before,\n        .uap-accordion-item__toggle:after {\n            right: 20px;\n            top: 25px;\n        }\n\n        &__sentence {\n            position: relative;\n            width: 100%;\n\n            font-size: var(--uap-font-size--body-large);\n            line-height: var(--uap-line-height--body-large);\n            font-weight: 400;\n            color: var(--uap-font-color);\n\n            padding-right: 20px;\n            padding-top: 4px;\n        }\n\n        &__sentence--pro {\n            position: relative;\n            text-indent: 43px;\n        }\n\n        &__sentence--pro:before {\n            content: attr(pro-tag);\n            position: absolute;\n            left: 0;\n            top: 8px;\n            display: inline-block;\n\n            font-size: var(--uap-font-size--body-xxsmall);\n            line-height: 1;\n            font-weight: 600;\n            color: #fff;\n\n            padding: 3px 6px;\n            \n            border-radius: 150px;\n            background: #323232;\n\n            text-indent: 0;\n        }\n\n        &-tokens { \n            font-size: var(--uap-font-size--body-small);\n\n            padding: var(--uap-box-padding);\n            background: transparent;\n            \n            transition: var(--uap-transition-slow);\n            \n            &__title-container {\n                display: flex;\n            }\n\n            &__title {\n                position: relative;\n                font-weight: 500;\n            }\n\n            &__title-tooltip {\n                margin-top: 5px;\n                margin-left: 4px;\n                width: 16px;\n                height: 16px;\n                cursor: help;\n            }\n\n            &__list {\n                margin-left: 30px;\n                list-style-type: disc;\n            }\n        }\n\n        &-token {\n            font-size: var(--uap-font-size--body-small);\n            line-height: var(--uap-line-height--body-small);\n            font-weight: 400;\n            color: var(--uap-font-color);\n        }\n\n        /* Style when the integration doesn't have items */\n        &--empty {\n            font-size: var(--uap-font-size--body-large);\n            line-height: var(--uap-line-height--body-large);\n            font-style: italic;\n            color: var(--uap-font-color-secondary);\n        }\n    }\n\n    /**\n     * Single - Recipes\n     */\n\n    &-recipes {\n        padding: 60px 30px;\n\n        &__title {\n            font-family: var(--uap-font-family--header);\n            font-size: var(--uap-font-size--header-regular);\n            line-height: var(--uap-line-height--header-regular);\n            font-weight: 600;\n            color: var(--uap-font-color);\n            padding: 0 0 5px;\n            margin: 0;\n        }\n\n        &__subtitle {\n            font-size: var(--uap-font-size--body-large);\n            line-height: var(--uap-line-height--body-large);\n            font-weight: 400;\n            color: var(--uap-font-color-secondary);\n            padding: 0 0 40px;\n            margin: 0;\n        }\n\n        &__items {\n            display: flex;\n\n            width: 100%;\n        }\n\n        &__item {\n            width: 33%;\n            \n            padding: var(--uap-box-padding);\n            margin-right: 15px;\n\n            background-color: #fff;\n            \n            border-radius: var(--uap-border-radius);\n            box-shadow: var(--uap-box-shadow);\n\n        }\n    }\n\n    &-recipe {\n        &__name {\n            font-family: var(--uap-font-family--header);\n            font-size: var(--uap-font-size--body-large);\n            line-height: var(--uap-line-height--body-large);\n            font-weight: 600;\n            color: var(--uap-font-color);\n            padding: 0;\n            margin: 0;\n        }\n\n        &__require {\n            margin-top: 15px;\n        }\n\n        &__text {\n            font-size: var(--uap-font-size--body-regular);\n            line-height: var(--uap-line-height--body-regular);\n            font-weight: 400;\n            color: var(--uap-font-color);\n            padding: 0;\n            margin: 0;\n        }\n\n        &__integrations {\n            margin-top: 15px;\n        }\n\n        &-integration {\n            display: flex;\n            align-items: center;\n\n            &__icon-container {\n                flex: 0 0 auto;\n            }\n\n            &__icon {\n                position: relative;\n                \n                background: #fff;\n                border: 1px solid var(--uap-font-background-color-secondary);\n                border-radius: 50%;\n                box-shadow: var(--uap-box-shadow-small);\n                left: 0;\n                top: 0;\n                height: 30px;\n                width: 30px;\n\n                & img {\n                    position: absolute;\n                    left: 50%;\n                    top: 50%;\n                    width: calc( 100% - 12px );\n                    transform: translate(-50%,-50%);\n                }\n            }\n\n            &__info-container {\n                flex: 1 1 auto;\n            }\n\n            &__info {\n                font-family: var(--uap-font-family--header);\n                font-size: var(--uap-font-size--body-large);\n                line-height: var(--uap-line-height--body-large);\n                font-weight: 600;\n                color: var(--uap-font-color);\n\n                padding-left: 10px;\n            }\n        }\n\n        &-integration:not(:last-child){\n            margin-bottom: 15px;\n        }\n    }\n\n    /**\n     * Single - Sidebar\n     */\n\n    &-sidebar {\n\n        &__title {\n            font-family: var(--uap-font-family--header);\n            font-size: var(--uap-font-size--header-xsmall);\n            line-height: var(--uap-line-height--header-xsmall);\n            font-weight: 700;\n            color: var(--uap-font-color);\n\n            padding-bottom: 15px;\n        }\n\n        &-requires {\n            width: 100%;\n            margin-bottom: 30px;\n            border-radius: var(--uap-border-radius);\n            box-shadow: var(--uap-box-shadow-small);\n\n            &__row {\n                position: relative;\n                padding: 15px 15px 15px 65px;\n            }\n\n            &__icon {\n\n                position: absolute;\n                background: #fff;\n                border: 1px solid var(--uap-font-background-color-secondary);\n                border-radius: 50%;\n                box-shadow: var(--uap-box-shadow-small);\n                left: 15px;\n                top: 15px;\n                height: 35px;\n                width: 35px;\n\n                & img {\n                    position: absolute;\n                    left: 50%;\n                    top: 50%;\n                    width: calc( 100% - 12px );\n                    transform: translate(-50%,-50%);\n                }\n            }\n\n            &__name {\n                font-family: var(--uap-font-family--header);\n                font-size: var(--uap-font-size--body-large);\n                line-height: var(--uap-line-height--body-large);\n                font-weight: 600;\n                color: var(--uap-font-color);\n\n                margin-top: 2px;\n                padding-bottom: 7px;\n            }\n\n            &__button {\n                position: relative;\n                \n                border: 1px solid;\n                border-radius: var(--uap-border-radius);\n                box-shadow: var(--uap-box-shadow-small);\n                \n                cursor: pointer;\n                display: inline-block;\n                \n                font-size: var(--uap-font-size--body-xsmall);\n                font-weight: 500;\n                line-height: var(--uap-line-height--body-xsmall);\n                outline: none;\n                text-decoration: none;\n                text-align: center;\n                \n                transition: var(--uap-transition);\n                user-select: none;\n                vertical-align: middle;\n                white-space: nowrap;\n                \n                padding: 2px 7px;\n            }\n        }\n\n        &__links {\n            display: flex;\n            flex-direction: column;\n        }\n\n        &__link {\n            font-size: var(--uap-font-size--body-regular);\n            line-height: var(--uap-line-height--body-regular);\n            font-weight: 400 !important;\n            color: var(--uap-font-color) !important;\n\n            transition: var(--uap-transition);\n\n            outline: none;\n            text-decoration: none;\n        }\n\n        &__link:not(:last-child) {\n            margin-bottom: 3px;\n        }\n    }\n}\n\n/**\n * WP exceptions\n */\n\n.uo-recipe_page_uncanny-automator-integrations {\n    #wpcontent {\n        padding-left: 0;\n    }\n}","// Mixins specific to this page\n@mixin settings-arrow( $width, $direction: '' ) {\n    // We will calculate the ratio until aspect-ratio gets better support\n    $aspect_ratio: calc( 4 / 5 ); // 0.8;\n\n    content: '';\n\n    width: $width;\n    height: calc( $width * $aspect_ratio );\n\n    background: url( 'img/arrow-settings.svg' ) no-repeat top left;\n    background-size: contain;\n\n    position: absolute;\n    z-index: -1;\n\n    // Define position\n    @if $direction == 'bottom' {\n        transform: rotate(-90deg);\n    }\n}\n\n.uap-settings {\n    /* Set the content sticky */\n    position: sticky;\n    top: var(--uap-wordpress-admin-bar-height);\n\n    font-family: var(--uap-font-family);\n    font-size: var(--uap-font-size--body-small);\n    line-height: var(--uap-line-height--body-small);\n    \n    height: calc( 100vh - var(--uap-wordpress-admin-bar-height) );\n    display: flex;\n    flex-direction: column;\n\n    background-color: #fff;\n\n    &-header {\n        flex: 0 0 auto;\n\n        padding: 30px 30px 20px;\n\n        &__title {\n            font-family: var(--uap-font-family--header);\n            font-size: var(--uap-font-size--header-regular);\n            line-height: var(--uap-line-height--header-regular);\n            font-weight: 600;\n            color: var(--uap-font-color);\n            margin: 0;\n        }\n    }\n\n    &-content {\n        flex: 1 1 auto;\n        // Flex overflow fix\n        min-height: 1px;\n\n        // Make the tabs take as much space as possible\n        uo-tabs {\n            height: 100%;\n        }\n\n        // Main tabs\n        &-main-tabs {\n        }\n    }\n\n    &-panel {\n        width: 100%;\n        height: 100%;\n\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n\n        display: flex;\n        flex-direction: column;\n        min-height: 0px;\n\n        &-top {\n            flex: 1 1 auto;\n            overflow: auto;\n\n            padding: 20px;\n        }\n\n        &-bottom {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n\n            flex: 0 0 auto;\n            padding: 15px 20px;\n            box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.05), inset 0px 1px 0px var(--uap-border-color-gray);\n\n            position: relative;\n\n            &-right {\n                uo-button:not(:first-child) {\n                    margin-left: 10px;\n                }\n            }\n\n            // Arrow\n            &[has-arrow]::before {\n                @include settings-arrow( 80px, 'bottom' );\n\n                bottom: calc( 100% + 30px );\n                left: 30px;\n            }\n        }\n\n        &-title {\n            & > uo-icon {\n                margin-right: 10px;\n                font-size: 20px;\n                line-height: 1;\n            }\n\n            display: flex;\n            align-items: center;\n\n            font-family: var(--uap-font-family--header);\n            font-size: var(--uap-font-size--header-small);\n            line-height: var(--uap-line-height--header-small);\n            font-weight: 600;\n            color: var(--uap-font-color);\n            margin: 0;\n\n            & uo-pro-tag {\n                margin-left: 10px;\n            }\n        }\n\n        &-content {\n            margin-top: 15px;\n\n            font-size: var(--uap-font-size--body-small);\n            line-height: var(--uap-line-height--body-small);\n\n            &-subtitle {\n                display: flex;\n                align-items: center;\n\n                font-family: var(--uap-font-family--header);\n                font-size: var(--uap-font-size--header-xsmall);\n                line-height: var(--uap-line-height--header-xsmall);\n                font-weight: 600;\n                color: var(--uap-font-color);\n\n                & uo-pro-tag {\n                    margin-left: 10px;\n                }\n            }\n\n            &-separator {\n                padding: 20px 0;\n                position: relative;\n\n                &::before {\n                    content: '';\n\n                    width: 100%;\n                    height: 1px;\n\n                    display: block;\n\n                    background: #e4e4e4;\n                }\n            }\n\n            p,\n            &-paragraph {\n                font-size: var(--uap-font-size--body-small);\n                line-height: var(--uap-line-height--body-small);\n                color: var(--uap-font-color);\n                font-weight: 400;\n                margin: 10px 0;\n\n                &--subtle {\n                    color: var(--uap-font-color-secondary);\n                }\n            }\n\n            &-buttons {\n                margin-top: 15px;\n                display: flex;\n\n                & uo-button:not(:last-child) {\n                    margin-right: 15px;\n                }\n            }\n        }\n\n        &-user {\n            display: flex;\n            align-items: center;\n\n            &__avatar {\n                display: flex;\n                justify-content: center;\n                align-items: center;\n\n                width: 32px;\n                height: 32px;\n\n                border-radius: 150px;\n                background-color: var(--uap-alert-info-background);\n                color: #000;\n\n                font-size: var(--uap-font-size--body-large);\n                line-height: var(--uap-line-height--body-large);\n                font-weight: 400;\n\n                overflow: hidden;\n\n                & img {\n                    width: 100%;\n                    height: 100%;\n                    object-fit: cover;\n                    object-position: center;\n                }\n            }\n\n            &-info {\n                margin-left: 10px;\n\n                &__main {\n                    display: flex;\n                    align-items: center;\n\n\n                    font-size: var(--uap-font-size--body-xsmall);\n                    line-height: var(--uap-line-height--body-xsmall);\n                    font-weight: 500;\n                    color: var(--uap-font-color);\n\n                    & uo-icon {\n                        margin-left: 5px;\n                        font-size: 12px;\n                        line-height: 0;\n                    }\n                }\n\n                &__additional {\n\n                    font-size: var(--uap-font-size--body-xxsmall);\n                    line-height: var(--uap-line-height--body-xxsmall);\n                    font-weight: 400;\n                    color: var(--uap-font-color);\n                }\n            }\n\n        }\n\n        /* Specific special panels */\n        &-placeholder {\n            height: 100vh;\n\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n\n            &[has-arrow]::before {\n                @include settings-arrow( 100px );\n\n                top: 30px;\n                left: 30px;\n            }\n\n            /* Exceptions */\n            & > uo-icon {\n                font-size: 60px;\n                color: var(--uap-color-gray);\n            }\n\n            & .uap-settings-panel-title {\n                flex-direction: column;\n                margin-top: 30px;\n                color: #000;\n            }\n\n            & .uap-settings-panel-content {\n                max-width: 500px;\n                margin-top: 0;\n\n                & .uap-settings-panel-content-paragraph {\n                    text-align: center;\n\n                    font-size: var(--uap-font-size--body-regular);\n                    line-height: var(--uap-line-height--body-regular);\n                }\n\n                & .uap-settings-panel-content-buttons {\n                    justify-content: center;\n                }\n            }\n        }\n    }\n}\n\n/**\n * WP exceptions\n */\n\n.uo-recipe_page_uncanny-automator-config {\n    // Remove default padding added to the wpcontent wrapper\n    #wpcontent {\n        padding-left: 0 !important;\n    }\n\n    // Hide \"Screen options\"\n    #screen-meta-links {\n        display: none !important;\n    }\n\n    // Remove float of the wpbody wrapper so the children can be sticky\n    #wpbody-content {\n        float: none !important;\n        padding-bottom: 0 !important;\n    }\n\n    // Hide WordPress footer. We need as much space as possible\n    #wpfooter {\n        display: none !important;\n    }\n\n    // Hide all notices not related to Automator\n    .notice {\n        display: none !important;\n    }\n}\n\n/**\n * Sign in with Google\n */ \n\n.uap-settings-button-google {\n    --uap-button-style-custom-border-color: #dadce0;\n    --uap-button-style-border-radius: 4px;\n    --uap-button-style-custom-color: #3c4043;\n\n    --uap-button-style-padding-left: 12px;\n    --uap-button-style-padding-right: 12px;\n\n    --uap-button-style-box-shadow: none;\n    --uap-button-style-focus-box-shadow: none;\n\n    --uap-button-style-font-size: 14px;\n    --uap-button-style-line-height: 1;\n\n    --uap-button-style-display: flex;\n    --uap-button-style-align-items: center;\n\n    --uap-button-style-height: 38px;\n\n    uo-icon {\n        font-size: 18px;\n        margin-right: 8px;\n    }\n\n    // Hover\n    --uap-button-style-custom-hover-color: #3c4043;\n    --uap-button-style-custom-hover-background: rgba(66,133,244,.04);\n\n    &:hover {\n        --uap-button-style-custom-border-color: #d2e3fc;\n    }\n\n    &:active {\n        --uap-button-style-custom-hover-background: rgba(66,133,244,.1);\n    }\n}","/*\n** Tables\n** uap-logs-recipe-table\n** uap-logs-trigger-table\n** uap-logs-action-table\n**\n** Rows\n** Recipe:\n** Completed with errors:   uap-logs-row-recipe-status--completed-with-errors\n** Action:\n** Completed with errors:   uap-logs-row-action-status--completed-with-errors\n** Not completed:           uap-logs-row-action-status--not-completed\n*/\n\n:root {\n    /* Column sizes */\n    --uap-logs-column-status: 215px;\n    --uap-logs-column-completion-date: 215px;\n    --uap-logs-column-runs-number: 112px;\n    --uap-logs-column-buttons: 100px;\n    --uap-logs-column-button: 70px;\n}\n\n/* Tables */\n/* Recipe table */\n.uap-logs-recipe-table {\n    tbody tr {\n        transition: background-color 150ms ease-in-out;\n\n        &:hover {\n            background-color: rgba(var(--uap-color-blue-rgb),.1);\n        }\n    }\n\n    @media screen and (min-width: 1200px){\n        #recipe_completed {\n            width: var(--uap-logs-column-status);\n\n            @media screen and (max-width: 1370px){\n                width: 195px;\n            }\n\n        }\n    \n        #recipe_date_time {\n            width: var(--uap-logs-column-completion-date);\n\n            @media screen and (max-width: 1370px){\n                width: 185px;\n            }\n\n        }\n    \n        #run_number {\n            width: var(--uap-logs-column-runs-number);\n        }\n        \n        #display_name {\n            width: auto;\n        }\n    \n        #actions {\n            width: var(--uap-logs-column-buttons);\n        }\n    }\n}\n\n/* Trigger table */\n.uap-logs-trigger-table {\n    tbody tr {\n        transition: background-color 150ms ease-in-out;\n\n        &:hover {\n            background-color: rgba(var(--uap-color-blue-rgb),.1);\n        }\n    }\n\n    @media screen and (min-width: 1200px){\n        #trigger_date {\n            width: var(--uap-logs-column-completion-date);\n\n            @media screen and (max-width: 1370px){\n                width: 155px;\n            }\n\n        }\n    \n        #recipe_completed {\n            width: var(--uap-logs-column-status);\n\n            @media screen and (max-width: 1370px){\n                width: 140px;\n            }\n\n        }\n\n        #recipe_title {\n            width: 400px;\n\n            @media screen and (max-width: 1370px){\n                width: 190px;\n            }\n        }\n    \n        #recipe_run_number {\n            width: var(--uap-logs-column-runs-number);\n        }\n    \n        #display_name {\n            width: auto;\n        }\n    \n        #actions {\n            width: var(--uap-logs-column-button);\n        }\n    }\n}\n\n/* Action table */\n.uap-logs-action-table {\n    tbody tr {\n        transition: background-color 150ms ease-in-out;\n\n        &:hover {\n            background-color: rgba(var(--uap-color-blue-rgb),.1);\n        }\n    }\n\n    @media screen and (min-width: 1200px){\n        #action_completed {\n            width: 140px;\n        }\n\n        #error_message {\n            width: 250px;\n        }\n        \n        #action_date {\n            width: 155px;\n        }\n\n        #recipe_title {\n            width: 250px;\n        }\n    \n        #recipe_completed {\n            width: 140px;\n        }\n    \n        #recipe_run_number {\n            width: var(--uap-logs-column-runs-number);\n        }\n    \n        #display_name {\n            width: auto;\n\n            @media screen and (max-width: 1370px){\n                width: 190px;\n            }\n\n        }\n    \n        #actions {\n            width: var(--uap-logs-column-button);\n        }\n    }\n}\n\n/* Exceptions */\n.uo-recipe_page_uncanny-automator-recipe-activity-details {\n    \n    .uap-logs-row-recipe-status--completed-with-errors.uap-logs-row-trigger-status:nth-child(odd) {\n        background-color: #f6f7f7 !important;\n    }\n    \n    .uap-logs-row-recipe-status--completed-with-errors.uap-logs-row-trigger-status:nth-child(even) {\n        background-color: #fff !important;\n    }\n\n    .uap-logs-row-recipe-status--completed-with-errors.uap-logs-row-trigger-status:hover {\n        background-color: rgba(var(--uap-color-blue-rgb),.1);\n    }\n}\n\n/* Cells */\n/* Recipe name */\n.uap-log-table {\n    &-recipe-container {\n        display: flex;\n        gap: 8px;\n        flex-direction: column;\n    }\n\n    &__recipe-name {\n        font-size: var(--uap-font-size--body-xsmall);\n        line-height: var(--uap-line-height--body-xsmall);\n        font-weight: 600;\n        color: var(--uap-font-color) !important;\n        text-decoration: none;\n\n        transition: var(--uap-transition) !important;\n\n        @media screen and (max-width: 1370px){\n            font-size: 13px;\n        }\n\n        .uap-logs-trigger-table &,\n        .uap-logs-action-table & {\n            font-weight: 400;\n        }\n\n        &:hover {\n            text-decoration: underline;\n            color: var(--uap-color-blue) !important;\n        }\n\n        .uap-logs tr:hover & {\n            color: var(--uap-color-blue) !important;\n        }\n    }\n\n    &__recipe-integrations {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n    }\n\n    &-recipe-integration {\n        &-triggers,\n        &-actions {\n            display: flex;\n            gap: 8px;\n\n            uo-icon {\n                --uap-icon-size: var(--uap-font-size--body-xsmall);\n\n                @media screen and (max-width: 1370px){\n                    --uap-icon-size: 13px;\n                }\n            }\n        }\n    }\n\n}\n\n/* Recipe status */\n.uap-logs-row-recipe-status--completed-with-errors {\n    background-color: #FFF1F1 !important;\n\n    &:hover {\n        background-color: #ffeaea !important;\n    }\n\n    td {\n        border-top: 1px solid #F1D6D6;\n        border-bottom: 1px solid #F1D6D6;\n\n        .uo-recipe_page_uncanny-automator-recipe-activity-details & {\n            border-top: 0;\n            border-bottom: 0;\n        }\n    }\n\n    &+ & td {\n        border-top: 0;\n    }\n}\n\n.uap-logs-recipe-status {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    \n    font-size: var(--uap-font-size--body-xsmall);\n    line-height: var(--uap-line-height--body-xsmall);\n    font-weight: 400;\n    color: var(--uap-font-color);\n\n    @media screen and (max-width: 1370px){\n        font-size: 13px;\n    }\n\n    &::before {\n        flex: 0 0 auto;\n\n        content: \"\";\n        width: 10px;\n        height: 10px;\n        border-radius: 150%;\n    }\n    \n    &--completed::before {\n        background-color: var(--uap-item-status-completed);\n    }\n\n    &--completed-with-notice::before {\n        background-color: var(--uap-item-status-completed-with-notice);\n    }\n\n    &--completed-do-nothing::before {\n        background-color: var(--uap-item-status-completed-do-nothing);\n    }\n\n    &--completed-with-errors::before {\n        background-color: var(--uap-item-status-completed-with-errors);\n    }\n\n    &--not-completed::before {\n        background-color: var(--uap-item-status-not-completed);\n    }\n\n    &--in-progress::before {\n        background-color: var(--uap-item-status-in-progress);\n    }\n\n    &--completed-awaiting::before {\n        background-color: var(--uap-item-status-completed-awaiting);\n    }\n}\n\n/* Recipe complation date and time */\n.uap-logs-complation-date {\n    font-size: var(--uap-font-size--body-xsmall);\n    line-height: var(--uap-line-height--body-xsmall);\n    font-weight: 400;\n    color: var(--uap-font-color);\n\n    @media screen and (max-width: 1370px){\n        font-size: 13px;\n    }\n\n    &__time {\n        color: var(--uap-font-color-secondary);\n    }\n}\n\n/* Recipe and user runs */\n.uap-logs-run-number {\n    display: flex;\n    gap: 20px;\n    font-size: var(--uap-font-size--body-xsmall);\n    line-height: var(--uap-line-height--body-xsmall);\n    font-weight: 400;\n    color: var(--uap-font-color);\n\n    @media screen and (max-width: 1370px){\n        font-size: 13px;\n    }\n\n    &--recipe {}\n\n    &--user {\n        display: flex;\n        gap: 5px;\n\n        color: var(--uap-font-color-secondary);\n\n        .uo-icon {\n            font-size: var(--uap-font-size--body-xsmall);\n            line-height: var(--uap-line-height--body-xsmall);\n        }\n    }\n}\n\n/* User */\n.uap-logs-user {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    max-width: 250px;\n\n    @media screen and (max-width: 1370px){\n        max-width: 170px;\n    }\n\n    .uap-logs-action-table & {\n        @media screen and (max-width: 1370px){\n            max-width: 170px;\n        }\n    }\n\n    &__avatar-container {\n        flex: 0 0 auto;\n        width: 32px;\n        height: 32px;\n    }\n\n    &__avatar {\n        display: block;\n        width: 100%;\n        height: 100%;\n        border-radius: 150%;\n    }\n\n    &__info {\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n    }\n\n    &__display-name {\n        font-size: var(--uap-font-size--body-xsmall);\n        line-height: var(--uap-line-height--body-xsmall);\n        color: var(--uap-font-color) !important;\n\n        @media screen and (max-width: 1370px){\n            font-size: 13px;\n        }\n\n        &--deleted-user {\n            font-size: var(--uap-font-size--body-xsmall);\n            line-height: var(--uap-line-height--body-xsmall);\n            font-weight: 500;\n            color: var(--uap-font-color) !important;\n\n            @media screen and (max-width: 1370px){\n                font-size: 13px;\n            }\n        }\n\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n\n        transition: var(--uap-transition) !important;\n\n        &:hover {\n            text-decoration: underline;\n            color: var(--uap-color-blue) !important;\n        }\n\n        .uap-logs tr:hover & {\n            color: var(--uap-color-blue) !important;\n        }\n    }\n\n    &__email {\n        font-size: 13px;\n        line-height: var(--uap-line-height--body-xsmall);\n\n        color: var(--uap-font-color-secondary);\n\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n\n    &__id {\n        font-size: 13px;\n        line-height: var(--uap-line-height--body-xsmall);\n\n        color: var(--uap-font-color-secondary);\n    }\n}\n\n/* Buttons */\n.uap-logs-action-buttons {\n    display: flex;\n    justify-content: flex-end;\n    min-height: 27px;\n\n    .uap-logs-action-button {\n        opacity: 0;\n        transition: opacity 150ms ease-in-out;\n\n        --uap-font-size--body-xsmall: var(--uap-font-size--body-regular);\n\n        &--details {\n            opacity: .4;\n        }\n\n        // .uap-logs-row-recipe-status--completed-with-errors & {\n        //     display: block;\n        // }\n\n        .uap-logs tr:hover & {\n            opacity: 1;\n        }\n\n        &--delete {\n            --uap-button-style-custom-color: var(--uap-font-color-warning);\n            --uap-button-style-custom-hover-color: var(--uap-font-color-warning);\n        }    \n    }\n\n}\n\n/* Trigger name */\n.uap-logs-table-trigger {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n\n    .uap-logs-table__trigger-name {\n        font-size: var(--uap-font-size--body-xsmall);\n        line-height: var(--uap-line-height--body-xsmall);\n        font-weight: 600;\n\n        @media screen and (max-width: 1370px){\n            font-size: 13px;\n        }\n\n        color: var(--uap-font-color);\n    }\n\n    .uap-logs-table__trigger-run-number {\n        font-size: 13px;\n        line-height: var(--uap-line-height--body-xsmall);\n        color: var(--uap-font-color);\n    }\n}\n\n/* Action name */\n.uap-logs-table-action {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n\n    .uap-logs-table__action-name {\n        font-size: var(--uap-font-size--body-xsmall);\n        line-height: var(--uap-line-height--body-xsmall);\n        font-weight: 600;\n\n        @media screen and (max-width: 1370px){\n            font-size: 13px;\n        }\n\n        color: var(--uap-font-color);\n    }\n}\n\n/* Action status */\n.uap-logs-row-action-status--completed-with-errors {\n    background-color: #FFF1F1 !important;\n\n    td {\n        border-top: 1px solid #F1D6D6;\n        border-bottom: 1px solid #F1D6D6;\n    }\n\n    &+ & td {\n        border-top: 0;\n    }\n}\n\n.uap-logs-row-action-status--not-completed {\n    background-color: #FFF1F1 !important;\n\n    td {\n        border-top: 1px solid #F1D6D6;\n        border-bottom: 1px solid #F1D6D6;\n    }\n\n    &+ & td {\n        border-top: 0;\n    }\n}\n\n.uap-logs-action-status {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    \n    font-size: var(--uap-font-size--body-xsmall);\n    line-height: var(--uap-line-height--body-xsmall);\n    font-weight: 400;\n    color: var(--uap-font-color);\n\n    @media screen and (max-width: 1370px){\n        font-size: 13px;\n    }\n\n    &::before {\n        flex: 0 0 auto;\n\n        content: \"\";\n        width: 10px;\n        height: 10px;\n        border-radius: 150%;\n    }\n    \n    /* Green */\n    &--completed::before {\n        background-color: var(--uap-item-status-completed);\n    }\n\n    &--completed-do-nothing::before {\n        background-color: var(--uap-item-status-completed-do-nothing);\n    }\n\n    &--completed-with-notice::before {\n        background-color: var(--uap-item-status-completed-with-notice);\n    }\n    \n    &--cancelled::before {\n        background-color: var(--uap-item-status-cancelled);\n    }\n\n    &--skipped::before {\n        background-color: var(--uap-item-status-skipped);\n    }\n\n    /* Red */\n    &--not-completed::before {\n        background-color: var(--uap-item-status-not-completed);\n    }\n\n    &--completed-with-errors::before {\n        background-color: var(--uap-item-status-completed-with-errors);\n    }\n\n    /* Yellow */\n    &--in-progress::before {\n        background-color: var(--uap-item-status-in-progress);\n    } \n\n    &--scheduled::before {\n        background-color: var(--uap-item-status-scheduled);\n    }\n    \n    &--completed-awaiting::before {\n        background-color: var(--uap-item-status-completed-awaiting);\n    }\n}",".uap-logs-details {\n    padding: var(--uap-spacing-between-sections-small) 0px;\n\n    &-header {\n        font-size: var(--uap-font-size--body-large);\n        line-height: var(--uap-line-height--body-large);\n        \n        font-weight: 600;\n    }\n}",".uap-upgrade {\n    max-width: 800px;\n    margin: 0 auto;\n    padding: 60px;\n\n    @media screen and (max-width: 768px){\n        padding: 60px 20px;\n    }\n\n    &-wrapper {\n        background-color: #fff;\n    }\n\n    &-header {\n        \n\n        &__logo {\n            width: 300px;\n\n            img {\n                width: 100%;\n                height: 100%;\n\n                object-fit: cover;\n                object-position: center;\n            }\n        }\n\n        &__title {\n            color: #000;\n            font-size: var(--uap-font-size--header-regular);\n            line-height: var(--uap-line-height--header-regular);\n            font-weight: 600;\n            margin: 0;\n            padding: 20px 0;\n        }\n\n        &__content {\n            color: var(--uap-font-color-secondary);\n            font-size: var(--uap-font-size--body-small);\n            line-height: var(--uap-line-height--body-small);\n            padding-bottom: 20px;\n        }\n    }\n\n    &-comparison-table {\n\n        width: 80%;\n        \n        @media screen and (max-width: 768px){\n            width: 100%;\n        }\n\n        margin: 20px 0;\n\n        thead {\n            tr { \n                th {\n                    padding: 10px 5px;\n                    font-size: var(--uap-font-size--header-xsmall);\n                    font-weight: 500;\n                }\n            }\n        }\n\n        tbody {\n\n            tr {\n                padding: 10px 5px;\n            }\n\n            th {\n                text-align: left;\n            }\n\n            td {\n                padding: 12px 5px 12px 10px;\n                text-align: center;\n                font-size: var(--uap-font-size--body-large);\n\n                uo-icon#check {\n                    color: green;\n                }\n\n                uo-icon#times {\n                    color: red;\n                }\n            }\n        }\n\n    }\n\n    &-body {\n        &-row--feature-category {\n            background-color: #f3f3f3;\n\n            th {\n                font-size: var(--uap-font-size--body-regular);\n                line-height: var(--uap-line-height--body-regular);\n                font-weight: 500;\n            }\n        }\n\n        &-row--feature {\n            th {\n                font-size: var(--uap-font-size--body-regular);\n                line-height: var(--uap-line-height--body-regular);\n                font-weight: 400;\n                color: var(--uap-font-color-secondary);\n\n                a {\n                    uo-icon[id=external-link] {\n                        font-size: .9em;\n                    }\n\n                    &:hover {\n                        text-decoration: none;\n                    }\n                }\n\n                uo-icon[integration] {\n                    font-size: .9em;\n                    margin: 0 6px 0 2px;\n                }\n            }\n        }\n        \n        &-row--feature-category th,\n        &-row--feature th {\n            padding: 12px 5px 12px 10px;\n        }\n    }\n\n    &__button a {\n        background-color: var(--uap-color-green);\n        color: #fff !important;\n\n        padding: 12px 25px;\n        border-radius: 150px;\n\n        display: inline-block;\n\n        font-size: var(--uap-font-size--body-regular);\n        line-height: var(--uap-line-height--body-regular);\n        font-weight: 500;\n        \n        transition: background-color 150ms ease-in-out;\n\n        &:hover {\n            background-color: #579f4a;\n            text-decoration: none;\n        }\n    }\n}"],"names":[],"sourceRoot":""}