@adplenty-tech/adplenty-components-library 1.4.160 → 1.4.162
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";:root{--color-primary-1: rgba(254, 252, 246, 1);--color-primary-5: rgba(254, 245, 230, 1);--color-primary-10: rgba(254, 235, 214, 1);--color-primary-20: rgba(253, 211, 174, 1);--color-primary-30: rgba(250, 179, 132, 1);--color-primary-40: rgba(246, 148, 101, 1);--color-primary-50: rgba(240, 100, 52, 1);--color-primary-60: rgba(206, 69, 38, 1);--color-primary-70: rgba(172, 43, 26, 1);--color-primary-80: rgba(139, 22, 16, 1);--color-primary-90: rgba(115, 9, 12, 1);--color-primary-100: rgba(47, 1, 23, 1);--color-1: rgba(248, 250, 254, 1);--color-5: rgba(234, 240, 254, 1);--color-10: rgba(220, 229, 254, 1);--color-20: rgba(185, 203, 253, 1);--color-30: rgba(149, 173, 249, 1);--color-40: rgba(121, 148, 244, 1);--color-50: rgba(78, 110, 237, 1);--color-60: rgba(57, 83, 203, 1);--color-70: rgba(39, 60, 170, 1);--color-80: rgba(24, 40, 137, 1);--color-90: rgba(14, 26, 113, 1);--color-100: rgba(4, 9, 65, 1);--color-neutral-0: rgba(255, 255, 255, 1);--color-neutral-1: rgba(245, 245, 245, 1);--color-neutral-5: rgba(235, 234, 234, 1);--color-neutral-10: rgba(225, 224, 224, 1);--color-neutral-20: rgba(205, 203, 203, 1);--color-neutral-30: rgba(185, 183, 182, 1);--color-neutral-40: rgba(165, 162, 161, 1);--color-neutral-50: rgba(148, 144, 143, 1);--color-neutral-60: rgba(135, 131, 130, 1);--color-neutral-70: rgba(114, 111, 110, 1);--color-neutral-80: rgba(83, 81, 80, 1);--color-neutral-90: rgba(52, 50, 50, 1);--color-neutral-100: rgba(21, 20, 20, 1);--color-success-1: rgba(250, 254, 246, 1);--color-success-5: rgba(237, 253, 228, 1);--color-success-10: rgba(218, 250, 209, 1);--color-success-20: rgba(175, 245, 165, 1);--color-success-30: rgba(118, 225, 116, 1);--color-success-40: rgba(77, 196, 85, 1);--color-success-50: rgba(30, 158, 51, 1);--color-success-60: rgba(21, 135, 51, 1);--color-success-70: rgba(15, 113, 49, 1);--color-success-80: rgba(9, 91, 46, 1);--color-success-90: rgba(5, 75, 43, 1);--color-success-100: rgba(2, 54, 40, 1);--color-info-1: rgba(245, 254, 254, 1);--color-info-5: rgba(226, 250, 254, 1);--color-info-10: rgba(207, 240, 252, 1);--color-info-20: rgba(160, 222, 249, 1);--color-info-30: rgba(111, 192, 239, 1);--color-info-40: rgba(74, 161, 223, 1);--color-info-50: rgba(22, 118, 202, 1);--color-info-60: rgba(16, 91, 173, 1);--color-info-70: rgba(11, 68, 145, 1);--color-info-80: rgba(7, 48, 117, 1);--color-info-90: rgba(4, 34, 96, 1);--color-info-100: rgba(1, 13, 55, 1);--color-warning-1: rgba(255, 253, 244, 1);--color-warning-5: rgba(255, 249, 224, 1);--color-warning-10: rgba(255, 244, 204, 1);--color-warning-20: rgba(255, 230, 153, 1);--color-warning-30: rgba(255, 212, 103, 1);--color-warning-40: rgba(255, 195, 65, 1);--color-warning-50: rgba(255, 166, 2, 1);--color-warning-60: rgba(219, 134, 1, 1);--color-warning-70: rgba(183, 106, 1, 1);--color-warning-80: rgba(147, 80, 0, 1);--color-warning-90: rgba(122, 61, 0, 1);--color-warning-100: rgba(70, 24, 0, 1);--color-error-1: rgba(255, 251, 247, 1);--color-error-5: rgba(255, 242, 231, 1);--color-error-10: rgba(255, 230, 216, 1);--color-error-20: rgba(255, 199, 178, 1);--color-error-30: rgba(255, 161, 139, 1);--color-error-40: rgba(255, 125, 111, 1);--color-error-50: rgba(255, 66, 63, 1);--color-error-60: rgba(219, 46, 58, 1);--color-error-70: rgba(183, 31, 55, 1);--color-error-80: rgba(147, 20, 50, 1);--color-error-90: rgba(122, 12, 48, 1);--color-error-100: rgba(70, 3, 45, 1);--color-purple-50: #8e54f2;--color-purple-20: #d9c6fb;--color-yellow-50: #edc44e;--color-yellow-20: #f9edc7;--color-green-50: #45d05c;--color-green-20: #cef3d4;--color-red-50: #d92626;--color-red-20: #f8c9c9;--color-teal-50: #00b3b3;--color-teal-20: #c5f6f6;--color-pink-50: #f8558e;--color-pink-20: #f8d4e1;--color-indigo-50: #663399;--color-indigo-20: #d6c8e9;--color-lime-50: #82c91e;--color-lime-20: #e9f5d7;--display---display--large: 57px;--display---display--medium: 45px;--display---display--small: 36px;--headline---headline--large: 32px;--headline---headline--medium: 28px;--headline---headline--small: 24px;--title---title--large: 22px;--title---title--medium: 16px;--title---title--small: 14px;--title---title--extra--small: 12px;--label---label--large: 14px;--label---label--medium: 12px;--label---label--small: 11px;--body---body--large: 16px;--body---body--medium: 14px;--body---body--small: 12px;--anchor---anchor--large: 16px;--anchor---anchor--medium: 14px;--anchor---anchor--small: 12px;--font-size-tiny: 0.625rem;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-huge: 2rem;--level-1-new: 0px 2px 6px rgba(21, 20, 20, 0.08), 0px 0.30000001192092896px 0.8999999761581421px rgba(21, 20, 20, 0.04);--level-2-new: 0px 2px 12px rgba(21, 20, 20, 0.12), 0px 0.6000000238418579px 1.899999976158142px rgba(21, 20, 20, 0.08);--level-3-new: 0px 4px 14px rgba(21, 20, 20, 0.12), 0px 2px 4px rgba(21, 20, 20, 0.04);--level-4-new: 0px 12px 40px rgba(21, 20, 20, 0.12), 0px 6px 12px rgba(21, 20, 20, 0.04)}:root .primary{--color-1: var(--color-primary-1);--color-5: var(--color-primary-5);--color-10: var(--color-primary-10);--color-20: var(--color-primary-20);--color-30: var(--color-primary-30);--color-40: var(--color-primary-40);--color-50: var(--color-primary-50);--color-60: var(--color-primary-60);--color-70: var(--color-primary-70);--color-80: var(--color-primary-80);--color-90: var(--color-primary-90);--color-100: var(--color-primary-100)}.margin-bottom,[margin-bottom]{margin-bottom:var(--element-default-margin)}.margin-top,[margin-top]{margin-bottom:var(--element-default-margin)}.padding-1{padding:4px}.padding-bottom-1{padding-bottom:4px}.padding-top-1{padding-top:4px}.padding-left-1{padding-left:4px}.padding-right-1{padding-right:4px}.padding-2{padding:8px}.padding-bottom-2{padding-bottom:8px}.padding-top-2{padding-top:8px}.padding-left-2{padding-left:8px}.padding-right-2{padding-right:8px}.padding-3{padding:12px}.padding-bottom-3{padding-bottom:12px}.padding-top-3{padding-top:12px}.padding-left-3{padding-left:12px}.padding-right-3{padding-right:12px}.padding-4{padding:16px}.padding-bottom-4{padding-bottom:16px}.padding-top-4{padding-top:16px}.padding-left-4{padding-left:16px}.padding-right-4{padding-right:16px}.padding-5{padding:20px}.padding-bottom-5{padding-bottom:20px}.padding-top-5{padding-top:20px}.padding-left-5{padding-left:20px}.padding-right-5{padding-right:20px}.padding-6{padding:24px}.padding-bottom-6{padding-bottom:24px}.padding-top-6{padding-top:24px}.padding-left-6{padding-left:24px}.padding-right-6{padding-right:24px}.padding-7{padding:28px}.padding-bottom-7{padding-bottom:28px}.padding-top-7{padding-top:28px}.padding-left-7{padding-left:28px}.padding-right-7{padding-right:28px}.padding-8{padding:32px}.padding-bottom-8{padding-bottom:32px}.padding-top-8{padding-top:32px}.padding-left-8{padding-left:32px}.padding-right-8{padding-right:32px}.padding-9{padding:36px}.padding-bottom-9{padding-bottom:36px}.padding-top-9{padding-top:36px}.padding-left-9{padding-left:36px}.padding-right-9{padding-right:36px}.padding-10{padding:40px}.padding-bottom-10{padding-bottom:40px}.padding-top-10{padding-top:40px}.padding-left-10{padding-left:40px}.padding-right-10{padding-right:40px}:root{--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-9: 36px;--spacing-10: 40px;--root-primary-color: #4d6bf0;--round-corners: 100px;--semi-round-corners: 8px;--text-light-gray: #726f6e;--text-primary: #343232;--element-default-margin: 8px;--element-default-padding: 4px;--element-default-selected-color: #4d6bf0;--element-default-border-color: rgba(0, 0, 0, 0.15);--element-default-border: 1px solid var(--element-default-border-color);--element-default-hover-border-color: #4d6bf0}.categorized-selector-directive{width:100%;height:100%;border-radius:10px;background-color:#fff;overflow:hidden;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.categorized-selector-directive .categorized-selector-search-row{gap:1.5rem}.categorized-selector-directive-border{border:1px solid var(--color-neutral-5)}.categorized-selector-directive .lib-text-directive{margin-bottom:24px}.categorized-selector-directive .library-selector{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;min-width:360px;margin-right:24px;padding-right:16px;padding-left:4px;border-right:1px solid var(--color-neutral-5);height:100%}.categorized-selector-directive .library-selector .library-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:24px;overflow-y:auto;scrollbar-width:thin}.categorized-selector-directive .library-selector .no-categories-notice{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:20px}.categorized-selector-directive .library-selector .search-container{padding:16px 10px 0 10px}.categorized-selector-directive .results-counter{margin-bottom:12px}.categorized-selector-directive .results-counter p{margin:0;color:var(--text-light-gray);font-size:var(--font-size-sm)}.categorized-selector-directive .categorized-selector{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%;padding-right:24px}.categorized-selector-directive .categorized-selector .lib-text-directive{margin-top:16px}.categorized-selector-directive .categorized-selector .category{margin-bottom:24px;-ms-flex-wrap:wrap;flex-wrap:wrap}.categorized-selector-directive .categorized-selector .category .category-name{margin:30px 0 15px;color:#46434e;font-size:var(--font-size-sm);font-weight:bold;letter-spacing:.7px;line-height:24px}.categorized-selector-directive .categorized-selector .category .template-box-container{display:grid;gap:20px;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr))}.categorized-selector-directive .categorized-selector .category .template-box-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal],.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true]{grid-template-columns:repeat(auto-fill, minmax(200px, 1fr))}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal] .template-box,.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal] .template-box .template-box-body,.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box .template-box-body{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal] .template-box .template-box-details,.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box .template-box-details{white-space:pre-line;text-align:left;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;height:-webkit-min-content;height:-moz-min-content;height:min-content}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal] .template-box .template-box-details .name,.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box .template-box-details .name{text-align:left}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal] .template-box img,.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box img{width:64px}.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box-body img{display:none}.categorized-selector-directive .categorized-selector .category .template-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:.3s ease all;transition:.3s ease all;position:relative;border-radius:10px;color:var(--text-primary);overflow:hidden;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:280px;border:1px solid var(--color-neutral-10);background-color:#fff;cursor:pointer}.categorized-selector-directive .categorized-selector .category .template-box p{margin:0;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow-wrap:anywhere;overflow:hidden;line-clamp:2;-webkit-line-clamp:2}.categorized-selector-directive .categorized-selector .category .template-box .template-box-body{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem;padding:.75rem;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.categorized-selector-directive .categorized-selector .category .template-box .template-box-details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;align-content:center;white-space:pre-line;text-align:left;gap:.5rem;height:100%;width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.categorized-selector-directive .categorized-selector .category .template-box .template-box-details .template-box-subtitle{font-size:.75rem}.categorized-selector-directive .categorized-selector .category .template-box .template-box-details .template-box-subtitle,.categorized-selector-directive .categorized-selector .category .template-box .template-box-details .template-box-headline{color:var(--text-light-gray);font-family:Inter;font-size:12px;font-weight:400;line-height:16px;letter-spacing:.2px;text-align:inherit}.categorized-selector-directive .categorized-selector .category .template-box .template-box-details .template-box-subtitle-icon{font-size:14px;color:var(--text-light-gray);font-weight:400;line-height:16px}.categorized-selector-directive .categorized-selector .category .template-box .template-box-details .template-box-headline{line-clamp:1;-webkit-line-clamp:1}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:var(--color-neutral-1);-webkit-transition:ease all .3s;transition:ease all .3s;padding:.25rem .5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;gap:.25rem}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-text-areas{display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-auto-columns:1fr;grid-auto-flow:column;width:100%;gap:.25rem;overflow:hidden}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-text-areas>*{overflow:hidden;text-overflow:ellipsis}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-text-areas>*:nth-child(2){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer p{text-wrap:nowrap;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;width:-webkit-min-content;width:-moz-min-content;width:min-content}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status p{vertical-align:middle}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:8px;width:8px;border-radius:50%;background-color:var(--template-box-footer-status-indicator-color, transparent)}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator[status-type=error]{background-color:var(--color-error-50)}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator[status-type=success]{background-color:var(--color-success-50)}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator[status-type=warning]{background-color:var(--color-warning-50)}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator[status-type=info]{background-color:var(--color-info-50)}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator[status-type=neutral]{background-color:var(--color-neutral-50)}.categorized-selector-directive .categorized-selector .category .template-box .overlay{background-color:rgba(227,226,226,.65);position:absolute;padding:10px;font-weight:bold;top:0;left:0;bottom:0;right:0;z-index:2}.categorized-selector-directive .categorized-selector .category .template-box .overlay p{color:#000;background-color:rgba(255,255,255,.9);border-radius:.5rem;padding:.7rem}.categorized-selector-directive .categorized-selector .category .template-box.disabled{pointer-events:none;background-color:var(--color-neutral-40)}.categorized-selector-directive .categorized-selector .category .template-box.disabled img{-webkit-filter:grayscale(90%);filter:grayscale(90%);z-index:1}.categorized-selector-directive .categorized-selector .category .template-box.disabled .template-box-footer{background-color:rgba(0,0,0,0)}.categorized-selector-directive .categorized-selector .category .template-box.disabled p{color:var(--text-light-gray)}.categorized-selector-directive .categorized-selector .category .template-box:hover{background-color:var(--color-1)}.categorized-selector-directive .categorized-selector .category .template-box:hover .template-box-footer{background-color:var(--color-5)}.categorized-selector-directive .categorized-selector .category .template-box:focus{border:1.2px solid var(--color-50)}.categorized-selector-directive .categorized-selector .category .template-box.selected{border:1.2px solid var(--color-60);background:var(--color-5)}.categorized-selector-directive .categorized-selector .category .template-box.selected .template-box-footer{background:var(--color-10)}.categorized-selector-directive .categorized-selector .category .template-box img{border-radius:.5rem;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;width:100%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background:#fff}.categorized-selector-directive .categorized-selector .category .template-box .name{font-size:var(--font-size-sm);font-weight:500;letter-spacing:.61px;line-height:20px;text-align:left;font-family:Inter;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.6px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";:root{--color-primary-1: rgba(254, 252, 246, 1);--color-primary-5: rgba(254, 245, 230, 1);--color-primary-10: rgba(254, 235, 214, 1);--color-primary-20: rgba(253, 211, 174, 1);--color-primary-30: rgba(250, 179, 132, 1);--color-primary-40: rgba(246, 148, 101, 1);--color-primary-50: rgba(240, 100, 52, 1);--color-primary-60: rgba(206, 69, 38, 1);--color-primary-70: rgba(172, 43, 26, 1);--color-primary-80: rgba(139, 22, 16, 1);--color-primary-90: rgba(115, 9, 12, 1);--color-primary-100: rgba(47, 1, 23, 1);--color-1: rgba(248, 250, 254, 1);--color-5: rgba(234, 240, 254, 1);--color-10: rgba(220, 229, 254, 1);--color-20: rgba(185, 203, 253, 1);--color-30: rgba(149, 173, 249, 1);--color-40: rgba(121, 148, 244, 1);--color-50: rgba(78, 110, 237, 1);--color-60: rgba(57, 83, 203, 1);--color-70: rgba(39, 60, 170, 1);--color-80: rgba(24, 40, 137, 1);--color-90: rgba(14, 26, 113, 1);--color-100: rgba(4, 9, 65, 1);--color-neutral-0: rgba(255, 255, 255, 1);--color-neutral-1: rgba(245, 245, 245, 1);--color-neutral-5: rgba(235, 234, 234, 1);--color-neutral-10: rgba(225, 224, 224, 1);--color-neutral-20: rgba(205, 203, 203, 1);--color-neutral-30: rgba(185, 183, 182, 1);--color-neutral-40: rgba(165, 162, 161, 1);--color-neutral-50: rgba(148, 144, 143, 1);--color-neutral-60: rgba(135, 131, 130, 1);--color-neutral-70: rgba(114, 111, 110, 1);--color-neutral-80: rgba(83, 81, 80, 1);--color-neutral-90: rgba(52, 50, 50, 1);--color-neutral-100: rgba(21, 20, 20, 1);--color-success-1: rgba(250, 254, 246, 1);--color-success-5: rgba(237, 253, 228, 1);--color-success-10: rgba(218, 250, 209, 1);--color-success-20: rgba(175, 245, 165, 1);--color-success-30: rgba(118, 225, 116, 1);--color-success-40: rgba(77, 196, 85, 1);--color-success-50: rgba(30, 158, 51, 1);--color-success-60: rgba(21, 135, 51, 1);--color-success-70: rgba(15, 113, 49, 1);--color-success-80: rgba(9, 91, 46, 1);--color-success-90: rgba(5, 75, 43, 1);--color-success-100: rgba(2, 54, 40, 1);--color-info-1: rgba(245, 254, 254, 1);--color-info-5: rgba(226, 250, 254, 1);--color-info-10: rgba(207, 240, 252, 1);--color-info-20: rgba(160, 222, 249, 1);--color-info-30: rgba(111, 192, 239, 1);--color-info-40: rgba(74, 161, 223, 1);--color-info-50: rgba(22, 118, 202, 1);--color-info-60: rgba(16, 91, 173, 1);--color-info-70: rgba(11, 68, 145, 1);--color-info-80: rgba(7, 48, 117, 1);--color-info-90: rgba(4, 34, 96, 1);--color-info-100: rgba(1, 13, 55, 1);--color-warning-1: rgba(255, 253, 244, 1);--color-warning-5: rgba(255, 249, 224, 1);--color-warning-10: rgba(255, 244, 204, 1);--color-warning-20: rgba(255, 230, 153, 1);--color-warning-30: rgba(255, 212, 103, 1);--color-warning-40: rgba(255, 195, 65, 1);--color-warning-50: rgba(255, 166, 2, 1);--color-warning-60: rgba(219, 134, 1, 1);--color-warning-70: rgba(183, 106, 1, 1);--color-warning-80: rgba(147, 80, 0, 1);--color-warning-90: rgba(122, 61, 0, 1);--color-warning-100: rgba(70, 24, 0, 1);--color-error-1: rgba(255, 251, 247, 1);--color-error-5: rgba(255, 242, 231, 1);--color-error-10: rgba(255, 230, 216, 1);--color-error-20: rgba(255, 199, 178, 1);--color-error-30: rgba(255, 161, 139, 1);--color-error-40: rgba(255, 125, 111, 1);--color-error-50: rgba(255, 66, 63, 1);--color-error-60: rgba(219, 46, 58, 1);--color-error-70: rgba(183, 31, 55, 1);--color-error-80: rgba(147, 20, 50, 1);--color-error-90: rgba(122, 12, 48, 1);--color-error-100: rgba(70, 3, 45, 1);--color-purple-50: #8e54f2;--color-purple-20: #d9c6fb;--color-yellow-50: #edc44e;--color-yellow-20: #f9edc7;--color-green-50: #45d05c;--color-green-20: #cef3d4;--color-red-50: #d92626;--color-red-20: #f8c9c9;--color-teal-50: #00b3b3;--color-teal-20: #c5f6f6;--color-pink-50: #f8558e;--color-pink-20: #f8d4e1;--color-indigo-50: #663399;--color-indigo-20: #d6c8e9;--color-lime-50: #82c91e;--color-lime-20: #e9f5d7;--display---display--large: 57px;--display---display--medium: 45px;--display---display--small: 36px;--headline---headline--large: 32px;--headline---headline--medium: 28px;--headline---headline--small: 24px;--title---title--large: 22px;--title---title--medium: 16px;--title---title--small: 14px;--title---title--extra--small: 12px;--label---label--large: 14px;--label---label--medium: 12px;--label---label--small: 11px;--body---body--large: 16px;--body---body--medium: 14px;--body---body--small: 12px;--anchor---anchor--large: 16px;--anchor---anchor--medium: 14px;--anchor---anchor--small: 12px;--font-size-tiny: 0.625rem;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-huge: 2rem;--level-1-new: 0px 2px 6px rgba(21, 20, 20, 0.08), 0px 0.30000001192092896px 0.8999999761581421px rgba(21, 20, 20, 0.04);--level-2-new: 0px 2px 12px rgba(21, 20, 20, 0.12), 0px 0.6000000238418579px 1.899999976158142px rgba(21, 20, 20, 0.08);--level-3-new: 0px 4px 14px rgba(21, 20, 20, 0.12), 0px 2px 4px rgba(21, 20, 20, 0.04);--level-4-new: 0px 12px 40px rgba(21, 20, 20, 0.12), 0px 6px 12px rgba(21, 20, 20, 0.04)}:root .primary{--color-1: var(--color-primary-1);--color-5: var(--color-primary-5);--color-10: var(--color-primary-10);--color-20: var(--color-primary-20);--color-30: var(--color-primary-30);--color-40: var(--color-primary-40);--color-50: var(--color-primary-50);--color-60: var(--color-primary-60);--color-70: var(--color-primary-70);--color-80: var(--color-primary-80);--color-90: var(--color-primary-90);--color-100: var(--color-primary-100)}.margin-bottom,[margin-bottom]{margin-bottom:var(--element-default-margin)}.margin-top,[margin-top]{margin-bottom:var(--element-default-margin)}.padding-1{padding:4px}.padding-bottom-1{padding-bottom:4px}.padding-top-1{padding-top:4px}.padding-left-1{padding-left:4px}.padding-right-1{padding-right:4px}.padding-2{padding:8px}.padding-bottom-2{padding-bottom:8px}.padding-top-2{padding-top:8px}.padding-left-2{padding-left:8px}.padding-right-2{padding-right:8px}.padding-3{padding:12px}.padding-bottom-3{padding-bottom:12px}.padding-top-3{padding-top:12px}.padding-left-3{padding-left:12px}.padding-right-3{padding-right:12px}.padding-4{padding:16px}.padding-bottom-4{padding-bottom:16px}.padding-top-4{padding-top:16px}.padding-left-4{padding-left:16px}.padding-right-4{padding-right:16px}.padding-5{padding:20px}.padding-bottom-5{padding-bottom:20px}.padding-top-5{padding-top:20px}.padding-left-5{padding-left:20px}.padding-right-5{padding-right:20px}.padding-6{padding:24px}.padding-bottom-6{padding-bottom:24px}.padding-top-6{padding-top:24px}.padding-left-6{padding-left:24px}.padding-right-6{padding-right:24px}.padding-7{padding:28px}.padding-bottom-7{padding-bottom:28px}.padding-top-7{padding-top:28px}.padding-left-7{padding-left:28px}.padding-right-7{padding-right:28px}.padding-8{padding:32px}.padding-bottom-8{padding-bottom:32px}.padding-top-8{padding-top:32px}.padding-left-8{padding-left:32px}.padding-right-8{padding-right:32px}.padding-9{padding:36px}.padding-bottom-9{padding-bottom:36px}.padding-top-9{padding-top:36px}.padding-left-9{padding-left:36px}.padding-right-9{padding-right:36px}.padding-10{padding:40px}.padding-bottom-10{padding-bottom:40px}.padding-top-10{padding-top:40px}.padding-left-10{padding-left:40px}.padding-right-10{padding-right:40px}:root{--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-9: 36px;--spacing-10: 40px;--root-primary-color: #4d6bf0;--round-corners: 100px;--semi-round-corners: 8px;--text-light-gray: #726f6e;--text-primary: #343232;--element-default-margin: 8px;--element-default-padding: 4px;--element-default-selected-color: #4d6bf0;--element-default-border-color: rgba(0, 0, 0, 0.15);--element-default-border: 1px solid var(--element-default-border-color);--element-default-hover-border-color: #4d6bf0}.categorized-selector-directive{width:100%;height:100%;border-radius:10px;background-color:#fff;overflow:hidden;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.categorized-selector-directive .categorized-selector-search-row{gap:1.5rem}.categorized-selector-directive-border{border:1px solid var(--color-neutral-5)}.categorized-selector-directive .lib-text-directive{margin-bottom:24px}.categorized-selector-directive .library-selector{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;min-width:360px;margin-right:24px;padding-right:16px;padding-left:4px;border-right:1px solid var(--color-neutral-5);height:100%}.categorized-selector-directive .library-selector .library-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:24px;overflow-y:auto;scrollbar-width:thin}.categorized-selector-directive .library-selector .no-categories-notice{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:20px}.categorized-selector-directive .library-selector .search-container{padding:16px 10px 0 10px}.categorized-selector-directive .results-counter{margin-bottom:12px}.categorized-selector-directive .results-counter p{margin:0;color:var(--text-light-gray);font-size:var(--font-size-sm)}.categorized-selector-directive .categorized-selector{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%;padding-right:24px;padding-top:16px}.categorized-selector-directive .categorized-selector .category{margin-bottom:24px;-ms-flex-wrap:wrap;flex-wrap:wrap}.categorized-selector-directive .categorized-selector .category .category-name{margin:30px 0 15px;color:#46434e;font-size:var(--font-size-sm);font-weight:bold;letter-spacing:.7px;line-height:24px}.categorized-selector-directive .categorized-selector .category .subcategory-title{margin:15px 0 10px;color:#46434e;font-size:var(--font-size-sm);font-weight:bold;letter-spacing:.7px;line-height:24px}.categorized-selector-directive .categorized-selector .category .template-box-container{display:grid;gap:20px;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr))}.categorized-selector-directive .categorized-selector .category .template-box-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal],.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true]{grid-template-columns:repeat(auto-fill, minmax(200px, 1fr))}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal] .template-box,.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal] .template-box .template-box-body,.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box .template-box-body{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal] .template-box .template-box-details,.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box .template-box-details{white-space:pre-line;text-align:left;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;height:-webkit-min-content;height:-moz-min-content;height:min-content}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal] .template-box .template-box-details .name,.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box .template-box-details .name{text-align:left}.categorized-selector-directive .categorized-selector .category .template-box-container[type=horizontal] .template-box img,.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box img{width:64px}.categorized-selector-directive .categorized-selector .category .template-box-container[hide-images=true] .template-box-body img{display:none}.categorized-selector-directive .categorized-selector .category .template-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:.3s ease all;transition:.3s ease all;position:relative;border-radius:10px;color:var(--text-primary);overflow:hidden;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:280px;border:1px solid var(--color-neutral-10);background-color:#fff;cursor:pointer}.categorized-selector-directive .categorized-selector .category .template-box p{margin:0;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow-wrap:anywhere;overflow:hidden;line-clamp:2;-webkit-line-clamp:2}.categorized-selector-directive .categorized-selector .category .template-box .template-box-body{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem;padding:.75rem;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.categorized-selector-directive .categorized-selector .category .template-box .template-box-details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;align-content:center;white-space:pre-line;text-align:left;gap:.5rem;height:100%;width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.categorized-selector-directive .categorized-selector .category .template-box .template-box-details .template-box-subtitle{font-size:.75rem}.categorized-selector-directive .categorized-selector .category .template-box .template-box-details .template-box-subtitle,.categorized-selector-directive .categorized-selector .category .template-box .template-box-details .template-box-headline{color:var(--text-light-gray);font-family:Inter;font-size:12px;font-weight:400;line-height:16px;letter-spacing:.2px;text-align:inherit}.categorized-selector-directive .categorized-selector .category .template-box .template-box-details .template-box-subtitle-icon{font-size:14px;color:var(--text-light-gray);font-weight:400;line-height:16px}.categorized-selector-directive .categorized-selector .category .template-box .template-box-details .template-box-headline{line-clamp:1;-webkit-line-clamp:1}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:var(--color-neutral-1);-webkit-transition:ease all .3s;transition:ease all .3s;padding:.25rem .5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;gap:.25rem}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-text-areas{display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-auto-columns:1fr;grid-auto-flow:column;width:100%;gap:.25rem;overflow:hidden}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-text-areas>*{overflow:hidden;text-overflow:ellipsis}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-text-areas>*:nth-child(2){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer p{text-wrap:nowrap;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;width:-webkit-min-content;width:-moz-min-content;width:min-content}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status p{vertical-align:middle}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:8px;width:8px;border-radius:50%;background-color:var(--template-box-footer-status-indicator-color, transparent)}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator[status-type=error]{background-color:var(--color-error-50)}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator[status-type=success]{background-color:var(--color-success-50)}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator[status-type=warning]{background-color:var(--color-warning-50)}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator[status-type=info]{background-color:var(--color-info-50)}.categorized-selector-directive .categorized-selector .category .template-box .template-box-footer .template-box-footer-status .template-box-footer-status-indicator[status-type=neutral]{background-color:var(--color-neutral-50)}.categorized-selector-directive .categorized-selector .category .template-box .overlay{background-color:rgba(227,226,226,.65);position:absolute;padding:10px;font-weight:bold;top:0;left:0;bottom:0;right:0;z-index:2}.categorized-selector-directive .categorized-selector .category .template-box .overlay p{color:#000;background-color:rgba(255,255,255,.9);border-radius:.5rem;padding:.7rem}.categorized-selector-directive .categorized-selector .category .template-box.disabled{pointer-events:none;background-color:var(--color-neutral-40)}.categorized-selector-directive .categorized-selector .category .template-box.disabled img{-webkit-filter:grayscale(90%);filter:grayscale(90%);z-index:1}.categorized-selector-directive .categorized-selector .category .template-box.disabled .template-box-footer{background-color:rgba(0,0,0,0)}.categorized-selector-directive .categorized-selector .category .template-box.disabled p{color:var(--text-light-gray)}.categorized-selector-directive .categorized-selector .category .template-box:hover{background-color:var(--color-1)}.categorized-selector-directive .categorized-selector .category .template-box:hover .template-box-footer{background-color:var(--color-5)}.categorized-selector-directive .categorized-selector .category .template-box:focus{border:1.2px solid var(--color-50)}.categorized-selector-directive .categorized-selector .category .template-box.selected{border:1.2px solid var(--color-60);background:var(--color-5)}.categorized-selector-directive .categorized-selector .category .template-box.selected .template-box-footer{background:var(--color-10)}.categorized-selector-directive .categorized-selector .category .template-box img{border-radius:.5rem;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;width:100%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background:#fff}.categorized-selector-directive .categorized-selector .category .template-box .name{font-size:var(--font-size-sm);font-weight:500;letter-spacing:.61px;line-height:20px;text-align:left;font-family:Inter;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.6px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
|