WordPress.org
Get WordPress

Plugin Directory

Changeset 3335584


Ignore:
Timestamp:
07/28/2025 10:13:08 PM (8 months ago)
Author:
darnado
Message:

Updated to version 2.1.0. Several new features have been added to the custom blocks included in the plugin. For more detailed information about this version, please check the Changelog section for version 2.1.0 in the README.txt file.

Location:
caledros-basic-blocks
Files:
878 added
66 edited

Legend:

Unmodified
Added
Removed

  • caledros-basic-blocks/trunk/README.txt

    r3332562 r3335584  
    55Requires at least: 6.7
    66Tested up to: 6.8
    7 Stable tag: 2.0.1
     7Stable tag: 2.1.0
    88Requires PHP: 8.0
    99License: GPLv2 or later
    … …  
    4545**1.1. Bootstrap Icons**, *Copyright (c) 2019-2024 The Bootstrap Authors*
    4646
    47 The icons (SVG files) used in the Icon block and the Social Icon block were downloaded from Bootstrap Icons.
     47The icons (SVG files) used in the Icon block, Social Icon block, and the Button Block were downloaded from Bootstrap Icons.
    4848
    4949Additionally, the four icons used in the Posts Loop block (user, date, category, and tag) as well as the publications icon in the Category Loop block, were all sourced from Bootstrap Icons.
    … …  
    227227* Fixed bug in the Linkedin icon of the Social Icon block. Now the Linkedin icon is visible.
    228228
     229= 2.1.0 =
     230
     231* Added a new option to set the height of the wp-site-blocks container to 100vh. This new option is available as a checkbox in the plugin Admin menu.
     232* Added new 30 icons to the Icon Block. These icons, like the initial set, are sourced from Bootstrap Icons and are used under the MIT license.
     233* Added missing license notice to the CSS stylesheet of the Icon Block.
     234* Added new responsive controls to the Flex Container Block. These controls allow to change the "justify content" and "align items" properties for tablets and mobile devices. In total, there are 4 new controls: Justify Content (Tablet and Mobile), Justify Content (Mobile), Align Items (Tablet and Mobile), and Align Items (Mobile). These controls are available in the "Additional" tab.
     235* Fixed bug in the Responsive Image Block. This bug was causing the lazy loading overlay to be visible in the Gutenberg editor, while it remained hidden on the frontend. This bug was affecting images with the object-fit property set to "contain", and images with borders.
     236* Added a new control to change the color of the lazy-loading overlay. This control is available for the Responsive Image Block in the Additional Tab.
     237* Added a new control named "Box Shadow", which is available for the Desktop Menu Container and the Mobile Menu Container blocks. It allows to set a custom box shadow for the sticky navigation bar. This control is located in the Sticky tab of the aforementioned blocks.
     238* Added a new block variation for the Button Block. This block variation is named "Button with Icon" and allows the user to select an icon for the button. These icons are the same as those available for the Icon Block. Also, they are sourced from Bootstrap Icons and are used under the MIT license.
     239* Added new controls to the Button Block. These controls allow to change the hover color for the text and border, both for the light and dark mode.
     240* Updated title of the hover background color control for the Button Block.
     241
    229242== Upgrade Notice ==
    230243
    … …  
    256269This update fixes a bug in the Linkedin icon of the Social Icon block.
    257270
     271= 2.1.0 =
     272This update adds several new features to the blocks included in the plugin.
     273
    258274== Installation ==
    259275

  • caledros-basic-blocks/trunk/build/blocks/button/block.json

    r3312222 r3335584  
    9797        "differentPaddingsEnabled": false
    9898      }
     99    },
     100    "buttonType": {
     101      "type": "string",
     102      "default": "simple-button"
     103    },
     104    "buttonIcon": {
     105      "type": "string",
     106      "default": ""
     107    },
     108    "buttonIconSize": {
     109      "type": "number",
     110      "default": 0
     111    },
     112    "buttonIconColor": {
     113      "type": "string",
     114      "default": "#000000"
     115    },
     116    "buttonIconDarkColor": {
     117      "type": "string",
     118      "default": "#ffffff"
     119    },
     120    "buttonIconFlexDirection": {
     121      "type": "string",
     122      "default": "row"
     123    },
     124    "buttonHoverTextLightColor": {
     125      "type": "object",
     126      "default": {
     127        "enabled": false,
     128        "value": "#000000"
     129      }
     130    },
     131    "buttonHoverTextDarkColor": {
     132      "type": "object",
     133      "default": {
     134        "enabled": false,
     135        "value": "#f4f4f4"
     136      }
     137    },
     138    "iconHoverLightColor": {
     139      "type": "object",
     140      "default": {
     141        "enabled": false,
     142        "value": "#00000000"
     143      }
     144    },
     145    "iconHoverDarkColor": {
     146      "type": "object",
     147      "default": {
     148        "enabled": false,
     149        "value": "#00000000"
     150      }
     151    },
     152    "borderHoverLightColor": {
     153      "type": "object",
     154      "default": {
     155        "enabled": false,
     156        "value": "#000000"
     157      }
     158    },
     159    "borderHoverDarkColor": {
     160      "type": "object",
     161      "default": {
     162        "enabled": false,
     163        "value": "#f4f4f4"
     164      }
    99165    }
    100166  },
     167  "variations": [
     168    {
     169      "name": "caledros-basic-blocks/button-with-icon",
     170      "title": "Button with Icon",
     171      "description": "A customizable button with an icon.",
     172      "attributes": {
     173        "buttonType": "button-with-icon",
     174        "buttonIcon": "arrow-right-circle-fill",
     175        "buttonIconSize": 30,
     176        "buttonIconColor": "#000000",
     177        "buttonIconDarkColor": "#ffffff",
     178        "buttonIconFlexDirection": "row",
     179        "iconHoverLightColor": {
     180          "enabled": false,
     181          "value": "#000000"
     182        },
     183        "iconHoverDarkColor": {
     184          "enabled": false,
     185          "value": "#f4f4f4"
     186        }
     187      },
     188      "isActive": [
     189        "buttonType"
     190      ]
     191    }
     192  ],
    101193  "supports": {
    102194    "align": false,

  • caledros-basic-blocks/trunk/build/blocks/button/index.asset.php

    r3321999 r3335584  
    1 <?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n'), 'version' => '1f9abe8ea90613f24c20');
     1<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n'), 'version' => 'd8a94074a4e9f1bc33d5');

  • caledros-basic-blocks/trunk/build/blocks/button/index.js

    r3321999 r3335584  
    1 (()=>{"use strict";var e,t={145:()=>{const e=window.wp.blocks,t=window.wp.i18n,o=JSON.parse('{"UU":"caledros-basic-blocks/button"}'),l=window.ReactJSXRuntime,a={icon:(0,l.jsx)("svg",{width:"24",height:"24",version:"1.1",viewBox:"0 0 6.35 6.35",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("g",{transform:"translate(-96.573 -101.07)",children:(0,l.jsxs)("g",{transform:"matrix(.087396 0 0 .087396 90.571 91.268)",children:[(0,l.jsx)("path",{d:"m141.33 148.5a36.329 36.329 0 0 1-36.329 36.329 36.329 36.329 0 0 1-36.329-36.329 36.329 36.329 0 0 1 36.329-36.329 36.329 36.329 0 0 1 36.329 36.329z",fill:"#e0ebe0","stroke-width":"0"}),(0,l.jsx)("path",{d:"m138.18 148.5a33.177 33.177 0 0 1-33.177 33.177 33.177 33.177 0 0 1-33.177-33.177 33.177 33.177 0 0 1 33.177-33.177 33.177 33.177 0 0 1 33.177 33.177z",fill:"#252533","stroke-width":"0"}),(0,l.jsx)("path",{d:"m135.4 148.5a30.397 30.397 0 0 1-30.397 30.397 30.397 30.397 0 0 1-30.397-30.397 30.397 30.397 0 0 1 30.397-30.397 30.397 30.397 0 0 1 30.397 30.397z",fill:"#e0ebe0","stroke-width":"0"}),(0,l.jsxs)("g",{transform:"matrix(.90041 0 0 .90041 31.823 90.353)",fill:"#252533","stroke-width":"1.1106",children:[(0,l.jsx)("path",{d:"m93.777 55.9v9.3361c7.8313 1.1492 16.709-9.4028 15.094-9.3963z"}),(0,l.jsx)("path",{d:"m97.104 59.499c2.0783-0.03527 3.9177 0.15195 8.6289-2.233-5.125 1.0559-5.7944 0.56153-8.6392 0.57438-0.78106 0.0035-0.68526 1.6378 0.01037 1.6586z","stroke-width":"0"}),(0,l.jsx)("path",{d:"m53.478 56.801h38.884v9.3252s-3.9882 1.7008-3.4603 4.8679c0.52784 3.1671 3.1084 6.862 10.088 6.9206v7.1928h-7.2969s-4.3545-4.1057-10.865-3.8568-10.078 3.691-10.078 3.691h-7.4648v-7.3819s10.451 0.62207 9.9531-7.1331c-0.49766-7.7551-19.699-9.2481-19.699-9.2481z"})]}),(0,l.jsx)("path",{d:"m106.41 126.27a0.78523 0.78523 0 0 0-0.94136 0.59044l-2.4602 10.727a0.78523 0.78523 0 0 0 0.58951 0.94136 0.78523 0.78523 0 0 0 0.94044-0.59044l2.4611-10.727a0.78523 0.78523 0 0 0-0.58951-0.94136z",color:"#000000",fill:"#fc571b","stroke-width":"0"}),(0,l.jsx)("path",{d:"m100.45 127.77-5.9517 3.9678a0.78531 0.78531 0 0 0 0 1.3062l5.9517 3.9678a0.78523 0.78523 0 0 0 1.089-0.21724 0.78523 0.78523 0 0 0-0.21816-1.089l-4.9723-3.3152 4.9723-3.3143a0.78523 0.78523 0 0 0 0.21816-1.089 0.78523 0.78523 0 0 0-1.089-0.21724z",color:"#000000",fill:"#fc571b","stroke-width":"0"}),(0,l.jsx)("path",{d:"m109.55 127.77a0.78523 0.78523 0 0 0-1.089 0.21724 0.78523 0.78523 0 0 0 0.21816 1.089l4.9714 3.3143-4.9714 3.3152a0.78523 0.78523 0 0 0-0.21816 1.089 0.78523 0.78523 0 0 0 1.089 0.21724l5.9517-3.9678a0.78531 0.78531 0 0 0 0-1.3062z",color:"#000000",fill:"#fc571b","stroke-width":"0"})]})})})},n=window.wp.blockEditor,r=window.wp.components,s=window.wp.element,i=window.wp.data;function b({attributes:e,setAttributes:o}){const{buttonLightColor:a}=e,[b,u]=(0,s.useState)("#00000000"===a),[c,d]=(0,n.useSettings)("color.palette","color.defaultPalette"),g=c.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),p=(0,i.select)("core/editor")?.getEditorSettings(),x=p?.__experimentalFeatures?.color?.palette,h=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),_=h(x,"default"),m=h(x,"theme"),v=h(x,"custom"),$=[...d?[_]:[],m,...v.colors?[v]:[]];return(0,l.jsxs)(r.PanelBody,{title:(0,t.__)("Background color (light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use transparent background",checked:b,onChange:()=>{u((e=>!e)),o({buttonLightColor:"#00000000"})}}),!b&&(0,l.jsx)(r.ColorPalette,{colors:x?$:g,value:a,onChange:e=>o({buttonLightColor:e}),enableAlpha:!0,clearable:!1})]})}function u({attributes:e,setAttributes:o}){const{buttonDarkColor:a}=e,[b,u]=(0,s.useState)("#00000000"===a),[c,d]=(0,n.useSettings)("color.palette","color.defaultPalette"),g=c.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),p=(0,i.select)("core/editor")?.getEditorSettings(),x=p?.__experimentalFeatures?.color?.palette,h=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),_=h(x,"default"),m=h(x,"theme"),v=h(x,"custom"),$=[...d?[_]:[],m,...v.colors?[v]:[]];return(0,l.jsxs)(r.PanelBody,{title:(0,t.__)("Background color (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use transparent background",checked:b,onChange:()=>{u((e=>!e)),o({buttonDarkColor:"#00000000"})}}),!b&&(0,l.jsx)(r.ColorPalette,{colors:x?$:g,value:a,onChange:e=>o({buttonDarkColor:e}),enableAlpha:!0,clearable:!1})]})}function c({attributes:e,setAttributes:o}){const{buttonHoverLightColor:a}=e,[b,u]=(0,s.useState)("#00000000"===a),[c,d]=(0,n.useSettings)("color.palette","color.defaultPalette"),g=c.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),p=(0,i.select)("core/editor")?.getEditorSettings(),x=p?.__experimentalFeatures?.color?.palette,h=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),_=h(x,"default"),m=h(x,"theme"),v=h(x,"custom"),$=[...d?[_]:[],m,...v.colors?[v]:[]];return(0,l.jsxs)(r.PanelBody,{title:(0,t.__)("Hover color (light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use transparent background",checked:b,onChange:()=>{u((e=>!e)),o({buttonHoverLightColor:"#00000000"})}}),!b&&(0,l.jsx)(r.ColorPalette,{colors:x?$:g,value:a,onChange:e=>o({buttonHoverLightColor:e}),enableAlpha:!0,clearable:!1})]})}function d({attributes:e,setAttributes:o}){const{buttonHoverDarkColor:a}=e,[b,u]=(0,s.useState)("#00000000"===a),[c,d]=(0,n.useSettings)("color.palette","color.defaultPalette"),g=c.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),p=(0,i.select)("core/editor")?.getEditorSettings(),x=p?.__experimentalFeatures?.color?.palette,h=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),_=h(x,"default"),m=h(x,"theme"),v=h(x,"custom"),$=[...d?[_]:[],m,...v.colors?[v]:[]];return(0,l.jsxs)(r.PanelBody,{title:(0,t.__)("Hover color (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use transparent background",checked:b,onChange:()=>{u((e=>!e)),o({buttonHoverDarkColor:"#00000000"})}}),!b&&(0,l.jsx)(r.ColorPalette,{colors:x?$:g,value:a,onChange:e=>o({buttonHoverDarkColor:e}),enableAlpha:!0,clearable:!1})]})}function g({attributes:e,setAttributes:o}){const{buttonTextLightColor:a}=e,[b,u]=(0,s.useState)("#00000000"===a),[c,d]=(0,n.useSettings)("color.palette","color.defaultPalette"),g=c.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),p=(0,i.select)("core/editor")?.getEditorSettings(),x=p?.__experimentalFeatures?.color?.palette,h=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),_=h(x,"default"),m=h(x,"theme"),v=h(x,"custom"),$=[...d?[_]:[],m,...v.colors?[v]:[]];return(0,l.jsxs)(r.PanelBody,{title:(0,t.__)("Text color (light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use transparent color",checked:b,onChange:()=>{u((e=>!e)),o({buttonTextLightColor:"#00000000"})}}),!b&&(0,l.jsx)(r.ColorPalette,{colors:x?$:g,value:a,onChange:e=>o({buttonTextLightColor:e}),enableAlpha:!0,clearable:!1})]})}function p({attributes:e,setAttributes:o}){const{buttonTextDarkColor:a}=e,[b,u]=(0,s.useState)("#00000000"===a),[c,d]=(0,n.useSettings)("color.palette","color.defaultPalette"),g=c.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),p=(0,i.select)("core/editor")?.getEditorSettings(),x=p?.__experimentalFeatures?.color?.palette,h=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),_=h(x,"default"),m=h(x,"theme"),v=h(x,"custom"),$=[...d?[_]:[],m,...v.colors?[v]:[]];return(0,l.jsxs)(r.PanelBody,{title:(0,t.__)("Text color (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use transparent color",checked:b,onChange:()=>{u((e=>!e)),o({buttonTextDarkColor:"#00000000"})}}),!b&&(0,l.jsx)(r.ColorPalette,{colors:x?$:g,value:a,onChange:e=>o({buttonTextDarkColor:e}),enableAlpha:!0,clearable:!1})]})}function x({attributes:e,setAttributes:o,registeredFonts:a,getAvailableFontStyles:n,getAvailableFontWeights:s,doesFontExist:i}){const{buttonFontFamily:b,buttonFontWeight:u,buttonFontStyle:c}=e,d=a?.theme?.map((e=>({label:e.name,value:e.slug})))||[],g=a?.custom?.map((e=>({label:e?.name,value:e?.slug})))||[],p=[{label:"Default",value:""},...0!==d.length?d:[],...g&&0!==g?.length?g:[]];return(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)("Select the font family.","caledros-basic-blocks"),value:b,options:p,onChange:e=>{const t=i(e)?n(e):[],l=t.includes(c)?c:t[0],a=i(e)?s(e,l):[],r=a.includes(u)?u:a[0];o({buttonFontFamily:e,...i(e)&&l!==c&&{buttonFontStyle:l},...i(e)&&r!==u&&{buttonFontWeight:r}})}})}function h({attributes:e,setAttributes:o,getAvailableFontWeights:a}){const{buttonFontFamily:n,buttonFontWeight:s,buttonFontStyle:i}=e,b=a(n,i)?.map((e=>({label:`${e}`,value:e})));return(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)("Select the font weight.","caledros-basic-blocks"),value:s,options:b||[{label:"100",value:100},{label:"200",value:200},{label:"300",value:300},{label:"400",value:400},{label:"500",value:500},{label:"600",value:600},{label:"700",value:700},{label:"800",value:800},{label:"900",value:900}],onChange:e=>{o({buttonFontWeight:parseInt(e)})}})}function _({attributes:e,setAttributes:o,getAvailableFontStyles:a,getAvailableFontWeights:n,doesFontExist:s}){const{buttonFontFamily:i,buttonFontStyle:b,buttonFontWeight:u}=e,c=a(i)?.map((e=>({label:`${e[0].toUpperCase()}${e.slice(1)}`,value:`${e}`})));return(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)("Select the font style.","caledros-basic-blocks"),value:b,options:0===c.length?[{label:"Normal",value:"normal"},{label:"Italic",value:"italic"}]:c,onChange:e=>{const t=s(i)?n(i,e):[],l=t.includes(u)?u:t[0];o({buttonFontStyle:e,...s(i)&&u!==l&&{buttonFontWeight:l}})}})}function m({attributes:e,setAttributes:o}){const[a]=(0,n.useSettings)("typography.fontFamilies"),{theme:s=[],custom:i=[]}=a||{},b=[...s,...i],u=e=>b.some((t=>t?.slug===e)),c=e=>{const t=b.find((t=>t?.slug===e)),o=t?.fontFace?.map((e=>e?.fontStyle))||[];return[...new Set(o)]},d=(e,t)=>{const o=b.find((t=>t?.slug===e)),l=o?.fontFace?.filter((e=>e?.fontStyle===t)),a=l?.map((e=>{if(e?.fontWeight?.includes(" ")){const[t,o]=e?.fontWeight.split(" ").map((e=>parseInt(e))),l=[];for(let e=t;e<=o;e+=100)l.push(e);return l}return parseInt(e?.fontWeight)})).flat().sort(((e,t)=>e-t));return a};return(0,l.jsxs)(r.PanelBody,{title:(0,t.__)("Typography","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(x,{attributes:e,setAttributes:o,registeredFonts:a,getAvailableFontStyles:c,getAvailableFontWeights:d,doesFontExist:u}),(0,l.jsx)(_,{attributes:e,setAttributes:o,getAvailableFontStyles:c,getAvailableFontWeights:d,doesFontExist:u}),(0,l.jsx)(h,{attributes:e,setAttributes:o,getAvailableFontWeights:d})]})}function v({attributes:e,setAttributes:o}){const{buttonBorder:a}=e,b=a.darkColor.split(" "),u=b[0]||"#000",c=b[1]||"#000",d=b[2]||"#000",g=b[3]||"#000",[p,x]=(0,s.useState)(!!a.darkColor.includes(" ")),[h,_]=(0,n.useSettings)("color.palette","color.defaultPalette"),m=h.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),v=(0,i.select)("core/editor")?.getEditorSettings(),$=v?.__experimentalFeatures?.color?.palette,f=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),C=f($,"default"),j=f($,"theme"),S=f($,"custom"),k=[..._?[C]:[],j,...S.colors?[S]:[]];return(0,l.jsxs)(r.PanelBody,{title:(0,t.__)("Border color (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border colors for each side",checked:p,onChange:()=>{const e=!p;x(e),o(e?{buttonBorder:{...a,darkColor:"#000 #000 #000 #000"}}:{buttonBorder:{...a,darkColor:"#000"}})}}),!p&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,t.__)("Choose the border color","caledros-basic-blocks")}),(0,l.jsx)(r.ColorPalette,{colors:$?k:m,value:a.darkColor,onChange:e=>o({buttonBorder:{...a,darkColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0})]}),p&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,t.__)("Choose a color for the top border","caledros-basic-blocks")}),(0,l.jsx)(r.ColorPalette,{colors:$?k:m,value:u,onChange:e=>{o({buttonBorder:{...a,darkColor:`${e||"#00000000"} ${c} ${d} ${g}`}})},enableAlpha:!0,clearable:!0}),(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,t.__)("Choose a color for the right border","caledros-basic-blocks")}),(0,l.jsx)(r.ColorPalette,{colors:$?k:m,value:c,onChange:e=>{o({buttonBorder:{...a,darkColor:`${u} ${e||"#00000000"} ${d} ${g}`}})},enableAlpha:!0,clearable:!0}),(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,t.__)("Choose a color for the bottom border","caledros-basic-blocks")}),(0,l.jsx)(r.ColorPalette,{colors:$?k:m,value:d,onChange:e=>{o({buttonBorder:{...a,darkColor:`${u} ${c} ${e||"#00000000"} ${g}`}})},enableAlpha:!0,clearable:!0}),(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,t.__)("Choose a color for the left border","caledros-basic-blocks")}),(0,l.jsx)(r.ColorPalette,{colors:$?k:m,value:g,onChange:e=>{o({buttonBorder:{...a,darkColor:`${u} ${c} ${d} ${e||"#00000000"}`}})},enableAlpha:!0,clearable:!0})]})]})}function $({attributes:e,setAttributes:o}){const{buttonBorder:a}=e,b=a.lightColor.split(" "),u=b[0]||"#000",c=b[1]||"#000",d=b[2]||"#000",g=b[3]||"#000",[p,x]=(0,s.useState)(!!a.lightColor.includes(" ")),[h,_]=(0,n.useSettings)("color.palette","color.defaultPalette"),m=h.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),v=(0,i.select)("core/editor")?.getEditorSettings(),$=v?.__experimentalFeatures?.color?.palette,f=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),C=f($,"default"),j=f($,"theme"),S=f($,"custom"),k=[..._?[C]:[],j,...S.colors?[S]:[]];return(0,l.jsxs)(r.PanelBody,{title:(0,t.__)("Border color (light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border colors for each side",checked:p,onChange:()=>{const e=!p;x(e),o(e?{buttonBorder:{...a,lightColor:"#000 #000 #000 #000"}}:{buttonBorder:{...a,lightColor:"#000"}})}}),!p&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,t.__)("Choose the border color","caledros-basic-blocks")}),(0,l.jsx)(r.ColorPalette,{colors:$?k:m,value:a.lightColor,onChange:e=>o({buttonBorder:{...a,lightColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0})]}),p&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,t.__)("Choose a color for the top border","caledros-basic-blocks")}),(0,l.jsx)(r.ColorPalette,{colors:$?k:m,value:u,onChange:e=>{o({buttonBorder:{...a,lightColor:`${e||"#00000000"} ${c} ${d} ${g}`}})},enableAlpha:!0,clearable:!0}),(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,t.__)("Choose a color for the right border","caledros-basic-blocks")}),(0,l.jsx)(r.ColorPalette,{colors:$?k:m,value:c,onChange:e=>{o({buttonBorder:{...a,lightColor:`${u} ${e||"#00000000"} ${d} ${g}`}})},enableAlpha:!0,clearable:!0}),(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,t.__)("Choose a color for the bottom border","caledros-basic-blocks")}),(0,l.jsx)(r.ColorPalette,{colors:$?k:m,value:d,onChange:e=>{o({buttonBorder:{...a,lightColor:`${u} ${c} ${e||"#00000000"} ${g}`}})},enableAlpha:!0,clearable:!0}),(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,t.__)("Choose a color for the left border","caledros-basic-blocks")}),(0,l.jsx)(r.ColorPalette,{colors:$?k:m,value:g,onChange:e=>{o({buttonBorder:{...a,lightColor:`${u} ${c} ${d} ${e||"#00000000"}`}})},enableAlpha:!0,clearable:!0})]})]})}function f({attributes:e,setAttributes:o}){const{buttonBorder:a}=e,n=a.radius.split(" "),i=parseInt(n[0])||0,b=parseInt(n[1])||0,u=parseInt(n[2])||0,c=parseInt(n[3])||0,d=a.radius.split(" "),g=d[0]?d[0].replace(/\d+/g,""):"px",p=d[1]?d[1].replace(/\d+/g,""):"px",x=d[2]?d[2].replace(/\d+/g,""):"px",h=d[3]?d[3].replace(/\d+/g,""):"px",[_,m]=(0,s.useState)(!!a.radius.includes(" ")),v=(e,t)=>"%"===e&&t>100?100:t;return(0,l.jsxs)(r.PanelBody,{title:(0,t.__)("Border radius","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border radiuses for each corner",checked:_,onChange:()=>{const e=!_;m(e),o(e?{buttonBorder:{...a,radius:"10px 10px 10px 10px"}}:{buttonBorder:{...a,radius:"10px"}})}}),!_&&(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,help:(0,t.__)(`Please select the border radius (${g}) for the button.`,"caledros-basic-blocks"),value:parseInt(a.radius),max:"%"===g?100:150,min:0,step:1,onChange:e=>{o({buttonBorder:{...a,radius:`${e}${g}`}})}}),(0,l.jsx)(r.SelectControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,value:g,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{o({buttonBorder:{...a,radius:`${v(e,parseInt(a.radius))}${e}`}})}})]}),_&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,help:(0,t.__)(`Please select the top-left border radius (${g}).`,"caledros-basic-blocks"),value:i,max:"%"===g?100:150,min:0,step:1,onChange:e=>{o({buttonBorder:{...a,radius:`${e}${g} ${b}${p} ${u}${x} ${c}${h}`}})}}),(0,l.jsx)(r.SelectControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,value:g,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{o({buttonBorder:{...a,radius:`${v(e,i)}${e} ${b}${p} ${u}${x} ${c}${h}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,help:(0,t.__)(`Please select the top-right border radius (${p}).`,"caledros-basic-blocks"),value:b,max:"%"===p?100:150,min:0,step:1,onChange:e=>{o({buttonBorder:{...a,radius:`${i}${g} ${e}${p} ${u}${x} ${c}${h}`}})}}),(0,l.jsx)(r.SelectControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,value:p,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{o({buttonBorder:{...a,radius:`${i}${g} ${v(e,b)}${e} ${u}${x} ${c}${h}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,help:(0,t.__)(`Please select the bottom-right border radius (${x}).`,"caledros-basic-blocks"),value:u,max:"%"===x?100:150,min:0,step:1,onChange:e=>{o({buttonBorder:{...a,radius:`${i}${g} ${b}${p} ${e}${x} ${c}${h}`}})}}),(0,l.jsx)(r.SelectControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,value:x,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{o({buttonBorder:{...a,radius:`${i}${g} ${b}${p} ${v(e,u)}${e} ${c}${h}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,help:(0,t.__)(`Please select the bottom-left border radius (${h}).`,"caledros-basic-blocks"),value:c,max:"%"===h?100:150,min:0,step:1,onChange:e=>{o({buttonBorder:{...a,radius:`${i}${g} ${b}${p} ${u}${x} ${e}${h}`}})}}),(0,l.jsx)(r.SelectControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,value:h,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{o({buttonBorder:{...a,radius:`${i}${g} ${b}${p} ${u}${x} ${v(e,c)}${e}`}})}})]})]})]})}function C({attributes:e,setAttributes:o}){const{buttonBorder:a}=e,n=a.style.split(" "),i=n[0]||"solid",b=n[1]||"none",u=n[2]||"none",c=n[3]||"none",[d,g]=(0,s.useState)(!!a.style.includes(" "));return(0,l.jsxs)(r.PanelBody,{title:(0,t.__)("Border style","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border styles for each side",checked:d,onChange:()=>{const e=!d;g(e),o(e?{buttonBorder:{...a,style:"solid none none none"}}:{buttonBorder:{...a,style:"solid"}})}}),!d&&(0,l.jsx)(r.SelectControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,help:(0,t.__)("Choose the border style.","caledros-basic-blocks"),value:a.style,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{o({buttonBorder:{...a,style:e}})}}),d&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(r.SelectControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,help:(0,t.__)("Choose the style for the top border.","caledros-basic-blocks"),value:i,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{o({buttonBorder:{...a,style:`${e} ${b} ${u} ${c}`}})}}),(0,l.jsx)(r.SelectControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,help:(0,t.__)("Choose the style for the right border.","caledros-basic-blocks"),value:b,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{o({buttonBorder:{...a,style:`${i} ${e} ${u} ${c}`}})}}),(0,l.jsx)(r.SelectControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,help:(0,t.__)("Choose the style for the bottom border.","caledros-basic-blocks"),value:u,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{o({buttonBorder:{...a,style:`${i} ${b} ${e} ${c}`}})}}),(0,l.jsx)(r.SelectControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,help:(0,t.__)("Choose the style for the left border.","caledros-basic-blocks"),value:c,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{o({buttonBorder:{...a,style:`${i} ${b} ${u} ${e}`}})}})]})]})}function j({attributes:e,setAttributes:o}){const{buttonBorder:a}=e,n=a.width.split(" "),i=parseInt(n[0])||0,b=parseInt(n[1])||0,u=parseInt(n[2])||0,c=parseInt(n[3])||0,[d,g]=(0,s.useState)(!!a.width.includes(" "));return(0,l.jsxs)(r.PanelBody,{title:(0,t.__)("Border width","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border widths for each side",checked:d,onChange:()=>{const e=!d;g(e),o(e?{buttonBorder:{...a,width:"1px 1px 1px 1px"}}:{buttonBorder:{...a,width:"1px"}})}}),!d&&(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)("Please select the border width (px) for the button.","caledros-basic-blocks"),value:parseInt(a.width),max:50,min:0,step:1,onChange:e=>{o({buttonBorder:{...a,width:`${e}px`}})}}),d&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)("Please select the top border width (px) for the button.","caledros-basic-blocks"),value:i,max:50,min:0,step:1,onChange:e=>{o({buttonBorder:{...a,width:`${e}px ${b}px ${u}px ${c}px`}})}}),(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)("Please select the right border width (px) for the button.","caledros-basic-blocks"),value:b,max:50,min:0,step:1,onChange:e=>{o({buttonBorder:{...a,width:`${i}px ${e}px ${u}px ${c}px`}})}}),(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)("Please select the bottom border width (px) for the button.","caledros-basic-blocks"),value:u,max:50,min:0,step:1,onChange:e=>{o({buttonBorder:{...a,width:`${i}px ${b}px ${e}px ${c}px`}})}}),(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)("Please select the left border width (px) for the button.","caledros-basic-blocks"),value:c,max:50,min:0,step:1,onChange:e=>{o({buttonBorder:{...a,width:`${i}px ${b}px ${u}px ${e}px`}})}})]})]})}function S({attributes:e,setAttributes:o}){const{buttonText:a}=e;return(0,l.jsx)(r.PanelBody,{title:(0,t.__)("Button text","caledros-basic-blocks"),initialOpen:!1,children:(0,l.jsx)(r.TextControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,help:(0,t.__)("Type the text for the button.","caledros-basic-blocks"),value:a,onChange:e=>{o({buttonText:e})}})})}function k({attributes:e,setAttributes:o}){const{buttonLink:a}=e;return(0,l.jsx)(r.PanelBody,{title:(0,t.__)("Button link","caledros-basic-blocks"),initialOpen:!1,children:(0,l.jsx)(r.TextControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,help:(0,t.__)("Paste the link for the button.","caledros-basic-blocks"),value:a,onChange:e=>{o({buttonLink:e})}})})}function B({attributes:e,setAttributes:o}){const{buttonMargin:a}=e,n=parseInt(a.top)||0,s=parseInt(a.left)||0,i=parseInt(a.bottom)||0,b=parseInt(a.right)||0,u=a.top.replace(/\d+/g,""),c=a.left.replace(/\d+/g,""),d=a.bottom.replace(/\d+/g,""),g=a.right.replace(/\d+/g,""),p=(e,t)=>"auto"===e?"":["%","vw"].includes(e)&&t>100?100:t;return(0,l.jsxs)(r.PanelBody,{title:(0,t.__)("Margin","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,t.__)("Enable different margins","caledros-basic-blocks"),checked:a.differentMarginsEnabled,onChange:e=>{o({buttonMargin:{...a,differentMarginsEnabled:e}})}}),!a.differentMarginsEnabled&&(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)(`Please select the margin (${u}) for the button.`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(u)?100:500,min:0,step:1,onChange:e=>{o({buttonMargin:{...a,top:`${"auto"===u?"":e}${u}`}})},disabled:"auto"===u}),(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:u,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{o({buttonMargin:{...a,top:`${p(e,n)}${e}`}})}})]}),a.differentMarginsEnabled&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)(`Please select the top margin (${u}) for the button.`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(u)?100:500,min:0,step:1,onChange:e=>{o({buttonMargin:{...a,top:`${"auto"===u?"":e}${u}`}})},disabled:"auto"===u}),(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:u,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{o({buttonMargin:{...a,top:`${p(e,n)}${e}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)(`Please select the right margin (${g}) for the button.`,"caledros-basic-blocks"),value:b,max:["%","vw"].includes(g)?100:500,min:0,step:1,onChange:e=>{o({buttonMargin:{...a,right:`${"auto"===g?"":e}${g}`}})},disabled:"auto"===g}),(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:g,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{o({buttonMargin:{...a,right:`${p(e,b)}${e}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)(`Please select the bottom margin (${d}) for the button.`,"caledros-basic-blocks"),value:i,max:["%","vw"].includes(d)?100:500,min:0,step:1,onChange:e=>{o({buttonMargin:{...a,bottom:`${"auto"===d?"":e}${d}`}})},disabled:"auto"===d}),(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:d,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{o({buttonMargin:{...a,bottom:`${p(e,i)}${e}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)(`Please select the left margin (${c}) for the button.`,"caledros-basic-blocks"),value:s,max:["%","vw"].includes(c)?100:500,min:0,step:1,onChange:e=>{o({buttonMargin:{...a,left:`${"auto"===c?"":e}${c}`}})},disabled:"auto"===c}),(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:c,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{o({buttonMargin:{...a,left:`${p(e,s)}${e}`}})}})]})]})]})}function w({attributes:e,setAttributes:o}){const{buttonPadding:a}=e,n=parseInt(a.top)||0,s=parseInt(a.left)||0,i=parseInt(a.bottom)||0,b=parseInt(a.right)||0,u=a.top.replace(/\d+/g,""),c=a.left.replace(/\d+/g,""),d=a.bottom.replace(/\d+/g,""),g=a.right.replace(/\d+/g,""),p=(e,t)=>["%","vw"].includes(e)&&t>100?100:t;return(0,l.jsxs)(r.PanelBody,{title:(0,t.__)("Padding","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,t.__)("Use global padding","caledros-basic-blocks"),help:(0,t.__)("This option applies predefined padding to the right and left sides of the block, ensuring consistency across the entire site. To adjust this padding, navigate to the Layout section in the Full Site Editor.","caledros-basic-blocks"),checked:a.useGlobalPadding,onChange:e=>{o({buttonPadding:{...a,useGlobalPadding:e}})}}),!a.useGlobalPadding&&(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,t.__)("Enable different paddings","caledros-basic-blocks"),checked:a.differentPaddingsEnabled,onChange:e=>{o({buttonPadding:{...a,differentPaddingsEnabled:e}})}}),!a.differentPaddingsEnabled&&!a.useGlobalPadding&&(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)(`Please select the padding (${u}) for the button`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(u)?100:500,min:0,step:1,onChange:e=>{o({buttonPadding:{...a,top:`${e}${u}`}})}}),(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:u,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{o({buttonPadding:{...a,top:`${p(e,n)}${e}`}})}})]}),a.differentPaddingsEnabled&&!a.useGlobalPadding&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)(`Please select the top padding (${u}) for the button`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(u)?100:500,min:0,step:1,onChange:e=>{o({buttonPadding:{...a,top:`${e}${u}`}})}}),(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:u,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{o({buttonPadding:{...a,top:`${p(e,n)}${e}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)(`Please select the right padding (${g}) for the button`,"caledros-basic-blocks"),value:b,max:["%","vw"].includes(g)?100:500,min:0,step:1,onChange:e=>{o({buttonPadding:{...a,right:`${e}${g}`}})}}),(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:g,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{o({buttonPadding:{...a,right:`${p(e,b)}${e}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)(`Please select the bottom padding (${d}) for the button`,"caledros-basic-blocks"),value:i,max:["%","vw"].includes(d)?100:500,min:0,step:1,onChange:e=>{o({buttonPadding:{...a,bottom:`${e}${d}`}})}}),(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:d,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{o({buttonPadding:{...a,bottom:`${p(e,i)}${e}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)(`Please select the left padding (${c}) for the button`,"caledros-basic-blocks"),value:s,max:["%","vw"].includes(c)?100:500,min:0,step:1,onChange:e=>{o({buttonPadding:{...a,left:`${e}${c}`}})}}),(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:c,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{o({buttonPadding:{...a,left:`${p(e,s)}${e}`}})}})]})]})]})}function N({attributes:e,setAttributes:o}){const{buttonLetterSpacing:a}=e,[n,i]=(0,s.useState)("normal"===a),b=a.replace(/[\d.]+/g,"")||"px",u=["px","em","rem"].includes(b)?b:"px",c=e=>"px"===e?parseInt(a)||0:parseFloat(a)||0,d=(e,t)=>"px"!==e&&t>10?10:t;return(0,l.jsxs)(r.PanelBody,{title:(0,t.__)("Letter spacing","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,t.__)("Use normal letter spacing","caledros-basic-blocks"),checked:n,onChange:()=>{const e=n?"0":"normal";i((e=>!e)),o({buttonLetterSpacing:`${e}${"normal"===e?"":u}`})}}),!n&&(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)(`Please select the custom letter spacing (${u}).`,"caledros-basic-blocks"),value:parseFloat(a)||0,max:"px"===u?50:10,min:0,step:"px"===u?1:.01,onChange:e=>{o({buttonLetterSpacing:`${d(u,e)}${u}`})}}),(0,l.jsx)(r.SelectControl,{__nextHasNoMarginBottom:!0,value:u,options:[{label:"px",value:"px"},{label:"em",value:"em"},{label:"rem",value:"rem"}],onChange:e=>{o({buttonLetterSpacing:`${d(e,c(e))}${e}`})}})]})]})}function y({attributes:e,setAttributes:o}){const{buttonFontSize:a}=e,[b,u]=(0,n.useSettings)("typography.fontSizes","typography.defaultFontSizes"),c=b?.map((e=>({label:`${e.name} (${e.size})`,value:`var(--wp--preset--font-size--${e.slug})`}))),d=(0,i.select)("core/editor")?.getEditorSettings()?.__experimentalFeatures?.typography?.fontSizes,g=(e,t)=>e?.[t]?.map((e=>({label:`${e.name} (${e.size})`,value:`var(--wp--preset--font-size--${e.slug})`}))),p=g(d,"default"),x=g(d,"theme"),h=g(d,"custom"),_=[...u?[p]:[],x,...h&&0!==h?.length?[h]:[]].flat(),m=()=>d?[...p?.map((e=>e.value))||[],...x?.map((e=>e.value))||[],...h?.map((e=>e.value))||[]]:b?.map((e=>e.value)),v=a.replace(/[\d.]+/g,"")||"px",$=["px","em","rem","vw","vh"].includes(v)?v:"px",f=e=>"px"===e?parseInt(a)||0:parseFloat(a)||0,C=(e,t)=>["vw","vh"].includes(e)&&t>100?100:t,[j,S]=(0,s.useState)(!m().includes(a));return(0,l.jsxs)(r.PanelBody,{title:(0,t.__)("Font size","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use custom font size",checked:j,onChange:()=>S((e=>!e))}),!j&&(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)("Select the font size.","caledros-basic-blocks"),value:m().includes(a)?a:"",options:[{disabled:!0,label:"Select an option",value:""},...d?_:c],onChange:e=>{o({buttonFontSize:e})}}),j&&(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)(`Please select the custom font size (${$}).`,"caledros-basic-blocks"),value:m().includes(a)?0:parseFloat(a),max:"vw"===$||"vh"===$?100:200,min:0,step:"px"===$?1:.01,onChange:e=>{o({buttonFontSize:`${C($,e)}${$}`})}}),(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:$,options:[{label:"px",value:"px"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"vh",value:"vh"}],onChange:e=>{o({buttonFontSize:`${C(e,f(e))}${e}`})}})]})]})}(0,e.registerBlockType)(o.UU,{icon:a.icon,edit:function({attributes:e,setAttributes:t}){const{buttonText:o,buttonLightColor:a,buttonDarkColor:s,buttonHoverLightColor:i,buttonHoverDarkColor:x,buttonTextLightColor:h,buttonTextDarkColor:_,buttonFontFamily:P,buttonFontWeight:M,buttonFontStyle:F,buttonFontSize:D,buttonLetterSpacing:H,buttonBorder:z,buttonMargin:A,buttonPadding:T}=e,O=(0,n.useBlockProps)({className:"cbb-button",style:{"--cbb-button-light-color":a,"--cbb-button-dark-color":s,"--cbb-button-hover-light-color":i,"--cbb-button-hover-dark-color":x,"--cbb-button-text-light-color":h,"--cbb-button-text-dark-color":_,...""!==P&&{fontFamily:`var(--wp--preset--font-family--${P})`},fontWeight:M,fontStyle:F,fontSize:D,..."normal"!==H&&{letterSpacing:H},..."0px"!==z.width&&"none"!==z.style&&("#00000000"!==z.lightColor||"#00000000"!==z.darkColor)&&{borderStyle:z.style},..."0px"!==z.width&&"none"!==z.style&&("#00000000"!==z.lightColor||"#00000000"!==z.darkColor)&&{borderWidth:z.width},..."0px"!==z.width&&"none"!==z.style&&"#00000000"!==z.lightColor&&{"--cbb-button-light-border-color":z.lightColor},..."0px"!==z.width&&"none"!==z.style&&"#00000000"!==z.darkColor&&{"--cbb-button-dark-border-color":z.darkColor},..."0px"!==z.radius&&"0%"!==z.radius&&{borderRadius:z.radius},margin:A.differentMarginsEnabled?`${A.top} ${A.right} ${A.bottom} ${A.left}`:`${A.top}`,padding:T.differentPaddingsEnabled?`${T.top} ${T.right} ${T.bottom} ${T.left}`:`${T.top}`}});return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(n.InspectorControls,{children:(0,l.jsx)(r.TabPanel,{activeClass:"cbb-active-tab",tabs:[{name:"content",title:"Content"},{name:"style",title:"Style"},{name:"additional",title:"Additional"}],children:o=>"content"===o.name?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(S,{attributes:e,setAttributes:t}),(0,l.jsx)(k,{attributes:e,setAttributes:t}),(0,l.jsx)(m,{attributes:e,setAttributes:t}),(0,l.jsx)(y,{attributes:e,setAttributes:t}),(0,l.jsx)(N,{attributes:e,setAttributes:t})]}):"style"===o.name?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(b,{attributes:e,setAttributes:t}),(0,l.jsx)(u,{attributes:e,setAttributes:t}),(0,l.jsx)(c,{attributes:e,setAttributes:t}),(0,l.jsx)(d,{attributes:e,setAttributes:t}),(0,l.jsx)(g,{attributes:e,setAttributes:t}),(0,l.jsx)(p,{attributes:e,setAttributes:t})]}):"additional"===o.name?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(C,{attributes:e,setAttributes:t}),(0,l.jsx)(j,{attributes:e,setAttributes:t}),(0,l.jsx)($,{attributes:e,setAttributes:t}),(0,l.jsx)(v,{attributes:e,setAttributes:t}),(0,l.jsx)(f,{attributes:e,setAttributes:t}),(0,l.jsx)(B,{attributes:e,setAttributes:t}),(0,l.jsx)(w,{attributes:e,setAttributes:t})]}):null})}),(0,l.jsx)("a",{...O,children:o})]})},save:function({attributes:e}){const{buttonText:t,buttonLink:o,buttonLightColor:a,buttonDarkColor:r,buttonHoverLightColor:s,buttonHoverDarkColor:i,buttonTextLightColor:b,buttonTextDarkColor:u,buttonFontFamily:c,buttonFontWeight:d,buttonFontStyle:g,buttonFontSize:p,buttonLetterSpacing:x,buttonBorder:h,buttonMargin:_,buttonPadding:m}=e,v=n.useBlockProps.save({className:"cbb-button",style:{"--cbb-button-light-color":a,"--cbb-button-dark-color":r,"--cbb-button-hover-light-color":s,"--cbb-button-hover-dark-color":i,"--cbb-button-text-light-color":b,"--cbb-button-text-dark-color":u,...""!==c&&{fontFamily:`var(--wp--preset--font-family--${c})`},fontWeight:d,fontStyle:g,fontSize:p,..."0px"!==h.width&&"none"!==h.style&&("#00000000"!==h.lightColor||"#00000000"!==h.darkColor)&&{borderStyle:h.style},..."0px"!==h.width&&"none"!==h.style&&("#00000000"!==h.lightColor||"#00000000"!==h.darkColor)&&{borderWidth:h.width},..."0px"!==h.width&&"none"!==h.style&&"#00000000"!==h.lightColor&&{"--cbb-button-light-border-color":h.lightColor},..."0px"!==h.width&&"none"!==h.style&&"#00000000"!==h.darkColor&&{"--cbb-button-dark-border-color":h.darkColor},..."0px"!==h.radius&&"0%"!==h.radius&&{borderRadius:h.radius},..."normal"!==x&&{letterSpacing:x},margin:_.differentMarginsEnabled?`${_.top} ${_.right} ${_.bottom} ${_.left}`:`${_.top}`,padding:m.differentPaddingsEnabled?`${m.top} ${m.right} ${m.bottom} ${m.left}`:`${m.top}`}});return(0,l.jsx)("a",{...v,href:o,children:t})}})}},o={};function l(e){var a=o[e];if(void 0!==a)return a.exports;var n=o[e]={exports:{}};return t[e](n,n.exports,l),n.exports}l.m=t,e=[],l.O=(t,o,a,n)=>{if(!o){var r=1/0;for(u=0;u<e.length;u++){for(var[o,a,n]=e[u],s=!0,i=0;i<o.length;i++)(!1&n||r>=n)&&Object.keys(l.O).every((e=>l.O[e](o[i])))?o.splice(i--,1):(s=!1,n<r&&(r=n));if(s){e.splice(u--,1);var b=a();void 0!==b&&(t=b)}}return t}n=n||0;for(var u=e.length;u>0&&e[u-1][2]>n;u--)e[u]=e[u-1];e[u]=[o,a,n]},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={985:0,941:0};l.O.j=t=>0===e[t];var t=(t,o)=>{var a,n,[r,s,i]=o,b=0;if(r.some((t=>0!==e[t]))){for(a in s)l.o(s,a)&&(l.m[a]=s[a]);if(i)var u=i(l)}for(t&&t(o);b<r.length;b++)n=r[b],l.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return l.O(u)},o=globalThis.webpackChunkcaledros_basic_blocks=globalThis.webpackChunkcaledros_basic_blocks||[];o.forEach(t.bind(null,0)),o.push=t.bind(null,o.push.bind(o))})();var a=l.O(void 0,[941],(()=>l(145)));a=l.O(a)})();
     1(()=>{"use strict";var e,t={708:()=>{const e=window.wp.blocks,t=window.wp.i18n,o=JSON.parse('{"UU":"caledros-basic-blocks/button"}'),l=window.ReactJSXRuntime,a={icon:(0,l.jsx)("svg",{width:"24",height:"24",version:"1.1",viewBox:"0 0 6.35 6.35",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("g",{transform:"translate(-96.573 -101.07)",children:(0,l.jsxs)("g",{transform:"matrix(.087396 0 0 .087396 90.571 91.268)",children:[(0,l.jsx)("path",{d:"m141.33 148.5a36.329 36.329 0 0 1-36.329 36.329 36.329 36.329 0 0 1-36.329-36.329 36.329 36.329 0 0 1 36.329-36.329 36.329 36.329 0 0 1 36.329 36.329z",fill:"#e0ebe0","stroke-width":"0"}),(0,l.jsx)("path",{d:"m138.18 148.5a33.177 33.177 0 0 1-33.177 33.177 33.177 33.177 0 0 1-33.177-33.177 33.177 33.177 0 0 1 33.177-33.177 33.177 33.177 0 0 1 33.177 33.177z",fill:"#252533","stroke-width":"0"}),(0,l.jsx)("path",{d:"m135.4 148.5a30.397 30.397 0 0 1-30.397 30.397 30.397 30.397 0 0 1-30.397-30.397 30.397 30.397 0 0 1 30.397-30.397 30.397 30.397 0 0 1 30.397 30.397z",fill:"#e0ebe0","stroke-width":"0"}),(0,l.jsxs)("g",{transform:"matrix(.90041 0 0 .90041 31.823 90.353)",fill:"#252533","stroke-width":"1.1106",children:[(0,l.jsx)("path",{d:"m93.777 55.9v9.3361c7.8313 1.1492 16.709-9.4028 15.094-9.3963z"}),(0,l.jsx)("path",{d:"m97.104 59.499c2.0783-0.03527 3.9177 0.15195 8.6289-2.233-5.125 1.0559-5.7944 0.56153-8.6392 0.57438-0.78106 0.0035-0.68526 1.6378 0.01037 1.6586z","stroke-width":"0"}),(0,l.jsx)("path",{d:"m53.478 56.801h38.884v9.3252s-3.9882 1.7008-3.4603 4.8679c0.52784 3.1671 3.1084 6.862 10.088 6.9206v7.1928h-7.2969s-4.3545-4.1057-10.865-3.8568-10.078 3.691-10.078 3.691h-7.4648v-7.3819s10.451 0.62207 9.9531-7.1331c-0.49766-7.7551-19.699-9.2481-19.699-9.2481z"})]}),(0,l.jsx)("path",{d:"m106.41 126.27a0.78523 0.78523 0 0 0-0.94136 0.59044l-2.4602 10.727a0.78523 0.78523 0 0 0 0.58951 0.94136 0.78523 0.78523 0 0 0 0.94044-0.59044l2.4611-10.727a0.78523 0.78523 0 0 0-0.58951-0.94136z",color:"#000000",fill:"#fc571b","stroke-width":"0"}),(0,l.jsx)("path",{d:"m100.45 127.77-5.9517 3.9678a0.78531 0.78531 0 0 0 0 1.3062l5.9517 3.9678a0.78523 0.78523 0 0 0 1.089-0.21724 0.78523 0.78523 0 0 0-0.21816-1.089l-4.9723-3.3152 4.9723-3.3143a0.78523 0.78523 0 0 0 0.21816-1.089 0.78523 0.78523 0 0 0-1.089-0.21724z",color:"#000000",fill:"#fc571b","stroke-width":"0"}),(0,l.jsx)("path",{d:"m109.55 127.77a0.78523 0.78523 0 0 0-1.089 0.21724 0.78523 0.78523 0 0 0 0.21816 1.089l4.9714 3.3143-4.9714 3.3152a0.78523 0.78523 0 0 0-0.21816 1.089 0.78523 0.78523 0 0 0 1.089 0.21724l5.9517-3.9678a0.78531 0.78531 0 0 0 0-1.3062z",color:"#000000",fill:"#fc571b","stroke-width":"0"})]})})})},r=window.wp.blockEditor,n=window.wp.components,s=window.wp.element,i=window.wp.data;function b({attributes:e,setAttributes:o}){const{buttonLightColor:a}=e,[b,c]=(0,s.useState)("#00000000"===a),[u,d]=(0,r.useSettings)("color.palette","color.defaultPalette"),g=u.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),h=(0,i.select)("core/editor")?.getEditorSettings(),p=h?.__experimentalFeatures?.color?.palette,x=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),v=x(p,"default"),m=x(p,"theme"),_=x(p,"custom"),C=[...d?[v]:[],m,..._.colors?[_]:[]];return(0,l.jsxs)(n.PanelBody,{title:(0,t.__)("Background color (light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(n.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use transparent background",checked:b,onChange:()=>{c((e=>!e)),o({buttonLightColor:"#00000000"})}}),!b&&(0,l.jsx)(n.ColorPalette,{colors:p?C:g,value:a,onChange:e=>o({buttonLightColor:e}),enableAlpha:!0,clearable:!1})]})}function c({attributes:e,setAttributes:o}){const{buttonDarkColor:a}=e,[b,c]=(0,s.useState)("#00000000"===a),[u,d]=(0,r.useSettings)("color.palette","color.defaultPalette"),g=u.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),h=(0,i.select)("core/editor")?.getEditorSettings(),p=h?.__experimentalFeatures?.color?.palette,x=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),v=x(p,"default"),m=x(p,"theme"),_=x(p,"custom"),C=[...d?[v]:[],m,..._.colors?[_]:[]];return(0,l.jsxs)(n.PanelBody,{title:(0,t.__)("Background color (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(n.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use transparent background",checked:b,onChange:()=>{c((e=>!e)),o({buttonDarkColor:"#00000000"})}}),!b&&(0,l.jsx)(n.ColorPalette,{colors:p?C:g,value:a,onChange:e=>o({buttonDarkColor:e}),enableAlpha:!0,clearable:!1})]})}function u({attributes:e,setAttributes:o}){const{buttonHoverLightColor:a}=e,[b,c]=(0,s.useState)("#00000000"===a),[u,d]=(0,r.useSettings)("color.palette","color.defaultPalette"),g=u.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),h=(0,i.select)("core/editor")?.getEditorSettings(),p=h?.__experimentalFeatures?.color?.palette,x=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),v=x(p,"default"),m=x(p,"theme"),_=x(p,"custom"),C=[...d?[v]:[],m,..._.colors?[_]:[]];return(0,l.jsxs)(n.PanelBody,{title:(0,t.__)("Hover bg color (light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(n.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use transparent background",checked:b,onChange:()=>{c((e=>!e)),o({buttonHoverLightColor:"#00000000"})}}),!b&&(0,l.jsx)(n.ColorPalette,{colors:p?C:g,value:a,onChange:e=>o({buttonHoverLightColor:e}),enableAlpha:!0,clearable:!1})]})}function d({attributes:e,setAttributes:o}){const{buttonHoverDarkColor:a}=e,[b,c]=(0,s.useState)("#00000000"===a),[u,d]=(0,r.useSettings)("color.palette","color.defaultPalette"),g=u.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),h=(0,i.select)("core/editor")?.getEditorSettings(),p=h?.__experimentalFeatures?.color?.palette,x=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),v=x(p,"default"),m=x(p,"theme"),_=x(p,"custom"),C=[...d?[v]:[],m,..._.colors?[_]:[]];return(0,l.jsxs)(n.PanelBody,{title:(0,t.__)("Hover bg color (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(n.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use transparent background",checked:b,onChange:()=>{c((e=>!e)),o({buttonHoverDarkColor:"#00000000"})}}),!b&&(0,l.jsx)(n.ColorPalette,{colors:p?C:g,value:a,onChange:e=>o({buttonHoverDarkColor:e}),enableAlpha:!0,clearable:!1})]})}function g({attributes:e,setAttributes:o}){const{buttonTextLightColor:a}=e,[b,c]=(0,s.useState)("#00000000"===a),[u,d]=(0,r.useSettings)("color.palette","color.defaultPalette"),g=u.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),h=(0,i.select)("core/editor")?.getEditorSettings(),p=h?.__experimentalFeatures?.color?.palette,x=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),v=x(p,"default"),m=x(p,"theme"),_=x(p,"custom"),C=[...d?[v]:[],m,..._.colors?[_]:[]];return(0,l.jsxs)(n.PanelBody,{title:(0,t.__)("Text color (light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(n.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use transparent color",checked:b,onChange:()=>{c((e=>!e)),o({buttonTextLightColor:"#00000000"})}}),!b&&(0,l.jsx)(n.ColorPalette,{colors:p?C:g,value:a,onChange:e=>o({buttonTextLightColor:e}),enableAlpha:!0,clearable:!1})]})}function h({attributes:e,setAttributes:o}){const{buttonTextDarkColor:a}=e,[b,c]=(0,s.useState)("#00000000"===a),[u,d]=(0,r.useSettings)("color.palette","color.defaultPalette"),g=u.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),h=(0,i.select)("core/editor")?.getEditorSettings(),p=h?.__experimentalFeatures?.color?.palette,x=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),v=x(p,"default"),m=x(p,"theme"),_=x(p,"custom"),C=[...d?[v]:[],m,..._.colors?[_]:[]];return(0,l.jsxs)(n.PanelBody,{title:(0,t.__)("Text color (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(n.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use transparent color",checked:b,onChange:()=>{c((e=>!e)),o({buttonTextDarkColor:"#00000000"})}}),!b&&(0,l.jsx)(n.ColorPalette,{colors:p?C:g,value:a,onChange:e=>o({buttonTextDarkColor:e}),enableAlpha:!0,clearable:!1})]})}function p({attributes:e,setAttributes:o,registeredFonts:a,getAvailableFontStyles:r,getAvailableFontWeights:s,doesFontExist:i}){const{buttonFontFamily:b,buttonFontWeight:c,buttonFontStyle:u}=e,d=a?.theme?.map((e=>({label:e.name,value:e.slug})))||[],g=a?.custom?.map((e=>({label:e?.name,value:e?.slug})))||[],h=[{label:"Default",value:""},...0!==d.length?d:[],...g&&0!==g?.length?g:[]];return(0,l.jsx)(n.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)("Select the font family.","caledros-basic-blocks"),value:b,options:h,onChange:e=>{const t=i(e)?r(e):[],l=t.includes(u)?u:t[0],a=i(e)?s(e,l):[],n=a.includes(c)?c:a[0];o({buttonFontFamily:e,...i(e)&&l!==u&&{buttonFontStyle:l},...i(e)&&n!==c&&{buttonFontWeight:n}})}})}function x({attributes:e,setAttributes:o,getAvailableFontWeights:a}){const{buttonFontFamily:r,buttonFontWeight:s,buttonFontStyle:i}=e,b=a(r,i)?.map((e=>({label:`${e}`,value:e})));return(0,l.jsx)(n.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)("Select the font weight.","caledros-basic-blocks"),value:s,options:b||[{label:"100",value:100},{label:"200",value:200},{label:"300",value:300},{label:"400",value:400},{label:"500",value:500},{label:"600",value:600},{label:"700",value:700},{label:"800",value:800},{label:"900",value:900}],onChange:e=>{o({buttonFontWeight:parseInt(e)})}})}function v({attributes:e,setAttributes:o,getAvailableFontStyles:a,getAvailableFontWeights:r,doesFontExist:s}){const{buttonFontFamily:i,buttonFontStyle:b,buttonFontWeight:c}=e,u=a(i)?.map((e=>({label:`${e[0].toUpperCase()}${e.slice(1)}`,value:`${e}`})));return(0,l.jsx)(n.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)("Select the font style.","caledros-basic-blocks"),value:b,options:0===u.length?[{label:"Normal",value:"normal"},{label:"Italic",value:"italic"}]:u,onChange:e=>{const t=s(i)?r(i,e):[],l=t.includes(c)?c:t[0];o({buttonFontStyle:e,...s(i)&&c!==l&&{buttonFontWeight:l}})}})}function m({attributes:e,setAttributes:o}){const[a]=(0,r.useSettings)("typography.fontFamilies"),{theme:s=[],custom:i=[]}=a||{},b=[...s,...i],c=e=>b.some((t=>t?.slug===e)),u=e=>{const t=b.find((t=>t?.slug===e)),o=t?.fontFace?.map((e=>e?.fontStyle))||[];return[...new Set(o)]},d=(e,t)=>{const o=b.find((t=>t?.slug===e)),l=o?.fontFace?.filter((e=>e?.fontStyle===t)),a=l?.map((e=>{if(e?.fontWeight?.includes(" ")){const[t,o]=e?.fontWeight.split(" ").map((e=>parseInt(e))),l=[];for(let e=t;e<=o;e+=100)l.push(e);return l}return parseInt(e?.fontWeight)})).flat().sort(((e,t)=>e-t));return a};return(0,l.jsxs)(n.PanelBody,{title:(0,t.__)("Typography","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(p,{attributes:e,setAttributes:o,registeredFonts:a,getAvailableFontStyles:u,getAvailableFontWeights:d,doesFontExist:c}),(0,l.jsx)(v,{attributes:e,setAttributes:o,getAvailableFontStyles:u,getAvailableFontWeights:d,doesFontExist:c}),(0,l.jsx)(x,{attributes:e,setAttributes:o,getAvailableFontWeights:d})]})}function _({attributes:e,setAttributes:o}){const{buttonBorder:a}=e,b=a.darkColor.split(" "),c=b[0]||"#000",u=b[1]||"#000",d=b[2]||"#000",g=b[3]||"#000",[h,p]=(0,s.useState)(!!a.darkColor.includes(" ")),[x,v]=(0,r.useSettings)("color.palette","color.defaultPalette"),m=x.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),_=(0,i.select)("core/editor")?.getEditorSettings(),C=_?.__experimentalFeatures?.color?.palette,f=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),$=f(C,"default"),j=f(C,"theme"),k=f(C,"custom"),S=[...v?[$]:[],j,...k.colors?[k]:[]];return(0,l.jsxs)(n.PanelBody,{title:(0,t.__)("Border color (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(n.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border colors for each side",checked:h,onChange:()=>{const e=!h;p(e),o(e?{buttonBorder:{...a,darkColor:"#000 #000 #000 #000"}}:{buttonBorder:{...a,darkColor:"#000"}})}}),!h&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,t.__)("Choose the border color","caledros-basic-blocks")}),(0,l.jsx)(n.ColorPalette,{colors:C?S:m,value:a.darkColor,onChange:e=>o({buttonBorder:{...a,darkColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0})]}),h&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,t.__)("Choose a color for the top border","caledros-basic-blocks")}),(0,l.jsx)(n.ColorPalette,{colors:C?S:m,value:c,onChange:e=>{o({buttonBorder:{...a,darkColor:`${e||"#00000000"} ${u} ${d} ${g}`}})},enableAlpha:!0,clearable:!0}),(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,t.__)("Choose a color for the right border","caledros-basic-blocks")}),(0,l.jsx)(n.ColorPalette,{colors:C?S:m,value:u,onChange:e=>{o({buttonBorder:{...a,darkColor:`${c} ${e||"#00000000"} ${d} ${g}`}})},enableAlpha:!0,clearable:!0}),(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,t.__)("Choose a color for the bottom border","caledros-basic-blocks")}),(0,l.jsx)(n.ColorPalette,{colors:C?S:m,value:d,onChange:e=>{o({buttonBorder:{...a,darkColor:`${c} ${u} ${e||"#00000000"} ${g}`}})},enableAlpha:!0,clearable:!0}),(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,t.__)("Choose a color for the left border","caledros-basic-blocks")}),(0,l.jsx)(n.ColorPalette,{colors:C?S:m,value:g,onChange:e=>{o({buttonBorder:{...a,darkColor:`${c} ${u} ${d} ${e||"#00000000"}`}})},enableAlpha:!0,clearable:!0})]})]})}function C({attributes:e,setAttributes:o}){const{buttonBorder:a}=e,b=a.lightColor.split(" "),c=b[0]||"#000",u=b[1]||"#000",d=b[2]||"#000",g=b[3]||"#000",[h,p]=(0,s.useState)(!!a.lightColor.includes(" ")),[x,v]=(0,r.useSettings)("color.palette","color.defaultPalette"),m=x.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),_=(0,i.select)("core/editor")?.getEditorSettings(),C=_?.__experimentalFeatures?.color?.palette,f=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),$=f(C,"default"),j=f(C,"theme"),k=f(C,"custom"),S=[...v?[$]:[],j,...k.colors?[k]:[]];return(0,l.jsxs)(n.PanelBody,{title:(0,t.__)("Border color (light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(n.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border colors for each side",checked:h,onChange:()=>{const e=!h;p(e),o(e?{buttonBorder:{...a,lightColor:"#000 #000 #000 #000"}}:{buttonBorder:{...a,lightColor:"#000"}})}}),!h&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,t.__)("Choose the border color","caledros-basic-blocks")}),(0,l.jsx)(n.ColorPalette,{colors:C?S:m,value:a.lightColor,onChange:e=>o({buttonBorder:{...a,lightColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0})]}),h&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,t.__)("Choose a color for the top border","caledros-basic-blocks")}),(0,l.jsx)(n.ColorPalette,{colors:C?S:m,value:c,onChange:e=>{o({buttonBorder:{...a,lightColor:`${e||"#00000000"} ${u} ${d} ${g}`}})},enableAlpha:!0,clearable:!0}),(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,t.__)("Choose a color for the right border","caledros-basic-blocks")}),(0,l.jsx)(n.ColorPalette,{colors:C?S:m,value:u,onChange:e=>{o({buttonBorder:{...a,lightColor:`${c} ${e||"#00000000"} ${d} ${g}`}})},enableAlpha:!0,clearable:!0}),(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,t.__)("Choose a color for the bottom border","caledros-basic-blocks")}),(0,l.jsx)(n.ColorPalette,{colors:C?S:m,value:d,onChange:e=>{o({buttonBorder:{...a,lightColor:`${c} ${u} ${e||"#00000000"} ${g}`}})},enableAlpha:!0,clearable:!0}),(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,t.__)("Choose a color for the left border","caledros-basic-blocks")}),(0,l.jsx)(n.ColorPalette,{colors:C?S:m,value:g,onChange:e=>{o({buttonBorder:{...a,lightColor:`${c} ${u} ${d} ${e||"#00000000"}`}})},enableAlpha:!0,clearable:!0})]})]})}function f({attributes:e,setAttributes:o}){const{buttonBorder:a}=e,r=a.radius.split(" "),i=parseInt(r[0])||0,b=parseInt(r[1])||0,c=parseInt(r[2])||0,u=parseInt(r[3])||0,d=a.radius.split(" "),g=d[0]?d[0].replace(/\d+/g,""):"px",h=d[1]?d[1].replace(/\d+/g,""):"px",p=d[2]?d[2].replace(/\d+/g,""):"px",x=d[3]?d[3].replace(/\d+/g,""):"px",[v,m]=(0,s.useState)(!!a.radius.includes(" ")),_=(e,t)=>"%"===e&&t>100?100:t;return(0,l.jsxs)(n.PanelBody,{title:(0,t.__)("Border radius","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(n.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border radiuses for each corner",checked:v,onChange:()=>{const e=!v;m(e),o(e?{buttonBorder:{...a,radius:"10px 10px 10px 10px"}}:{buttonBorder:{...a,radius:"10px"}})}}),!v&&(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(n.RangeControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,help:(0,t.__)(`Please select the border radius (${g}) for the button.`,"caledros-basic-blocks"),value:parseInt(a.radius),max:"%"===g?100:150,min:0,step:1,onChange:e=>{o({buttonBorder:{...a,radius:`${e}${g}`}})}}),(0,l.jsx)(n.SelectControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,value:g,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{o({buttonBorder:{...a,radius:`${_(e,parseInt(a.radius))}${e}`}})}})]}),v&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(n.RangeControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,help:(0,t.__)(`Please select the top-left border radius (${g}).`,"caledros-basic-blocks"),value:i,max:"%"===g?100:150,min:0,step:1,onChange:e=>{o({buttonBorder:{...a,radius:`${e}${g} ${b}${h} ${c}${p} ${u}${x}`}})}}),(0,l.jsx)(n.SelectControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,value:g,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{o({buttonBorder:{...a,radius:`${_(e,i)}${e} ${b}${h} ${c}${p} ${u}${x}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(n.RangeControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,help:(0,t.__)(`Please select the top-right border radius (${h}).`,"caledros-basic-blocks"),value:b,max:"%"===h?100:150,min:0,step:1,onChange:e=>{o({buttonBorder:{...a,radius:`${i}${g} ${e}${h} ${c}${p} ${u}${x}`}})}}),(0,l.jsx)(n.SelectControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,value:h,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{o({buttonBorder:{...a,radius:`${i}${g} ${_(e,b)}${e} ${c}${p} ${u}${x}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(n.RangeControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,help:(0,t.__)(`Please select the bottom-right border radius (${p}).`,"caledros-basic-blocks"),value:c,max:"%"===p?100:150,min:0,step:1,onChange:e=>{o({buttonBorder:{...a,radius:`${i}${g} ${b}${h} ${e}${p} ${u}${x}`}})}}),(0,l.jsx)(n.SelectControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,value:p,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{o({buttonBorder:{...a,radius:`${i}${g} ${b}${h} ${_(e,c)}${e} ${u}${x}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(n.RangeControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,help:(0,t.__)(`Please select the bottom-left border radius (${x}).`,"caledros-basic-blocks"),value:u,max:"%"===x?100:150,min:0,step:1,onChange:e=>{o({buttonBorder:{...a,radius:`${i}${g} ${b}${h} ${c}${p} ${e}${x}`}})}}),(0,l.jsx)(n.SelectControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,value:x,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{o({buttonBorder:{...a,radius:`${i}${g} ${b}${h} ${c}${p} ${_(e,u)}${e}`}})}})]})]})]})}function $({attributes:e,setAttributes:o}){const{buttonBorder:a}=e,r=a.style.split(" "),i=r[0]||"solid",b=r[1]||"none",c=r[2]||"none",u=r[3]||"none",[d,g]=(0,s.useState)(!!a.style.includes(" "));return(0,l.jsxs)(n.PanelBody,{title:(0,t.__)("Border style","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(n.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border styles for each side",checked:d,onChange:()=>{const e=!d;g(e),o(e?{buttonBorder:{...a,style:"solid none none none"}}:{buttonBorder:{...a,style:"solid"}})}}),!d&&(0,l.jsx)(n.SelectControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,help:(0,t.__)("Choose the border style.","caledros-basic-blocks"),value:a.style,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{o({buttonBorder:{...a,style:e}})}}),d&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(n.SelectControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,help:(0,t.__)("Choose the style for the top border.","caledros-basic-blocks"),value:i,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{o({buttonBorder:{...a,style:`${e} ${b} ${c} ${u}`}})}}),(0,l.jsx)(n.SelectControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,help:(0,t.__)("Choose the style for the right border.","caledros-basic-blocks"),value:b,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{o({buttonBorder:{...a,style:`${i} ${e} ${c} ${u}`}})}}),(0,l.jsx)(n.SelectControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,help:(0,t.__)("Choose the style for the bottom border.","caledros-basic-blocks"),value:c,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{o({buttonBorder:{...a,style:`${i} ${b} ${e} ${u}`}})}}),(0,l.jsx)(n.SelectControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,help:(0,t.__)("Choose the style for the left border.","caledros-basic-blocks"),value:u,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{o({buttonBorder:{...a,style:`${i} ${b} ${c} ${e}`}})}})]})]})}function j({attributes:e,setAttributes:o}){const{buttonBorder:a}=e,r=a.width.split(" "),i=parseInt(r[0])||0,b=parseInt(r[1])||0,c=parseInt(r[2])||0,u=parseInt(r[3])||0,[d,g]=(0,s.useState)(!!a.width.includes(" "));return(0,l.jsxs)(n.PanelBody,{title:(0,t.__)("Border width","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(n.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border widths for each side",checked:d,onChange:()=>{const e=!d;g(e),o(e?{buttonBorder:{...a,width:"1px 1px 1px 1px"}}:{buttonBorder:{...a,width:"1px"}})}}),!d&&(0,l.jsx)(n.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)("Please select the border width (px) for the button.","caledros-basic-blocks"),value:parseInt(a.width),max:50,min:0,step:1,onChange:e=>{o({buttonBorder:{...a,width:`${e}px`}})}}),d&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(n.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)("Please select the top border width (px) for the button.","caledros-basic-blocks"),value:i,max:50,min:0,step:1,onChange:e=>{o({buttonBorder:{...a,width:`${e}px ${b}px ${c}px ${u}px`}})}}),(0,l.jsx)(n.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)("Please select the right border width (px) for the button.","caledros-basic-blocks"),value:b,max:50,min:0,step:1,onChange:e=>{o({buttonBorder:{...a,width:`${i}px ${e}px ${c}px ${u}px`}})}}),(0,l.jsx)(n.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)("Please select the bottom border width (px) for the button.","caledros-basic-blocks"),value:c,max:50,min:0,step:1,onChange:e=>{o({buttonBorder:{...a,width:`${i}px ${b}px ${e}px ${u}px`}})}}),(0,l.jsx)(n.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)("Please select the left border width (px) for the button.","caledros-basic-blocks"),value:u,max:50,min:0,step:1,onChange:e=>{o({buttonBorder:{...a,width:`${i}px ${b}px ${c}px ${e}px`}})}})]})]})}function k({attributes:e,setAttributes:o}){const{buttonText:a}=e;return(0,l.jsx)(n.PanelBody,{title:(0,t.__)("Button text","caledros-basic-blocks"),initialOpen:!1,children:(0,l.jsx)(n.TextControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,help:(0,t.__)("Type the text for the button.","caledros-basic-blocks"),value:a,onChange:e=>{o({buttonText:e})}})})}function S({attributes:e,setAttributes:o}){const{buttonLink:a}=e;return(0,l.jsx)(n.PanelBody,{title:(0,t.__)("Button link","caledros-basic-blocks"),initialOpen:!1,children:(0,l.jsx)(n.TextControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,help:(0,t.__)("Paste the link for the button.","caledros-basic-blocks"),value:a,onChange:e=>{o({buttonLink:e})}})})}function w({attributes:e,setAttributes:o}){const{buttonMargin:a}=e,r=parseInt(a.top)||0,s=parseInt(a.left)||0,i=parseInt(a.bottom)||0,b=parseInt(a.right)||0,c=a.top.replace(/\d+/g,""),u=a.left.replace(/\d+/g,""),d=a.bottom.replace(/\d+/g,""),g=a.right.replace(/\d+/g,""),h=(e,t)=>"auto"===e?"":["%","vw"].includes(e)&&t>100?100:t;return(0,l.jsxs)(n.PanelBody,{title:(0,t.__)("Margin","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(n.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,t.__)("Enable different margins","caledros-basic-blocks"),checked:a.differentMarginsEnabled,onChange:e=>{o({buttonMargin:{...a,differentMarginsEnabled:e}})}}),!a.differentMarginsEnabled&&(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(n.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)(`Please select the margin (${c}) for the button.`,"caledros-basic-blocks"),value:r,max:["%","vw"].includes(c)?100:500,min:0,step:1,onChange:e=>{o({buttonMargin:{...a,top:`${"auto"===c?"":e}${c}`}})},disabled:"auto"===c}),(0,l.jsx)(n.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:c,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{o({buttonMargin:{...a,top:`${h(e,r)}${e}`}})}})]}),a.differentMarginsEnabled&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(n.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)(`Please select the top margin (${c}) for the button.`,"caledros-basic-blocks"),value:r,max:["%","vw"].includes(c)?100:500,min:0,step:1,onChange:e=>{o({buttonMargin:{...a,top:`${"auto"===c?"":e}${c}`}})},disabled:"auto"===c}),(0,l.jsx)(n.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:c,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{o({buttonMargin:{...a,top:`${h(e,r)}${e}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(n.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)(`Please select the right margin (${g}) for the button.`,"caledros-basic-blocks"),value:b,max:["%","vw"].includes(g)?100:500,min:0,step:1,onChange:e=>{o({buttonMargin:{...a,right:`${"auto"===g?"":e}${g}`}})},disabled:"auto"===g}),(0,l.jsx)(n.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:g,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{o({buttonMargin:{...a,right:`${h(e,b)}${e}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(n.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)(`Please select the bottom margin (${d}) for the button.`,"caledros-basic-blocks"),value:i,max:["%","vw"].includes(d)?100:500,min:0,step:1,onChange:e=>{o({buttonMargin:{...a,bottom:`${"auto"===d?"":e}${d}`}})},disabled:"auto"===d}),(0,l.jsx)(n.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:d,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{o({buttonMargin:{...a,bottom:`${h(e,i)}${e}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(n.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)(`Please select the left margin (${u}) for the button.`,"caledros-basic-blocks"),value:s,max:["%","vw"].includes(u)?100:500,min:0,step:1,onChange:e=>{o({buttonMargin:{...a,left:`${"auto"===u?"":e}${u}`}})},disabled:"auto"===u}),(0,l.jsx)(n.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:u,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{o({buttonMargin:{...a,left:`${h(e,s)}${e}`}})}})]})]})]})}function B({attributes:e,setAttributes:o}){const{buttonPadding:a}=e,r=parseInt(a.top)||0,s=parseInt(a.left)||0,i=parseInt(a.bottom)||0,b=parseInt(a.right)||0,c=a.top.replace(/\d+/g,""),u=a.left.replace(/\d+/g,""),d=a.bottom.replace(/\d+/g,""),g=a.right.replace(/\d+/g,""),h=(e,t)=>["%","vw"].includes(e)&&t>100?100:t;return(0,l.jsxs)(n.PanelBody,{title:(0,t.__)("Padding","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(n.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,t.__)("Use global padding","caledros-basic-blocks"),help:(0,t.__)("This option applies predefined padding to the right and left sides of the block, ensuring consistency across the entire site. To adjust this padding, navigate to the Layout section in the Full Site Editor.","caledros-basic-blocks"),checked:a.useGlobalPadding,onChange:e=>{o({buttonPadding:{...a,useGlobalPadding:e}})}}),!a.useGlobalPadding&&(0,l.jsx)(n.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,t.__)("Enable different paddings","caledros-basic-blocks"),checked:a.differentPaddingsEnabled,onChange:e=>{o({buttonPadding:{...a,differentPaddingsEnabled:e}})}}),!a.differentPaddingsEnabled&&!a.useGlobalPadding&&(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(n.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)(`Please select the padding (${c}) for the button`,"caledros-basic-blocks"),value:r,max:["%","vw"].includes(c)?100:500,min:0,step:1,onChange:e=>{o({buttonPadding:{...a,top:`${e}${c}`}})}}),(0,l.jsx)(n.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:c,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{o({buttonPadding:{...a,top:`${h(e,r)}${e}`}})}})]}),a.differentPaddingsEnabled&&!a.useGlobalPadding&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(n.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)(`Please select the top padding (${c}) for the button`,"caledros-basic-blocks"),value:r,max:["%","vw"].includes(c)?100:500,min:0,step:1,onChange:e=>{o({buttonPadding:{...a,top:`${e}${c}`}})}}),(0,l.jsx)(n.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:c,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{o({buttonPadding:{...a,top:`${h(e,r)}${e}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(n.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)(`Please select the right padding (${g}) for the button`,"caledros-basic-blocks"),value:b,max:["%","vw"].includes(g)?100:500,min:0,step:1,onChange:e=>{o({buttonPadding:{...a,right:`${e}${g}`}})}}),(0,l.jsx)(n.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:g,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{o({buttonPadding:{...a,right:`${h(e,b)}${e}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(n.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)(`Please select the bottom padding (${d}) for the button`,"caledros-basic-blocks"),value:i,max:["%","vw"].includes(d)?100:500,min:0,step:1,onChange:e=>{o({buttonPadding:{...a,bottom:`${e}${d}`}})}}),(0,l.jsx)(n.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:d,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{o({buttonPadding:{...a,bottom:`${h(e,i)}${e}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(n.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)(`Please select the left padding (${u}) for the button`,"caledros-basic-blocks"),value:s,max:["%","vw"].includes(u)?100:500,min:0,step:1,onChange:e=>{o({buttonPadding:{...a,left:`${e}${u}`}})}}),(0,l.jsx)(n.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:u,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{o({buttonPadding:{...a,left:`${h(e,s)}${e}`}})}})]})]})]})}function A({attributes:e,setAttributes:o}){const{buttonLetterSpacing:a}=e,[r,i]=(0,s.useState)("normal"===a),b=a.replace(/[\d.]+/g,"")||"px",c=["px","em","rem"].includes(b)?b:"px",u=e=>"px"===e?parseInt(a)||0:parseFloat(a)||0,d=(e,t)=>"px"!==e&&t>10?10:t;return(0,l.jsxs)(n.PanelBody,{title:(0,t.__)("Letter spacing","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(n.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,t.__)("Use normal letter spacing","caledros-basic-blocks"),checked:r,onChange:()=>{const e=r?"0":"normal";i((e=>!e)),o({buttonLetterSpacing:`${e}${"normal"===e?"":c}`})}}),!r&&(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(n.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)(`Please select the custom letter spacing (${c}).`,"caledros-basic-blocks"),value:parseFloat(a)||0,max:"px"===c?50:10,min:0,step:"px"===c?1:.01,onChange:e=>{o({buttonLetterSpacing:`${d(c,e)}${c}`})}}),(0,l.jsx)(n.SelectControl,{__nextHasNoMarginBottom:!0,value:c,options:[{label:"px",value:"px"},{label:"em",value:"em"},{label:"rem",value:"rem"}],onChange:e=>{o({buttonLetterSpacing:`${d(e,u(e))}${e}`})}})]})]})}function H({attributes:e,setAttributes:o}){const{buttonFontSize:a}=e,[b,c]=(0,r.useSettings)("typography.fontSizes","typography.defaultFontSizes"),u=b?.map((e=>({label:`${e.name} (${e.size})`,value:`var(--wp--preset--font-size--${e.slug})`}))),d=(0,i.select)("core/editor")?.getEditorSettings()?.__experimentalFeatures?.typography?.fontSizes,g=(e,t)=>e?.[t]?.map((e=>({label:`${e.name} (${e.size})`,value:`var(--wp--preset--font-size--${e.slug})`}))),h=g(d,"default"),p=g(d,"theme"),x=g(d,"custom"),v=[...c?[h]:[],p,...x&&0!==x?.length?[x]:[]].flat(),m=()=>d?[...h?.map((e=>e.value))||[],...p?.map((e=>e.value))||[],...x?.map((e=>e.value))||[]]:b?.map((e=>e.value)),_=a.replace(/[\d.]+/g,"")||"px",C=["px","em","rem","vw","vh"].includes(_)?_:"px",f=e=>"px"===e?parseInt(a)||0:parseFloat(a)||0,$=(e,t)=>["vw","vh"].includes(e)&&t>100?100:t,[j,k]=(0,s.useState)(!m().includes(a));return(0,l.jsxs)(n.PanelBody,{title:(0,t.__)("Font size","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(n.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use custom font size",checked:j,onChange:()=>k((e=>!e))}),!j&&(0,l.jsx)(n.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)("Select the font size.","caledros-basic-blocks"),value:m().includes(a)?a:"",options:[{disabled:!0,label:"Select an option",value:""},...d?v:u],onChange:e=>{o({buttonFontSize:e})}}),j&&(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(n.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)(`Please select the custom font size (${C}).`,"caledros-basic-blocks"),value:m().includes(a)?0:parseFloat(a),max:"vw"===C||"vh"===C?100:200,min:0,step:"px"===C?1:.01,onChange:e=>{o({buttonFontSize:`${$(C,e)}${C}`})}}),(0,l.jsx)(n.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:C,options:[{label:"px",value:"px"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"vh",value:"vh"}],onChange:e=>{o({buttonFontSize:`${$(e,f(e))}${e}`})}})]})]})}function P({attributes:e,setAttributes:o}){const{buttonIcon:a}=e;return(0,l.jsx)(n.PanelBody,{title:(0,t.__)("Button Icon","caledros-basic-blocks"),initialOpen:!1,children:(0,l.jsx)(n.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)("Choose the icon","caledros-basic-blocks"),value:a,options:[{label:"Alarm Fill",value:"alarm-fill"},{label:"Arrow Left Circle Fill",value:"arrow-left-circle-fill"},{label:"Arrow Left Circle",value:"arrow-left-circle"},{label:"Arrow Right Circle Fill",value:"arrow-right-circle-fill"},{label:"Arrow Right Circle",value:"arrow-right-circle"},{label:"Arrow Up Left Square",value:"arrow-up-left-square"},{label:"Arrow Up Right Circle Fill",value:"arrow-up-right-circle-fill"},{label:"Arrow Up Right Circle",value:"arrow-up-right-circle"},{label:"Arrow Up Right Square Fill",value:"arrow-up-right-square-fill"},{label:"Arrow Up Right Square",value:"arrow-up-right-square"},{label:"Award",value:"award"},{label:"Battery Charging",value:"battery-charging"},{label:"Box",value:"box-seam"},{label:"Boxes",value:"boxes"},{label:"Bricks",value:"bricks"},{label:"Brightness High",value:"brightness-high"},{label:"Bug",value:"bug"},{label:"Building",value:"building"},{label:"Buildings",value:"buildings"},{label:"Chat Text",value:"chat-text"},{label:"Cloud Check",value:"cloud-check"},{label:"Cloud Sun",value:"cloud-sun"},{label:"Code",value:"code-square"},{label:"Coin",value:"coin"},{label:"Columns",value:"columns"},{label:"Columns Gap",value:"columns-gap"},{label:"Database Down",value:"database-down"},{label:"Database Up",value:"database-up"},{label:"File Bar Graph",value:"file-bar-graph"},{label:"Fire",value:"fire"},{label:"Gear",value:"gear"},{label:"Globe",value:"globe2"},{label:"Graph Down Arrow",value:"graph-down-arrow"},{label:"Graph Up Arrow",value:"graph-up-arrow"},{label:"Hourglass",value:"hourglass"},{label:"Hourglass Bottom",value:"hourglass-bottom"},{label:"Hourglass Split",value:"hourglass-split"},{label:"Hourglass Top",value:"hourglass-top"},{label:"Lightbulb",value:"lightbulb"},{label:"Magic",value:"magic"},{label:"Moon Stars",value:"moon-stars"},{label:"People Fill",value:"people-fill"},{label:"Person Circle",value:"person-circle"},{label:"Quote",value:"quote"},{label:"Robot",value:"robot"},{label:"Rocket Takeoff",value:"rocket-takeoff"},{label:"Star",value:"star"},{label:"Stars",value:"stars"},{label:"Stickies",value:"stickies"},{label:"Tools",value:"tools"},{label:"UI Checks Grid",value:"ui-checks-grid"},{label:"UI Checks",value:"ui-checks"},{label:"Umbrella Fill",value:"umbrella-fill"},{label:"Watch",value:"watch"},{label:"Wind",value:"wind"},{label:"Wrench",value:"wrench"},{label:"Wrench Adjustable",value:"wrench-adjustable"},{label:"Wrench Adjustable Circle",value:"wrench-adjustable-circle"}],onChange:e=>o({buttonIcon:e})})})}function N({attributes:e,setAttributes:o}){const{buttonIconColor:a}=e,[s,b]=(0,r.useSettings)("color.palette","color.defaultPalette"),c=s.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),u=(0,i.select)("core/editor")?.getEditorSettings(),d=u?.__experimentalFeatures?.color?.palette,g=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),h=g(d,"default"),p=g(d,"theme"),x=g(d,"custom"),v=[...b?[h]:[],p,...x.colors?[x]:[]];return(0,l.jsx)(n.PanelBody,{title:(0,t.__)("Icon color (light mode)","caledros-basic-blocks"),initialOpen:!1,children:(0,l.jsx)(n.ColorPalette,{colors:d?v:c,value:a,onChange:e=>o({buttonIconColor:e}),enableAlpha:!0,clearable:!1})})}function y({attributes:e,setAttributes:o}){const{buttonIconDarkColor:a}=e,[s,b]=(0,r.useSettings)("color.palette","color.defaultPalette"),c=s.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),u=(0,i.select)("core/editor")?.getEditorSettings(),d=u?.__experimentalFeatures?.color?.palette,g=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),h=g(d,"default"),p=g(d,"theme"),x=g(d,"custom"),v=[...b?[h]:[],p,...x.colors?[x]:[]];return(0,l.jsx)(n.PanelBody,{title:(0,t.__)("Icon color (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:(0,l.jsx)(n.ColorPalette,{colors:d?v:c,value:a,onChange:e=>o({buttonIconDarkColor:e}),enableAlpha:!0,clearable:!1})})}function D({attributes:e,setAttributes:o}){const{buttonIconSize:a}=e;return(0,l.jsx)(n.PanelBody,{title:(0,t.__)("Button Icon size","caledros-basic-blocks"),initialOpen:!1,children:(0,l.jsx)(n.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,t.__)("Adjust the size (px) of the icon","caledros-basic-blocks"),initialPosition:a,value:a,max:300,min:0,step:1,onChange:e=>o({buttonIconSize:e})})})}function F({attributes:e,setAttributes:o}){const{buttonIconFlexDirection:a}=e;return(0,l.jsx)(n.PanelBody,{title:(0,t.__)("Button flex direction","caledros-basic-blocks"),initialOpen:!1,children:(0,l.jsx)(n.SelectControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,help:(0,t.__)("Choose the flex direction for the button's items.","caledros-basic-blocks"),value:a,options:[{label:"Row (default)",value:"row"},{label:"Row reverse",value:"row-reverse"}],onChange:e=>{o({buttonIconFlexDirection:e})}})})}function M({attributes:e,setAttributes:o}){const{buttonHoverTextLightColor:a}=e,[s,b]=(0,r.useSettings)("color.palette","color.defaultPalette"),c=s.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),u=(0,i.select)("core/editor")?.getEditorSettings(),d=u?.__experimentalFeatures?.color?.palette,g=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),h=g(d,"default"),p=g(d,"theme"),x=g(d,"custom"),v=[...b?[h]:[],p,...x.colors?[x]:[]];return(0,l.jsxs)(n.PanelBody,{title:(0,t.__)("Hover text color (Light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(n.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Set a custom hover color",checked:a.enabled,onChange:e=>{o({buttonHoverTextLightColor:{...a,enabled:e}})}}),a.enabled&&(0,l.jsx)(n.ColorPalette,{colors:d?v:c,value:a.value,onChange:e=>o({buttonHoverTextLightColor:{...a,value:e}}),enableAlpha:!0,clearable:!1})]})}function z({attributes:e,setAttributes:o}){const{buttonHoverTextDarkColor:a}=e,[s,b]=(0,r.useSettings)("color.palette","color.defaultPalette"),c=s.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),u=(0,i.select)("core/editor")?.getEditorSettings(),d=u?.__experimentalFeatures?.color?.palette,g=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),h=g(d,"default"),p=g(d,"theme"),x=g(d,"custom"),v=[...b?[h]:[],p,...x.colors?[x]:[]];return(0,l.jsxs)(n.PanelBody,{title:(0,t.__)("Hover text color (Dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(n.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Set a custom hover color",checked:a.enabled,onChange:e=>{o({buttonHoverTextDarkColor:{...a,enabled:e}})}}),a.enabled&&(0,l.jsx)(n.ColorPalette,{colors:d?v:c,value:a.value,onChange:e=>o({buttonHoverTextDarkColor:{...a,value:e}}),enableAlpha:!0,clearable:!1})]})}function T({attributes:e,setAttributes:o}){const{iconHoverLightColor:a}=e,[s,b]=(0,r.useSettings)("color.palette","color.defaultPalette"),c=s.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),u=(0,i.select)("core/editor")?.getEditorSettings(),d=u?.__experimentalFeatures?.color?.palette,g=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),h=g(d,"default"),p=g(d,"theme"),x=g(d,"custom"),v=[...b?[h]:[],p,...x.colors?[x]:[]];return(0,l.jsxs)(n.PanelBody,{title:(0,t.__)("Hover icon color (light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(n.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Set a custom hover color",checked:a.enabled,onChange:e=>{o({iconHoverLightColor:{...a,enabled:e}})}}),a.enabled&&(0,l.jsx)(n.ColorPalette,{colors:d?v:c,value:a.value,onChange:e=>o({iconHoverLightColor:{...a,value:e}}),enableAlpha:!0,clearable:!1})]})}function I({attributes:e,setAttributes:o}){const{iconHoverDarkColor:a}=e,[s,b]=(0,r.useSettings)("color.palette","color.defaultPalette"),c=s.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),u=(0,i.select)("core/editor")?.getEditorSettings(),d=u?.__experimentalFeatures?.color?.palette,g=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),h=g(d,"default"),p=g(d,"theme"),x=g(d,"custom"),v=[...b?[h]:[],p,...x.colors?[x]:[]];return(0,l.jsxs)(n.PanelBody,{title:(0,t.__)("Hover icon color (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(n.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Set a custom hover color",checked:a.enabled,onChange:e=>{o({iconHoverDarkColor:{...a,enabled:e}})}}),a.enabled&&(0,l.jsx)(n.ColorPalette,{colors:d?v:c,value:a.value,onChange:e=>o({iconHoverDarkColor:{...a,value:e}}),enableAlpha:!0,clearable:!1})]})}function L({attributes:e,setAttributes:o}){const{borderHoverLightColor:a}=e,[s,b]=(0,r.useSettings)("color.palette","color.defaultPalette"),c=s.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),u=(0,i.select)("core/editor")?.getEditorSettings(),d=u?.__experimentalFeatures?.color?.palette,g=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),h=g(d,"default"),p=g(d,"theme"),x=g(d,"custom"),v=[...b?[h]:[],p,...x.colors?[x]:[]];return(0,l.jsxs)(n.PanelBody,{title:(0,t.__)("Hover border color (Light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(n.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Set a custom hover color",checked:a.enabled,onChange:e=>{o({borderHoverLightColor:{...a,enabled:e}})}}),a.enabled&&(0,l.jsx)(n.ColorPalette,{colors:d?v:c,value:a.value,onChange:e=>o({borderHoverLightColor:{...a,value:e}}),enableAlpha:!0,clearable:!1})]})}function O({attributes:e,setAttributes:o}){const{borderHoverDarkColor:a}=e,[s,b]=(0,r.useSettings)("color.palette","color.defaultPalette"),c=s.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),u=(0,i.select)("core/editor")?.getEditorSettings(),d=u?.__experimentalFeatures?.color?.palette,g=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),h=g(d,"default"),p=g(d,"theme"),x=g(d,"custom"),v=[...b?[h]:[],p,...x.colors?[x]:[]];return(0,l.jsxs)(n.PanelBody,{title:(0,t.__)("Hover border color (Dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(n.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Set a custom hover color",checked:a.enabled,onChange:e=>{o({borderHoverDarkColor:{...a,enabled:e}})}}),a.enabled&&(0,l.jsx)(n.ColorPalette,{colors:d?v:c,value:a.value,onChange:e=>o({borderHoverDarkColor:{...a,value:e}}),enableAlpha:!0,clearable:!1})]})}(0,e.registerBlockType)(o.UU,{icon:a.icon,edit:function({attributes:e,setAttributes:t}){const{buttonText:o,buttonLightColor:a,buttonDarkColor:s,buttonHoverLightColor:i,buttonHoverDarkColor:p,buttonTextLightColor:x,buttonTextDarkColor:v,buttonFontFamily:R,buttonFontWeight:E,buttonFontStyle:U,buttonFontSize:W,buttonLetterSpacing:G,buttonBorder:q,buttonMargin:J,buttonPadding:Q,buttonType:X,buttonIcon:K,buttonIconSize:V,buttonIconColor:Y,buttonIconDarkColor:Z,buttonIconFlexDirection:ee,buttonHoverTextLightColor:te,buttonHoverTextDarkColor:oe,iconHoverLightColor:le,iconHoverDarkColor:ae,borderHoverLightColor:re,borderHoverDarkColor:ne}=e,se=["cbb-button","button-with-icon"===X?"cbb-button-with-icon":"",te.enabled?"cbb-button--hover-text-light-color":"",oe.enabled?"cbb-button--hover-text-dark-color":"",le.enabled?"cbb-button--icon-text-light-color":"",ae.enabled?"cbb-button--icon-text-dark-color":"",re.enabled?"cbb-button--hover-border-light-color":"",ne.enabled?"cbb-button--hover-border-dark-color":""].filter((e=>e)).join(" "),ie=(0,r.useBlockProps)({className:se,style:{"--cbb-button-light-color":a,"--cbb-button-dark-color":s,"--cbb-button-hover-light-color":i,"--cbb-button-hover-dark-color":p,"--cbb-button-text-light-color":x,...te.enabled&&{"--cbb-button-hover-text-light-color":te.value},"--cbb-button-text-dark-color":v,...oe.enabled&&{"--cbb-button-hover-text-dark-color":oe.value},..."button-with-icon"===X&&{"--cbb-button-flex-direction":ee},...""!==R&&{fontFamily:`var(--wp--preset--font-family--${R})`},fontWeight:E,fontStyle:U,fontSize:W,..."normal"!==G&&{letterSpacing:G},..."0px"!==q.width&&"none"!==q.style&&("#00000000"!==q.lightColor||"#00000000"!==q.darkColor)&&{borderStyle:q.style},..."0px"!==q.width&&"none"!==q.style&&("#00000000"!==q.lightColor||"#00000000"!==q.darkColor)&&{borderWidth:q.width},..."0px"!==q.width&&"none"!==q.style&&"#00000000"!==q.lightColor&&{"--cbb-button-light-border-color":q.lightColor},..."0px"!==q.width&&"none"!==q.style&&"#00000000"!==q.darkColor&&{"--cbb-button-dark-border-color":q.darkColor},...re.enabled&&{"--cbb-button-border-hover-light-color":re.value},...ne.enabled&&{"--cbb-button-border-hover-dark-color":ne.value},..."0px"!==q.radius&&"0%"!==q.radius&&{borderRadius:q.radius},margin:J.differentMarginsEnabled?`${J.top} ${J.right} ${J.bottom} ${J.left}`:`${J.top}`,padding:Q.differentPaddingsEnabled?`${Q.top} ${Q.right} ${Q.bottom} ${Q.left}`:`${Q.top}`}});return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(r.InspectorControls,{children:(0,l.jsx)(n.TabPanel,{activeClass:"cbb-active-tab",tabs:[{name:"content",title:"Content"},{name:"style",title:"Style"},{name:"additional",title:"Additional"}],children:o=>"content"===o.name?"simple-button"===X?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(k,{attributes:e,setAttributes:t}),(0,l.jsx)(S,{attributes:e,setAttributes:t}),(0,l.jsx)(m,{attributes:e,setAttributes:t}),(0,l.jsx)(H,{attributes:e,setAttributes:t}),(0,l.jsx)(A,{attributes:e,setAttributes:t})]}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(k,{attributes:e,setAttributes:t}),(0,l.jsx)(S,{attributes:e,setAttributes:t}),(0,l.jsx)(m,{attributes:e,setAttributes:t}),(0,l.jsx)(H,{attributes:e,setAttributes:t}),(0,l.jsx)(A,{attributes:e,setAttributes:t}),(0,l.jsx)(P,{attributes:e,setAttributes:t}),(0,l.jsx)(D,{attributes:e,setAttributes:t})]}):"style"===o.name?"simple-button"===X?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(b,{attributes:e,setAttributes:t}),(0,l.jsx)(c,{attributes:e,setAttributes:t}),(0,l.jsx)(u,{attributes:e,setAttributes:t}),(0,l.jsx)(d,{attributes:e,setAttributes:t}),(0,l.jsx)(g,{attributes:e,setAttributes:t}),(0,l.jsx)(h,{attributes:e,setAttributes:t}),(0,l.jsx)(M,{attributes:e,setAttributes:t}),(0,l.jsx)(z,{attributes:e,setAttributes:t})]}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(b,{attributes:e,setAttributes:t}),(0,l.jsx)(c,{attributes:e,setAttributes:t}),(0,l.jsx)(u,{attributes:e,setAttributes:t}),(0,l.jsx)(d,{attributes:e,setAttributes:t}),(0,l.jsx)(g,{attributes:e,setAttributes:t}),(0,l.jsx)(h,{attributes:e,setAttributes:t}),(0,l.jsx)(M,{attributes:e,setAttributes:t}),(0,l.jsx)(z,{attributes:e,setAttributes:t}),(0,l.jsx)(N,{attributes:e,setAttributes:t}),(0,l.jsx)(y,{attributes:e,setAttributes:t}),(0,l.jsx)(T,{attributes:e,setAttributes:t}),(0,l.jsx)(I,{attributes:e,setAttributes:t}),(0,l.jsx)(F,{attributes:e,setAttributes:t})]}):"additional"===o.name?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)($,{attributes:e,setAttributes:t}),(0,l.jsx)(j,{attributes:e,setAttributes:t}),(0,l.jsx)(C,{attributes:e,setAttributes:t}),(0,l.jsx)(L,{attributes:e,setAttributes:t}),(0,l.jsx)(O,{attributes:e,setAttributes:t}),(0,l.jsx)(_,{attributes:e,setAttributes:t}),(0,l.jsx)(f,{attributes:e,setAttributes:t}),(0,l.jsx)(w,{attributes:e,setAttributes:t}),(0,l.jsx)(B,{attributes:e,setAttributes:t})]}):null})}),"simple-button"===X&&(0,l.jsx)("a",{...ie,children:o}),"simple-button"!==X&&(0,l.jsxs)("a",{...ie,children:[o,(0,l.jsxs)("span",{className:`cbb-button__icon cbb-button__icon--${K}`,style:{"--cbb-icon-size":`${V}px`,"--cbb-icon-color":Y,"--cbb-icon-dark-color":Z,...le.enabled&&{"--cbb-hover-icon-light-color":le.value},...ae.enabled&&{"--cbb-hover-icon-dark-color":ae.value}},children:[(0,l.jsx)("span",{className:"cbb-button__icon-container"}),(0,l.jsx)("span",{className:"cbb-button__icon-content"})]})]})]})},save:function({attributes:e}){const{buttonText:t,buttonLink:o,buttonLightColor:a,buttonDarkColor:n,buttonHoverLightColor:s,buttonHoverDarkColor:i,buttonTextLightColor:b,buttonTextDarkColor:c,buttonFontFamily:u,buttonFontWeight:d,buttonFontStyle:g,buttonFontSize:h,buttonLetterSpacing:p,buttonBorder:x,buttonMargin:v,buttonPadding:m,buttonType:_,buttonIcon:C,buttonIconSize:f,buttonIconColor:$,buttonIconDarkColor:j,buttonIconFlexDirection:k,buttonHoverTextLightColor:S,buttonHoverTextDarkColor:w,iconHoverLightColor:B,iconHoverDarkColor:A,borderHoverLightColor:H,borderHoverDarkColor:P}=e,N=["cbb-button","button-with-icon"===_?"cbb-button-with-icon":"",S.enabled?"cbb-button--hover-text-light-color":"",w.enabled?"cbb-button--hover-text-dark-color":"",B.enabled?"cbb-button--icon-text-light-color":"",A.enabled?"cbb-button--icon-text-dark-color":"",H.enabled?"cbb-button--hover-border-light-color":"",P.enabled?"cbb-button--hover-border-dark-color":""].filter((e=>e)).join(" "),y=r.useBlockProps.save({className:N,style:{"--cbb-button-light-color":a,"--cbb-button-dark-color":n,"--cbb-button-hover-light-color":s,"--cbb-button-hover-dark-color":i,"--cbb-button-text-light-color":b,...S.enabled&&{"--cbb-button-hover-text-light-color":S.value},"--cbb-button-text-dark-color":c,...w.enabled&&{"--cbb-button-hover-text-dark-color":w.value},..."button-with-icon"===_&&{"--cbb-button-flex-direction":k},...""!==u&&{fontFamily:`var(--wp--preset--font-family--${u})`},fontWeight:d,fontStyle:g,fontSize:h,..."0px"!==x.width&&"none"!==x.style&&("#00000000"!==x.lightColor||"#00000000"!==x.darkColor)&&{borderStyle:x.style},..."0px"!==x.width&&"none"!==x.style&&("#00000000"!==x.lightColor||"#00000000"!==x.darkColor)&&{borderWidth:x.width},..."0px"!==x.width&&"none"!==x.style&&"#00000000"!==x.lightColor&&{"--cbb-button-light-border-color":x.lightColor},..."0px"!==x.width&&"none"!==x.style&&"#00000000"!==x.darkColor&&{"--cbb-button-dark-border-color":x.darkColor},...H.enabled&&{"--cbb-button-border-hover-light-color":H.value},...P.enabled&&{"--cbb-button-border-hover-dark-color":P.value},..."0px"!==x.radius&&"0%"!==x.radius&&{borderRadius:x.radius},..."normal"!==p&&{letterSpacing:p},margin:v.differentMarginsEnabled?`${v.top} ${v.right} ${v.bottom} ${v.left}`:`${v.top}`,padding:m.differentPaddingsEnabled?`${m.top} ${m.right} ${m.bottom} ${m.left}`:`${m.top}`}});return(0,l.jsxs)(l.Fragment,{children:["simple-button"===_&&(0,l.jsx)("a",{...y,href:o,children:t}),"simple-button"!==_&&(0,l.jsxs)("a",{...y,href:o,children:[t,(0,l.jsxs)("span",{className:`cbb-button__icon cbb-button__icon--${C}`,style:{"--cbb-icon-size":`${f}px`,"--cbb-icon-color":$,"--cbb-icon-dark-color":j,...B.enabled&&{"--cbb-hover-icon-light-color":B.value},...A.enabled&&{"--cbb-hover-icon-dark-color":A.value}},children:[(0,l.jsx)("span",{className:"cbb-button__icon-container"}),(0,l.jsx)("span",{className:"cbb-button__icon-content"})]})]})]})}})}},o={};function l(e){var a=o[e];if(void 0!==a)return a.exports;var r=o[e]={exports:{}};return t[e](r,r.exports,l),r.exports}l.m=t,e=[],l.O=(t,o,a,r)=>{if(!o){var n=1/0;for(c=0;c<e.length;c++){for(var[o,a,r]=e[c],s=!0,i=0;i<o.length;i++)(!1&r||n>=r)&&Object.keys(l.O).every((e=>l.O[e](o[i])))?o.splice(i--,1):(s=!1,r<n&&(n=r));if(s){e.splice(c--,1);var b=a();void 0!==b&&(t=b)}}return t}r=r||0;for(var c=e.length;c>0&&e[c-1][2]>r;c--)e[c]=e[c-1];e[c]=[o,a,r]},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={985:0,941:0};l.O.j=t=>0===e[t];var t=(t,o)=>{var a,r,[n,s,i]=o,b=0;if(n.some((t=>0!==e[t]))){for(a in s)l.o(s,a)&&(l.m[a]=s[a]);if(i)var c=i(l)}for(t&&t(o);b<n.length;b++)r=n[b],l.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return l.O(c)},o=globalThis.webpackChunkcaledros_basic_blocks=globalThis.webpackChunkcaledros_basic_blocks||[];o.forEach(t.bind(null,0)),o.push=t.bind(null,o.push.bind(o))})();var a=l.O(void 0,[941],(()=>l(708)));a=l.O(a)})();

  • caledros-basic-blocks/trunk/build/blocks/button/style-index-rtl.css

    r3312194 r3335584  
    1 .cbb-button{background-color:var(--cbb-button-light-color,#333);border-color:var(--cbb-button-light-border-color,#00000000);color:var(--cbb-button-text-light-color,#333);cursor:pointer;text-decoration:none;transition:all .5s;width:-moz-fit-content;width:fit-content}.cbb-button:hover{background-color:var(--cbb-button-hover-light-color,#333);transition:all .5s}html[data-theme=dark] .cbb-button{background-color:var(--cbb-button-dark-color,#f4f4f4);border-color:var(--cbb-button-dark-border-color,#00000000);color:var(--cbb-button-text-dark-color,#333);text-decoration:none}html[data-theme=dark] .cbb-button:hover{background-color:var(--cbb-button-hover-dark-color,#333)}
     1.cbb-button{background-color:var(--cbb-button-light-color,#333);border-color:var(--cbb-button-light-border-color,#00000000);color:var(--cbb-button-text-light-color,#333);cursor:pointer;text-decoration:none;transition:all .5s;width:-moz-fit-content;width:fit-content}.cbb-button:hover{background-color:var(--cbb-button-hover-light-color,#333);transition:all .5s}.cbb-button--hover-text-light-color:hover{color:var(--cbb-button-hover-text-light-color,#f4f4f4)}.cbb-button--hover-border-light-color:hover{border-color:var(--cbb-button-border-hover-light-color,#00000000)}html[data-theme=dark] .cbb-button{background-color:var(--cbb-button-dark-color,#f4f4f4);border-color:var(--cbb-button-dark-border-color,#00000000);color:var(--cbb-button-text-dark-color,#333);text-decoration:none}html[data-theme=dark] .cbb-button:hover{background-color:var(--cbb-button-hover-dark-color,#333)}html[data-theme=dark] .cbb-button--hover-text-dark-color:hover{color:var(--cbb-button-hover-text-dark-color,#f4f4f4)}html[data-theme=dark] .cbb-button--hover-border-dark-color:hover{border-color:var(--cbb-button-border-hover-dark-color,#00000000)}.cbb-button-with-icon{align-items:center;-moz-column-gap:10px;column-gap:10px;display:flex;flex-direction:var(--cbb-button-flex-direction,row);justify-content:center}.cbb-button__icon{clip-path:inset(0 0 0 .4px);height:var(--cbb-icon-size,30px);position:relative;width:var(--cbb-icon-size,30px)}.cbb-button__icon-content{right:0;position:absolute;top:0}.cbb-button__icon-container,.cbb-button__icon-content{display:block;height:var(--cbb-icon-size,30px);width:var(--cbb-icon-size,30px)}.cbb-button__icon-container{margin-right:calc(var(--cbb-icon-size, 30px)*-1);position:relative}.cbb-button__icon-container:before{background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;filter:drop-shadow(var(--cbb-icon-size,30px) 0 var(--cbb-icon-color,#000));height:var(--cbb-icon-size,30px);right:0;position:absolute;top:0;width:var(--cbb-icon-size,30px)}.cbb-button--icon-text-light-color:hover .cbb-button__icon-container:before{filter:drop-shadow(var(--cbb-icon-size,30px) 0 var(--cbb-hover-icon-light-color,#000))}html[data-theme=dark] .cbb-button--icon-text-dark-color:hover .cbb-button__icon-container:before{filter:drop-shadow(var(--cbb-icon-size,30px) 0 var(--cbb-hover-icon-dark-color,#000))}.cbb-button__icon--alarm-fill .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYWxhcm0tZmlsbCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNNiAuNWEuNS41IDAgMCAxIC41LS41aDNhLjUuNSAwIDAgMSAwIDFIOXYxLjA3YTcuMDAxIDcuMDAxIDAgMCAxIDMuMjc0IDEyLjQ3NGwuNjAxLjYwMmEuNS41IDAgMCAxLS43MDcuNzA4bC0uNzQ2LS43NDZBNi45NyA2Ljk3IDAgMCAxIDggMTZhNi45NyA2Ljk3IDAgMCAxLTMuNDIyLS44OTJsLS43NDYuNzQ2YS41LjUgMCAwIDEtLjcwNy0uNzA4bC42MDItLjYwMkE3LjAwMSA3LjAwMSAwIDAgMSA3IDIuMDdWMWgtLjVBLjUuNSAwIDAgMSA2IC41bTIuNSA1YS41LjUgMCAwIDAtMSAwdjMuMzYybC0xLjQyOSAyLjM4YS41LjUgMCAxIDAgLjg1OC41MTVsMS41LTIuNUEuNS41IDAgMCAwIDguNSA5ek0uODYgNS4zODdBMi41IDIuNSAwIDEgMSA0LjM4NyAxLjg2IDguMDQgOC4wNCAwIDAgMCAuODYgNS4zODdNMTEuNjEzIDEuODZhMi41IDIuNSAwIDEgMSAzLjUyNyAzLjUyNyA4LjA0IDguMDQgMCAwIDAtMy41MjctMy41MjciLz4KPC9zdmc+)}.cbb-button__icon--arrow-left-circle-fill .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctbGVmdC1jaXJjbGUtZmlsbCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNOCAwYTggOCAwIDEgMCAwIDE2QTggOCAwIDAgMCA4IDBtMy41IDcuNWEuNS41IDAgMCAxIDAgMUg1LjcwN2wyLjE0NyAyLjE0NmEuNS41IDAgMCAxLS43MDguNzA4bC0zLTNhLjUuNSAwIDAgMSAwLS43MDhsMy0zYS41LjUgMCAxIDEgLjcwOC43MDhMNS43MDcgNy41eiIvPgo8L3N2Zz4=)}.cbb-button__icon--arrow-left-circle .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctbGVmdC1jaXJjbGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMSA4YTcgNyAwIDEgMCAxNCAwQTcgNyAwIDAgMCAxIDhtMTUgMEE4IDggMCAxIDEgMCA4YTggOCAwIDAgMSAxNiAwbS00LjUtLjVhLjUuNSAwIDAgMSAwIDFINS43MDdsMi4xNDcgMi4xNDZhLjUuNSAwIDAgMS0uNzA4LjcwOGwtMy0zYS41LjUgMCAwIDEgMC0uNzA4bDMtM2EuNS41IDAgMSAxIC43MDguNzA4TDUuNzA3IDcuNXoiLz4KPC9zdmc+)}.cbb-button__icon--arrow-right-circle-fill .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctcmlnaHQtY2lyY2xlLWZpbGwiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTggMGE4IDggMCAxIDEgMCAxNkE4IDggMCAwIDEgOCAwTTQuNSA3LjVhLjUuNSAwIDAgMCAwIDFoNS43OTNsLTIuMTQ3IDIuMTQ2YS41LjUgMCAwIDAgLjcwOC43MDhsMy0zYS41LjUgMCAwIDAgMC0uNzA4bC0zLTNhLjUuNSAwIDEgMC0uNzA4LjcwOEwxMC4yOTMgNy41eiIvPgo8L3N2Zz4=)}.cbb-button__icon--arrow-right-circle .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctcmlnaHQtY2lyY2xlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEgOGE3IDcgMCAxIDAgMTQgMEE3IDcgMCAwIDAgMSA4bTE1IDBBOCA4IDAgMSAxIDAgOGE4IDggMCAwIDEgMTYgME00LjUgNy41YS41LjUgMCAwIDAgMCAxaDUuNzkzbC0yLjE0NyAyLjE0NmEuNS41IDAgMCAwIC43MDguNzA4bDMtM2EuNS41IDAgMCAwIDAtLjcwOGwtMy0zYS41LjUgMCAxIDAtLjcwOC43MDhMMTAuMjkzIDcuNXoiLz4KPC9zdmc+)}.cbb-button__icon--arrow-up-left-square .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctdXAtbGVmdC1zcXVhcmUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTUgMmExIDEgMCAwIDAtMS0xSDJhMSAxIDAgMCAwLTEgMXYxMmExIDEgMCAwIDAgMSAxaDEyYTEgMSAwIDAgMCAxLTF6TTAgMmEyIDIgMCAwIDEgMi0yaDEyYTIgMiAwIDAgMSAyIDJ2MTJhMiAyIDAgMCAxLTIgMkgyYTIgMiAwIDAgMS0yLTJ6bTEwLjA5NiA4LjgwM2EuNS41IDAgMSAwIC43MDctLjcwN0w2LjcwNyA2aDIuNzY4YS41LjUgMCAxIDAgMC0xSDUuNWEuNS41IDAgMCAwLS41LjV2My45NzVhLjUuNSAwIDAgMCAxIDBWNi43MDd6Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--arrow-up-right-circle-fill .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctdXAtcmlnaHQtY2lyY2xlLWZpbGwiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTAgOGE4IDggMCAxIDAgMTYgMEE4IDggMCAwIDAgMCA4bTUuOTA0IDIuODAzYS41LjUgMCAxIDEtLjcwNy0uNzA3TDkuMjkzIDZINi41MjVhLjUuNSAwIDEgMSAwLTFIMTAuNWEuNS41IDAgMCAxIC41LjV2My45NzVhLjUuNSAwIDAgMS0xIDBWNi43MDd6Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--arrow-up-right-circle .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctdXAtcmlnaHQtY2lyY2xlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEgOGE3IDcgMCAxIDAgMTQgMEE3IDcgMCAwIDAgMSA4bTE1IDBBOCA4IDAgMSAxIDAgOGE4IDggMCAwIDEgMTYgME01Ljg1NCAxMC44MDNhLjUuNSAwIDEgMS0uNzA4LS43MDdMOS4yNDMgNkg2LjQ3NWEuNS41IDAgMSAxIDAtMWgzLjk3NWEuNS41IDAgMCAxIC41LjV2My45NzVhLjUuNSAwIDEgMS0xIDBWNi43MDd6Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--arrow-up-right-square-fill .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctdXAtcmlnaHQtc3F1YXJlLWZpbGwiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTE0IDBhMiAyIDAgMCAxIDIgMnYxMmEyIDIgMCAwIDEtMiAySDJhMiAyIDAgMCAxLTItMlYyYTIgMiAwIDAgMSAyLTJ6TTUuOTA0IDEwLjgwMyAxMCA2LjcwN3YyLjc2OGEuNS41IDAgMCAwIDEgMFY1LjVhLjUuNSAwIDAgMC0uNS0uNUg2LjUyNWEuNS41IDAgMSAwIDAgMWgyLjc2OGwtNC4wOTYgNC4wOTZhLjUuNSAwIDAgMCAuNzA3LjcwNyIvPgo8L3N2Zz4=)}.cbb-button__icon--arrow-up-right-square .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctdXAtcmlnaHQtc3F1YXJlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE1IDJhMSAxIDAgMCAwLTEtMUgyYTEgMSAwIDAgMC0xIDF2MTJhMSAxIDAgMCAwIDEgMWgxMmExIDEgMCAwIDAgMS0xek0wIDJhMiAyIDAgMCAxIDItMmgxMmEyIDIgMCAwIDEgMiAydjEyYTIgMiAwIDAgMS0yIDJIMmEyIDIgMCAwIDEtMi0yem01Ljg1NCA4LjgwM2EuNS41IDAgMSAxLS43MDgtLjcwN0w5LjI0MyA2SDYuNDc1YS41LjUgMCAxIDEgMC0xaDMuOTc1YS41LjUgMCAwIDEgLjUuNXYzLjk3NWEuNS41IDAgMSAxLTEgMFY2LjcwN3oiLz4KPC9zdmc+)}.cbb-button__icon--award .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXdhcmQiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTkuNjY5Ljg2NCA4IDAgNi4zMzEuODY0bC0xLjg1OC4yODItLjg0MiAxLjY4LTEuMzM3IDEuMzJMMi42IDZsLS4zMDYgMS44NTQgMS4zMzcgMS4zMi44NDIgMS42OCAxLjg1OC4yODJMOCAxMmwxLjY2OS0uODY0IDEuODU4LS4yODIuODQyLTEuNjggMS4zMzctMS4zMkwxMy40IDZsLjMwNi0xLjg1NC0xLjMzNy0xLjMyLS44NDItMS42OHptMS4xOTYgMS4xOTMuNjg0IDEuMzY1IDEuMDg2IDEuMDcyTDEyLjM4NyA2bC4yNDggMS41MDYtMS4wODYgMS4wNzItLjY4NCAxLjM2NS0xLjUxLjIyOUw4IDEwLjg3NGwtMS4zNTUtLjcwMi0xLjUxLS4yMjktLjY4NC0xLjM2NS0xLjA4Ni0xLjA3MkwzLjYxNCA2bC0uMjUtMS41MDYgMS4wODctMS4wNzIuNjg0LTEuMzY1IDEuNTEtLjIyOUw4IDEuMTI2bDEuMzU2LjcwMnoiLz4KICA8cGF0aCBkPSJNNCAxMS43OTRWMTZsNC0xIDQgMXYtNC4yMDZsLTIuMDE4LjMwNkw4IDEzLjEyNiA2LjAxOCAxMi4xeiIvPgo8L3N2Zz4=)}.cbb-button__icon--battery-charging .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYmF0dGVyeS1jaGFyZ2luZyIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNOS41ODUgMi41NjhhLjUuNSAwIDAgMSAuMjI2LjU4TDguNjc3IDYuODMyaDEuOTlhLjUuNSAwIDAgMSAuMzY0Ljg0M2wtNS4zMzQgNS42NjdhLjUuNSAwIDAgMS0uODQyLS40OUw1Ljk5IDkuMTY3SDRhLjUuNSAwIDAgMS0uMzY0LS44NDNsNS4zMzMtNS42NjdhLjUuNSAwIDAgMSAuNjE2LS4wOXoiLz4KICA8cGF0aCBkPSJNMiA0aDQuMzMybC0uOTQgMUgyYTEgMSAwIDAgMC0xIDF2NGExIDEgMCAwIDAgMSAxaDIuMzhsLS4zMDggMUgyYTIgMiAwIDAgMS0yLTJWNmEyIDIgMCAwIDEgMi0yIi8+CiAgPHBhdGggZD0iTTIgNmgyLjQ1TDIuOTA4IDcuNjM5QTEuNSAxLjUgMCAwIDAgMy4zMTMgMTBIMnptOC41OTUtMi0uMzA4IDFIMTJhMSAxIDAgMCAxIDEgMXY0YTEgMSAwIDAgMS0xIDFIOS4yNzZsLS45NDIgMUgxMmEyIDIgMCAwIDAgMi0yVjZhMiAyIDAgMCAwLTItMnoiLz4KICA8cGF0aCBkPSJNMTIgMTBoLTEuNzgzbDEuNTQyLTEuNjM5cS4xNDYtLjE1Ni4yNDEtLjM0em0wLTMuMzU0VjZoLS42NDZhMS41IDEuNSAwIDAgMSAuNjQ2LjY0Nk0xNiA4YTEuNSAxLjUgMCAwIDEtMS41IDEuNXYtM0ExLjUgMS41IDAgMCAxIDE2IDgiLz4KPC9zdmc+)}.cbb-button__icon--box-seam .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYm94LXNlYW0iIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTguMTg2IDEuMTEzYS41LjUgMCAwIDAtLjM3MiAwTDEuODQ2IDMuNWwyLjQwNC45NjFMMTAuNDA0IDJ6bTMuNTY0IDEuNDI2TDUuNTk2IDUgOCA1Ljk2MSAxNC4xNTQgMy41em0zLjI1IDEuNy02LjUgMi42djcuOTIybDYuNS0yLjZWNC4yNHpNNy41IDE0Ljc2MlY2LjgzOEwxIDQuMjM5djcuOTIzek03LjQ0My4xODRhMS41IDEuNSAwIDAgMSAxLjExNCAwbDcuMTI5IDIuODUyQS41LjUgMCAwIDEgMTYgMy41djguNjYyYTEgMSAwIDAgMS0uNjI5LjkyOGwtNy4xODUgMi44NzRhLjUuNSAwIDAgMS0uMzcyIDBMLjYzIDEzLjA5YTEgMSAwIDAgMS0uNjMtLjkyOFYzLjVhLjUuNSAwIDAgMSAuMzE0LS40NjR6Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--boxes .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYm94ZXMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTcuNzUyLjA2NmEuNS41IDAgMCAxIC40OTYgMGwzLjc1IDIuMTQzYS41LjUgMCAwIDEgLjI1Mi40MzR2My45OTVsMy40OTggMkEuNS41IDAgMCAxIDE2IDkuMDd2NC4yODZhLjUuNSAwIDAgMS0uMjUyLjQzNGwtMy43NSAyLjE0M2EuNS41IDAgMCAxLS40OTYgMGwtMy41MDItMi0zLjUwMiAyLjAwMWEuNS41IDAgMCAxLS40OTYgMGwtMy43NS0yLjE0M0EuNS41IDAgMCAxIDAgMTMuMzU3VjkuMDcxYS41LjUgMCAwIDEgLjI1Mi0uNDM0TDMuNzUgNi42MzhWMi42NDNhLjUuNSAwIDAgMSAuMjUyLS40MzR6TTQuMjUgNy41MDQgMS41MDggOS4wNzFsMi43NDIgMS41NjcgMi43NDItMS41Njd6TTcuNSA5LjkzM2wtMi43NSAxLjU3MXYzLjEzNGwyLjc1LTEuNTcxem0xIDMuMTM0IDIuNzUgMS41NzF2LTMuMTM0TDguNSA5LjkzM3ptLjUwOC0zLjk5NiAyLjc0MiAxLjU2NyAyLjc0Mi0xLjU2Ny0yLjc0Mi0xLjU2N3ptMi4yNDItMi40MzNWMy41MDRMOC41IDUuMDc2VjguMjF6TTcuNSA4LjIxVjUuMDc2TDQuNzUgMy41MDR2My4xMzR6TTUuMjU4IDIuNjQzIDggNC4yMWwyLjc0Mi0xLjU2N0w4IDEuMDc2ek0xNSA5LjkzM2wtMi43NSAxLjU3MXYzLjEzNEwxNSAxMy4wNjd6TTMuNzUgMTQuNjM4di0zLjEzNEwxIDkuOTMzdjMuMTM0eiIvPgo8L3N2Zz4=)}.cbb-button__icon--bricks .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYnJpY2tzIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0wIC41QS41LjUgMCAwIDEgLjUgMGgxNWEuNS41IDAgMCAxIC41LjV2M2EuNS41IDAgMCAxLS41LjVIMTR2MmgxLjVhLjUuNSAwIDAgMSAuNS41djNhLjUuNSAwIDAgMS0uNS41SDE0djJoMS41YS41LjUgMCAwIDEgLjUuNXYzYS41LjUgMCAwIDEtLjUuNUguNWEuNS41IDAgMCAxLS41LS41di0zYS41LjUgMCAwIDEgLjUtLjVIMnYtMkguNWEuNS41IDAgMCAxLS41LS41di0zQS41LjUgMCAwIDEgLjUgNkgyVjRILjVhLjUuNSAwIDAgMS0uNS0uNXpNMyA0djJoNC41VjR6bTUuNSAwdjJIMTNWNHpNMyAxMHYyaDQuNXYtMnptNS41IDB2MkgxM3YtMnpNMSAxdjJoMy41VjF6bTQuNSAwdjJoNVYxem02IDB2MkgxNVYxek0xIDd2MmgzLjVWN3ptNC41IDB2Mmg1Vjd6bTYgMHYySDE1Vjd6TTEgMTN2MmgzLjV2LTJ6bTQuNSAwdjJoNXYtMnptNiAwdjJIMTV2LTJ6Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--brightness-high .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYnJpZ2h0bmVzcy1oaWdoIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik04IDExYTMgMyAwIDEgMSAwLTYgMyAzIDAgMCAxIDAgNm0wIDFhNCA0IDAgMSAwIDAtOCA0IDQgMCAwIDAgMCA4TTggMGEuNS41IDAgMCAxIC41LjV2MmEuNS41IDAgMCAxLTEgMHYtMkEuNS41IDAgMCAxIDggMG0wIDEzYS41LjUgMCAwIDEgLjUuNXYyYS41LjUgMCAwIDEtMSAwdi0yQS41LjUgMCAwIDEgOCAxM204LTVhLjUuNSAwIDAgMS0uNS41aC0yYS41LjUgMCAwIDEgMC0xaDJhLjUuNSAwIDAgMSAuNS41TTMgOGEuNS41IDAgMCAxLS41LjVoLTJhLjUuNSAwIDAgMSAwLTFoMkEuNS41IDAgMCAxIDMgOG0xMC42NTctNS42NTdhLjUuNSAwIDAgMSAwIC43MDdsLTEuNDE0IDEuNDE1YS41LjUgMCAxIDEtLjcwNy0uNzA4bDEuNDE0LTEuNDE0YS41LjUgMCAwIDEgLjcwNyAwbS05LjE5MyA5LjE5M2EuNS41IDAgMCAxIDAgLjcwN0wzLjA1IDEzLjY1N2EuNS41IDAgMCAxLS43MDctLjcwN2wxLjQxNC0xLjQxNGEuNS41IDAgMCAxIC43MDcgMG05LjE5MyAyLjEyMWEuNS41IDAgMCAxLS43MDcgMGwtMS40MTQtMS40MTRhLjUuNSAwIDAgMSAuNzA3LS43MDdsMS40MTQgMS40MTRhLjUuNSAwIDAgMSAwIC43MDdNNC40NjQgNC40NjVhLjUuNSAwIDAgMS0uNzA3IDBMMi4zNDMgMy4wNWEuNS41IDAgMSAxIC43MDctLjcwN2wxLjQxNCAxLjQxNGEuNS41IDAgMCAxIDAgLjcwOCIvPgo8L3N2Zz4=)}.cbb-button__icon--bug .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYnVnIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik00LjM1NS41MjJhLjUuNSAwIDAgMSAuNjIzLjMzM2wuMjkxLjk1NkE1IDUgMCAwIDEgOCAxYzEuMDA3IDAgMS45NDYuMjk4IDIuNzMxLjgxMWwuMjktLjk1NmEuNS41IDAgMSAxIC45NTcuMjlsLS40MSAxLjM1MkE1IDUgMCAwIDEgMTMgNmguNWEuNS41IDAgMCAwIC41LS41VjVhLjUuNSAwIDAgMSAxIDB2LjVBMS41IDEuNSAwIDAgMSAxMy41IDdIMTN2MWgxLjVhLjUuNSAwIDAgMSAwIDFIMTN2MWguNWExLjUgMS41IDAgMCAxIDEuNSAxLjV2LjVhLjUuNSAwIDEgMS0xIDB2LS41YS41LjUgMCAwIDAtLjUtLjVIMTNhNSA1IDAgMCAxLTEwIDBoLS41YS41LjUgMCAwIDAtLjUuNXYuNWEuNS41IDAgMSAxLTEgMHYtLjVBMS41IDEuNSAwIDAgMSAyLjUgMTBIM1Y5SDEuNWEuNS41IDAgMCAxIDAtMUgzVjdoLS41QTEuNSAxLjUgMCAwIDEgMSA1LjVWNWEuNS41IDAgMCAxIDEgMHYuNWEuNS41IDAgMCAwIC41LjVIM2MwLTEuMzY0LjU0Ny0yLjYwMSAxLjQzMi0zLjUwM2wtLjQxLTEuMzUyYS41LjUgMCAwIDEgLjMzMy0uNjIzTTQgN3Y0YTQgNCAwIDAgMCAzLjUgMy45N1Y3em00LjUgMHY3Ljk3QTQgNCAwIDAgMCAxMiAxMVY3ek0xMiA2YTQgNCAwIDAgMC0xLjMzNC0yLjk4MkEzLjk4IDMuOTggMCAwIDAgOCAyYTMuOTggMy45OCAwIDAgMC0yLjY2NyAxLjAxOEE0IDQgMCAwIDAgNCA2eiIvPgo8L3N2Zz4=)}.cbb-button__icon--building .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYnVpbGRpbmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTQgMi41YS41LjUgMCAwIDEgLjUtLjVoMWEuNS41IDAgMCAxIC41LjV2MWEuNS41IDAgMCAxLS41LjVoLTFhLjUuNSAwIDAgMS0uNS0uNXptMyAwYS41LjUgMCAwIDEgLjUtLjVoMWEuNS41IDAgMCAxIC41LjV2MWEuNS41IDAgMCAxLS41LjVoLTFhLjUuNSAwIDAgMS0uNS0uNXptMy41LS41YS41LjUgMCAwIDAtLjUuNXYxYS41LjUgMCAwIDAgLjUuNWgxYS41LjUgMCAwIDAgLjUtLjV2LTFhLjUuNSAwIDAgMC0uNS0uNXpNNCA1LjVhLjUuNSAwIDAgMSAuNS0uNWgxYS41LjUgMCAwIDEgLjUuNXYxYS41LjUgMCAwIDEtLjUuNWgtMWEuNS41IDAgMCAxLS41LS41ek03LjUgNWEuNS41IDAgMCAwLS41LjV2MWEuNS41IDAgMCAwIC41LjVoMWEuNS41IDAgMCAwIC41LS41di0xYS41LjUgMCAwIDAtLjUtLjV6bTIuNS41YS41LjUgMCAwIDEgLjUtLjVoMWEuNS41IDAgMCAxIC41LjV2MWEuNS41IDAgMCAxLS41LjVoLTFhLjUuNSAwIDAgMS0uNS0uNXpNNC41IDhhLjUuNSAwIDAgMC0uNS41djFhLjUuNSAwIDAgMCAuNS41aDFhLjUuNSAwIDAgMCAuNS0uNXYtMWEuNS41IDAgMCAwLS41LS41em0yLjUuNWEuNS41IDAgMCAxIC41LS41aDFhLjUuNSAwIDAgMSAuNS41djFhLjUuNSAwIDAgMS0uNS41aC0xYS41LjUgMCAwIDEtLjUtLjV6bTMuNS0uNWEuNS41IDAgMCAwLS41LjV2MWEuNS41IDAgMCAwIC41LjVoMWEuNS41IDAgMCAwIC41LS41di0xYS41LjUgMCAwIDAtLjUtLjV6Ii8+CiAgPHBhdGggZD0iTTIgMWExIDEgMCAwIDEgMS0xaDEwYTEgMSAwIDAgMSAxIDF2MTRhMSAxIDAgMCAxLTEgMUgzYTEgMSAwIDAgMS0xLTF6bTExIDBIM3YxNGgzdi0yLjVhLjUuNSAwIDAgMSAuNS0uNWgzYS41LjUgMCAwIDEgLjUuNVYxNWgzeiIvPgo8L3N2Zz4=)}.cbb-button__icon--buildings .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYnVpbGRpbmdzIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0xNC43NjMuMDc1QS41LjUgMCAwIDEgMTUgLjV2MTVhLjUuNSAwIDAgMS0uNS41aC0zYS41LjUgMCAwIDEtLjUtLjVWMTRoLTF2MS41YS41LjUgMCAwIDEtLjUuNWgtOWEuNS41IDAgMCAxLS41LS41VjEwYS41LjUgMCAwIDEgLjM0Mi0uNDc0TDYgNy42NFY0LjVhLjUuNSAwIDAgMSAuMjc2LS40NDdsOC00YS41LjUgMCAwIDEgLjQ4Ny4wMjJNNiA4LjY5NCAxIDEwLjM2VjE1aDV6TTcgMTVoMnYtMS41YS41LjUgMCAwIDEgLjUtLjVoMmEuNS41IDAgMCAxIC41LjVWMTVoMlYxLjMwOWwtNyAzLjV6Ii8+CiAgPHBhdGggZD0iTTIgMTFoMXYxSDJ6bTIgMGgxdjFINHptLTIgMmgxdjFIMnptMiAwaDF2MUg0em00LTRoMXYxSDh6bTIgMGgxdjFoLTF6bS0yIDJoMXYxSDh6bTIgMGgxdjFoLTF6bTItMmgxdjFoLTF6bTAgMmgxdjFoLTF6TTggN2gxdjFIOHptMiAwaDF2MWgtMXptMiAwaDF2MWgtMXpNOCA1aDF2MUg4em0yIDBoMXYxaC0xem0yIDBoMXYxaC0xem0wLTJoMXYxaC0xeiIvPgo8L3N2Zz4=)}.cbb-button__icon--chat-text .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2hhdC10ZXh0IiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0yLjY3OCAxMS44OTRhMSAxIDAgMCAxIC4yODcuODAxIDExIDExIDAgMCAxLS4zOTggMmMxLjM5NS0uMzIzIDIuMjQ3LS42OTcgMi42MzQtLjg5M2ExIDEgMCAwIDEgLjcxLS4wNzRBOCA4IDAgMCAwIDggMTRjMy45OTYgMCA3LTIuODA3IDctNnMtMy4wMDQtNi03LTYtNyAyLjgwOC03IDZjMCAxLjQ2OC42MTcgMi44MyAxLjY3OCAzLjg5NG0tLjQ5MyAzLjkwNWEyMiAyMiAwIDAgMS0uNzEzLjEyOWMtLjIuMDMyLS4zNTItLjE3Ni0uMjczLS4zNjJhMTAgMTAgMCAwIDAgLjI0NC0uNjM3bC4wMDMtLjAxYy4yNDgtLjcyLjQ1LTEuNTQ4LjUyNC0yLjMxOUMuNzQzIDExLjM3IDAgOS43NiAwIDhjMC0zLjg2NiAzLjU4Mi03IDgtN3M4IDMuMTM0IDggNy0zLjU4MiA3LTggN2E5IDkgMCAwIDEtMi4zNDctLjMwNmMtLjUyLjI2My0xLjYzOS43NDItMy40NjggMS4xMDUiLz4KICA8cGF0aCBkPSJNNCA1LjVhLjUuNSAwIDAgMSAuNS0uNWg3YS41LjUgMCAwIDEgMCAxaC03YS41LjUgMCAwIDEtLjUtLjVNNCA4YS41LjUgMCAwIDEgLjUtLjVoN2EuNS41IDAgMCAxIDAgMWgtN0EuNS41IDAgMCAxIDQgOG0wIDIuNWEuNS41IDAgMCAxIC41LS41aDRhLjUuNSAwIDAgMSAwIDFoLTRhLjUuNSAwIDAgMS0uNS0uNSIvPgo8L3N2Zz4=)}.cbb-button__icon--cloud-check .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2xvdWQtY2hlY2siIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAuMzU0IDYuMTQ2YS41LjUgMCAwIDEgMCAuNzA4bC0zIDNhLjUuNSAwIDAgMS0uNzA4IDBsLTEuNS0xLjVhLjUuNSAwIDEgMSAuNzA4LS43MDhMNyA4Ljc5M2wyLjY0Ni0yLjY0N2EuNS41IDAgMCAxIC43MDggMCIvPgogIDxwYXRoIGQ9Ik00LjQwNiAzLjM0MkE1LjUzIDUuNTMgMCAwIDEgOCAyYzIuNjkgMCA0LjkyMyAyIDUuMTY2IDQuNTc5QzE0Ljc1OCA2LjgwNCAxNiA4LjEzNyAxNiA5Ljc3MyAxNiAxMS41NjkgMTQuNTAyIDEzIDEyLjY4NyAxM0gzLjc4MUMxLjcwOCAxMyAwIDExLjM2NiAwIDkuMzE4YzAtMS43NjMgMS4yNjYtMy4yMjMgMi45NDItMy41OTMuMTQzLS44NjMuNjk4LTEuNzIzIDEuNDY0LTIuMzgzbS42NTMuNzU3Yy0uNzU3LjY1My0xLjE1MyAxLjQ0LTEuMTUzIDIuMDU2di40NDhsLS40NDUuMDQ5QzIuMDY0IDYuODA1IDEgNy45NTIgMSA5LjMxOCAxIDEwLjc4NSAyLjIzIDEyIDMuNzgxIDEyaDguOTA2QzEzLjk4IDEyIDE1IDEwLjk4OCAxNSA5Ljc3M2MwLTEuMjE2LTEuMDItMi4yMjgtMi4zMTMtMi4yMjhoLS41di0uNUMxMi4xODggNC44MjUgMTAuMzI4IDMgOCAzYTQuNTMgNC41MyAwIDAgMC0yLjk0MSAxLjF6Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--cloud-sun .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2xvdWQtc3VuIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik03IDhhMy41IDMuNSAwIDAgMSAzLjUgMy41NTUuNS41IDAgMCAwIC42MjQuNDkyQTEuNTAzIDEuNTAzIDAgMCAxIDEzIDEzLjVhMS41IDEuNSAwIDAgMS0xLjUgMS41SDNhMiAyIDAgMSAxIC4xLTMuOTk4LjUuNSAwIDAgMCAuNTEtLjM3NUEzLjUgMy41IDAgMCAxIDcgOG00LjQ3MyAzYTQuNSA0LjUgMCAwIDAtOC43Mi0uOTlBMyAzIDAgMCAwIDMgMTZoOC41YTIuNSAyLjUgMCAwIDAgMC01eiIvPgogIDxwYXRoIGQ9Ik0xMC41IDEuNWEuNS41IDAgMCAwLTEgMHYxYS41LjUgMCAwIDAgMSAwem0zLjc0MyAxLjk2NGEuNS41IDAgMSAwLS43MDctLjcwN2wtLjcwOC43MDdhLjUuNSAwIDAgMCAuNzA4LjcwOHptLTcuNzc5LS43MDdhLjUuNSAwIDAgMC0uNzA3LjcwN2wuNzA3LjcwOGEuNS41IDAgMSAwIC43MDgtLjcwOHptMS43MzQgMy4zNzRhMiAyIDAgMSAxIDMuMjk2IDIuMTk4cS4zLjQyMy41MTYuODk4YTMgMyAwIDEgMC00Ljg0LTMuMjI1cS41MjkuMDE3IDEuMDI4LjEyOW00LjQ4NCA0LjA3NGMuNi4yMTUgMS4xMjUuNTkgMS41MjIgMS4wNzJhLjUuNSAwIDAgMCAuMDM5LS43NDJsLS43MDctLjcwN2EuNS41IDAgMCAwLS44NTQuMzc3TTE0LjUgNi41YS41LjUgMCAwIDAgMCAxaDFhLjUuNSAwIDAgMCAwLTF6Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--code-square .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY29kZS1zcXVhcmUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTE0IDFhMSAxIDAgMCAxIDEgMXYxMmExIDEgMCAwIDEtMSAxSDJhMSAxIDAgMCAxLTEtMVYyYTEgMSAwIDAgMSAxLTF6TTIgMGEyIDIgMCAwIDAtMiAydjEyYTIgMiAwIDAgMCAyIDJoMTJhMiAyIDAgMCAwIDItMlYyYTIgMiAwIDAgMC0yLTJ6Ii8+CiAgPHBhdGggZD0iTTYuODU0IDQuNjQ2YS41LjUgMCAwIDEgMCAuNzA4TDQuMjA3IDhsMi42NDcgMi42NDZhLjUuNSAwIDAgMS0uNzA4LjcwOGwtMy0zYS41LjUgMCAwIDEgMC0uNzA4bDMtM2EuNS41IDAgMCAxIC43MDggMG0yLjI5MiAwYS41LjUgMCAwIDAgMCAuNzA4TDExLjc5MyA4bC0yLjY0NyAyLjY0NmEuNS41IDAgMCAwIC43MDguNzA4bDMtM2EuNS41IDAgMCAwIDAtLjcwOGwtMy0zYS41LjUgMCAwIDAtLjcwOCAwIi8+Cjwvc3ZnPg==)}.cbb-button__icon--coin .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY29pbiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNNS41IDkuNTExYy4wNzYuOTU0LjgzIDEuNjk3IDIuMTgyIDEuNzg1VjEyaC42di0uNzA5YzEuNC0uMDk4IDIuMjE4LS44NDYgMi4yMTgtMS45MzIgMC0uOTg3LS42MjYtMS40OTYtMS43NDUtMS43NmwtLjQ3My0uMTEyVjUuNTdjLjYuMDY4Ljk4Mi4zOTYgMS4wNzQuODVoMS4wNTJjLS4wNzYtLjkxOS0uODY0LTEuNjM4LTIuMTI2LTEuNzE2VjRoLS42di43MTljLTEuMTk1LjExNy0yLjAxLjgzNi0yLjAxIDEuODUzIDAgLjkuNjA2IDEuNDcyIDEuNjEzIDEuNzA3bC4zOTcuMDk4djIuMDM0Yy0uNjE1LS4wOTMtMS4wMjItLjQzLTEuMTE0LS45em0yLjE3Ny0yLjE2NmMtLjU5LS4xMzctLjkxLS40MTYtLjkxLS44MzYgMC0uNDcuMzQ1LS44MjIuOTE1LS45MjV2MS43NmgtLjAwNXptLjY5MiAxLjE5M2MuNzE3LjE2NiAxLjA0OC40MzUgMS4wNDguOTEgMCAuNTQyLS40MTIuOTE0LTEuMTM1Ljk4MlY4LjUxOHoiLz4KICA8cGF0aCBkPSJNOCAxNUE3IDcgMCAxIDEgOCAxYTcgNyAwIDAgMSAwIDE0bTAgMUE4IDggMCAxIDAgOCAwYTggOCAwIDAgMCAwIDE2Ii8+CiAgPHBhdGggZD0iTTggMTMuNWE1LjUgNS41IDAgMSAxIDAtMTEgNS41IDUuNSAwIDAgMSAwIDExbTAgLjVBNiA2IDAgMSAwIDggMmE2IDYgMCAwIDAgMCAxMiIvPgo8L3N2Zz4=)}.cbb-button__icon--columns .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY29sdW1ucyIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMCAyYTEgMSAwIDAgMSAxLTFoMTRhMSAxIDAgMCAxIDEgMXYxMmExIDEgMCAwIDEtMSAxSDFhMSAxIDAgMCAxLTEtMXptOC41IDB2OEgxNVYyem0wIDl2M0gxNXYtM3ptLTEtOUgxdjNoNi41ek0xIDE0aDYuNVY2SDF6Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--columns-gap .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY29sdW1ucy1nYXAiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTYgMXYzSDFWMXpNMSAwYTEgMSAwIDAgMC0xIDF2M2ExIDEgMCAwIDAgMSAxaDVhMSAxIDAgMCAwIDEtMVYxYTEgMSAwIDAgMC0xLTF6bTE0IDEydjNoLTV2LTN6bS01LTFhMSAxIDAgMCAwLTEgMXYzYTEgMSAwIDAgMCAxIDFoNWExIDEgMCAwIDAgMS0xdi0zYTEgMSAwIDAgMC0xLTF6TTYgOHY3SDFWOHpNMSA3YTEgMSAwIDAgMC0xIDF2N2ExIDEgMCAwIDAgMSAxaDVhMSAxIDAgMCAwIDEtMVY4YTEgMSAwIDAgMC0xLTF6bTE0LTZ2N2gtNVYxem0tNS0xYTEgMSAwIDAgMC0xIDF2N2ExIDEgMCAwIDAgMSAxaDVhMSAxIDAgMCAwIDEtMVYxYTEgMSAwIDAgMC0xLTF6Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--database-down .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZGF0YWJhc2UtZG93biIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMTIuNSA5YTMuNSAzLjUgMCAxIDEgMCA3IDMuNSAzLjUgMCAwIDEgMC03bS4zNTQgNS44NTQgMS41LTEuNWEuNS41IDAgMCAwLS43MDgtLjcwOGwtLjY0Ni42NDdWMTAuNWEuNS41IDAgMCAwLTEgMHYyLjc5M2wtLjY0Ni0uNjQ3YS41LjUgMCAwIDAtLjcwOC43MDhsMS41IDEuNWEuNS41IDAgMCAwIC43MDggMCIvPgogIDxwYXRoIGQ9Ik0xMi4wOTYgNi4yMjNBNSA1IDAgMCAwIDEzIDUuNjk4VjdjMCAuMjg5LS4yMTMuNjU0LS43NTMgMS4wMDdhNC41IDQuNSAwIDAgMSAxLjc1My4yNVY0YzAtMS4wMDctLjg3NS0xLjc1NS0xLjkwNC0yLjIyM0MxMS4wMjIgMS4yODkgOS41NzMgMSA4IDFzLTMuMDIyLjI4OS00LjA5Ni43NzdDMi44NzUgMi4yNDUgMiAyLjk5MyAyIDR2OWMwIDEuMDA3Ljg3NSAxLjc1NSAxLjkwNCAyLjIyM0M0Ljk3OCAxNS43MSA2LjQyNyAxNiA4IDE2Yy41MzYgMCAxLjA1OC0uMDM0IDEuNTU1LS4wOTdhNC41IDQuNSAwIDAgMS0uODEzLS45MjdROC4zNzggMTUgOCAxNWMtMS40NjQgMC0yLjc2Ni0uMjctMy42ODItLjY4N0MzLjM1NiAxMy44NzUgMyAxMy4zNzMgMyAxM3YtMS4zMDJjLjI3MS4yMDIuNTguMzc4LjkwNC41MjVDNC45NzggMTIuNzEgNi40MjcgMTMgOCAxM2guMDI3YTQuNiA0LjYgMCAwIDEgMC0xSDhjLTEuNDY0IDAtMi43NjYtLjI3LTMuNjgyLS42ODdDMy4zNTYgMTAuODc1IDMgMTAuMzczIDMgMTBWOC42OThjLjI3MS4yMDIuNTguMzc4LjkwNC41MjVDNC45NzggOS43MSA2LjQyNyAxMCA4IDEwcS4zOTMgMCAuNzc0LS4wMjRhNC41IDQuNSAwIDAgMSAxLjEwMi0xLjEzMkM5LjI5OCA4Ljk0NCA4LjY2NiA5IDggOWMtMS40NjQgMC0yLjc2Ni0uMjctMy42ODItLjY4N0MzLjM1NiA3Ljg3NSAzIDcuMzczIDMgN1Y1LjY5OGMuMjcxLjIwMi41OC4zNzguOTA0LjUyNUM0Ljk3OCA2LjcxMSA2LjQyNyA3IDggN3MzLjAyMi0uMjg5IDQuMDk2LS43NzdNMyA0YzAtLjM3NC4zNTYtLjg3NSAxLjMxOC0xLjMxM0M1LjIzNCAyLjI3MSA2LjUzNiAyIDggMnMyLjc2Ni4yNyAzLjY4Mi42ODdDMTIuNjQ0IDMuMTI1IDEzIDMuNjI3IDEzIDRjMCAuMzc0LS4zNTYuODc1LTEuMzE4IDEuMzEzQzEwLjc2NiA1LjcyOSA5LjQ2NCA2IDggNnMtMi43NjYtLjI3LTMuNjgyLS42ODdDMy4zNTYgNC44NzUgMyA0LjM3MyAzIDQiLz4KPC9zdmc+)}.cbb-button__icon--database-up .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZGF0YWJhc2UtdXAiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEyLjUgMTZhMy41IDMuNSAwIDEgMCAwLTcgMy41IDMuNSAwIDAgMCAwIDdtLjM1NC01Ljg1NCAxLjUgMS41YS41LjUgMCAwIDEtLjcwOC43MDhMMTMgMTEuNzA3VjE0LjVhLjUuNSAwIDAgMS0xIDB2LTIuNzkzbC0uNjQ2LjY0N2EuNS41IDAgMCAxLS43MDgtLjcwOGwxLjUtMS41YS41LjUgMCAwIDEgLjcwOCAwIi8+CiAgPHBhdGggZD0iTTEyLjA5NiA2LjIyM0E1IDUgMCAwIDAgMTMgNS42OThWN2MwIC4yODktLjIxMy42NTQtLjc1MyAxLjAwN2E0LjUgNC41IDAgMCAxIDEuNzUzLjI1VjRjMC0xLjAwNy0uODc1LTEuNzU1LTEuOTA0LTIuMjIzQzExLjAyMiAxLjI4OSA5LjU3MyAxIDggMXMtMy4wMjIuMjg5LTQuMDk2Ljc3N0MyLjg3NSAyLjI0NSAyIDIuOTkzIDIgNHY5YzAgMS4wMDcuODc1IDEuNzU1IDEuOTA0IDIuMjIzQzQuOTc4IDE1LjcxIDYuNDI3IDE2IDggMTZjLjUzNiAwIDEuMDU4LS4wMzQgMS41NTUtLjA5N2E0LjUgNC41IDAgMCAxLS44MTMtLjkyN1E4LjM3OCAxNSA4IDE1Yy0xLjQ2NCAwLTIuNzY2LS4yNy0zLjY4Mi0uNjg3QzMuMzU2IDEzLjg3NSAzIDEzLjM3MyAzIDEzdi0xLjMwMmMuMjcxLjIwMi41OC4zNzguOTA0LjUyNUM0Ljk3OCAxMi43MSA2LjQyNyAxMyA4IDEzaC4wMjdhNC42IDQuNiAwIDAgMSAwLTFIOGMtMS40NjQgMC0yLjc2Ni0uMjctMy42ODItLjY4N0MzLjM1NiAxMC44NzUgMyAxMC4zNzMgMyAxMFY4LjY5OGMuMjcxLjIwMi41OC4zNzguOTA0LjUyNUM0Ljk3OCA5LjcxIDYuNDI3IDEwIDggMTBxLjM5MyAwIC43NzQtLjAyNGE0LjUgNC41IDAgMCAxIDEuMTAyLTEuMTMyQzkuMjk4IDguOTQ0IDguNjY2IDkgOCA5Yy0xLjQ2NCAwLTIuNzY2LS4yNy0zLjY4Mi0uNjg3QzMuMzU2IDcuODc1IDMgNy4zNzMgMyA3VjUuNjk4Yy4yNzEuMjAyLjU4LjM3OC45MDQuNTI1QzQuOTc4IDYuNzExIDYuNDI3IDcgOCA3czMuMDIyLS4yODkgNC4wOTYtLjc3N00zIDRjMC0uMzc0LjM1Ni0uODc1IDEuMzE4LTEuMzEzQzUuMjM0IDIuMjcxIDYuNTM2IDIgOCAyczIuNzY2LjI3IDMuNjgyLjY4N0MxMi42NDQgMy4xMjUgMTMgMy42MjcgMTMgNGMwIC4zNzQtLjM1Ni44NzUtMS4zMTggMS4zMTNDMTAuNzY2IDUuNzI5IDkuNDY0IDYgOCA2cy0yLjc2Ni0uMjctMy42ODItLjY4N0MzLjM1NiA0Ljg3NSAzIDQuMzczIDMgNCIvPgo8L3N2Zz4=)}.cbb-button__icon--file-bar-graph .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZmlsZS1iYXItZ3JhcGgiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTQuNSAxMmEuNS41IDAgMCAxLS41LS41di0yYS41LjUgMCAwIDEgLjUtLjVoMWEuNS41IDAgMCAxIC41LjV2MmEuNS41IDAgMCAxLS41LjV6bTMgMGEuNS41IDAgMCAxLS41LS41di00YS41LjUgMCAwIDEgLjUtLjVoMWEuNS41IDAgMCAxIC41LjV2NGEuNS41IDAgMCAxLS41LjV6bTMgMGEuNS41IDAgMCAxLS41LS41di02YS41LjUgMCAwIDEgLjUtLjVoMWEuNS41IDAgMCAxIC41LjV2NmEuNS41IDAgMCAxLS41LjV6Ii8+CiAgPHBhdGggZD0iTTQgMGEyIDIgMCAwIDAtMiAydjEyYTIgMiAwIDAgMCAyIDJoOGEyIDIgMCAwIDAgMi0yVjJhMiAyIDAgMCAwLTItMnptMCAxaDhhMSAxIDAgMCAxIDEgMXYxMmExIDEgMCAwIDEtMSAxSDRhMSAxIDAgMCAxLTEtMVYyYTEgMSAwIDAgMSAxLTEiLz4KPC9zdmc+)}.cbb-button__icon--fire .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZmlyZSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNOCAxNmMzLjMxNCAwIDYtMiA2LTUuNSAwLTEuNS0uNS00LTIuNS02IC4yNSAxLjUtMS4yNSAyLTEuMjUgMkMxMSA0IDkgLjUgNiAwYy4zNTcgMiAuNSA0LTIgNi0xLjI1IDEtMiAyLjcyOS0yIDQuNUMyIDE0IDQuNjg2IDE2IDggMTZtMC0xYy0xLjY1NyAwLTMtMS0zLTIuNzUgMC0uNzUuMjUtMiAxLjI1LTNDNi4xMjUgMTAgNyAxMC41IDcgMTAuNWMtLjM3NS0xLjI1LjUtMy4yNSAyLTMuNS0uMTc5IDEtLjI1IDIgMSAzIC42MjUuNSAxIDEuMzY0IDEgMi4yNUMxMSAxNCA5LjY1NyAxNSA4IDE1Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--gear .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZ2VhciIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNOCA0Ljc1NGEzLjI0NiAzLjI0NiAwIDEgMCAwIDYuNDkyIDMuMjQ2IDMuMjQ2IDAgMCAwIDAtNi40OTJNNS43NTQgOGEyLjI0NiAyLjI0NiAwIDEgMSA0LjQ5MiAwIDIuMjQ2IDIuMjQ2IDAgMCAxLTQuNDkyIDAiLz4KICA8cGF0aCBkPSJNOS43OTYgMS4zNDNjLS41MjctMS43OS0zLjA2NS0xLjc5LTMuNTkyIDBsLS4wOTQuMzE5YS44NzMuODczIDAgMCAxLTEuMjU1LjUybC0uMjkyLS4xNmMtMS42NC0uODkyLTMuNDMzLjkwMi0yLjU0IDIuNTQxbC4xNTkuMjkyYS44NzMuODczIDAgMCAxLS41MiAxLjI1NWwtLjMxOS4wOTRjLTEuNzkuNTI3LTEuNzkgMy4wNjUgMCAzLjU5MmwuMzE5LjA5NGEuODczLjg3MyAwIDAgMSAuNTIgMS4yNTVsLS4xNi4yOTJjLS44OTIgMS42NC45MDEgMy40MzQgMi41NDEgMi41NGwuMjkyLS4xNTlhLjg3My44NzMgMCAwIDEgMS4yNTUuNTJsLjA5NC4zMTljLjUyNyAxLjc5IDMuMDY1IDEuNzkgMy41OTIgMGwuMDk0LS4zMTlhLjg3My44NzMgMCAwIDEgMS4yNTUtLjUybC4yOTIuMTZjMS42NC44OTMgMy40MzQtLjkwMiAyLjU0LTIuNTQxbC0uMTU5LS4yOTJhLjg3My44NzMgMCAwIDEgLjUyLTEuMjU1bC4zMTktLjA5NGMxLjc5LS41MjcgMS43OS0zLjA2NSAwLTMuNTkybC0uMzE5LS4wOTRhLjg3My44NzMgMCAwIDEtLjUyLTEuMjU1bC4xNi0uMjkyYy44OTMtMS42NC0uOTAyLTMuNDMzLTIuNTQxLTIuNTRsLS4yOTIuMTU5YS44NzMuODczIDAgMCAxLTEuMjU1LS41MnptLTIuNjMzLjI4M2MuMjQ2LS44MzUgMS40MjgtLjgzNSAxLjY3NCAwbC4wOTQuMzE5YTEuODczIDEuODczIDAgMCAwIDIuNjkzIDEuMTE1bC4yOTEtLjE2Yy43NjQtLjQxNSAxLjYuNDIgMS4xODQgMS4xODVsLS4xNTkuMjkyYTEuODczIDEuODczIDAgMCAwIDEuMTE2IDIuNjkybC4zMTguMDk0Yy44MzUuMjQ2LjgzNSAxLjQyOCAwIDEuNjc0bC0uMzE5LjA5NGExLjg3MyAxLjg3MyAwIDAgMC0xLjExNSAyLjY5M2wuMTYuMjkxYy40MTUuNzY0LS40MiAxLjYtMS4xODUgMS4xODRsLS4yOTEtLjE1OWExLjg3MyAxLjg3MyAwIDAgMC0yLjY5MyAxLjExNmwtLjA5NC4zMThjLS4yNDYuODM1LTEuNDI4LjgzNS0xLjY3NCAwbC0uMDk0LS4zMTlhMS44NzMgMS44NzMgMCAwIDAtMi42OTItMS4xMTVsLS4yOTIuMTZjLS43NjQuNDE1LTEuNi0uNDItMS4xODQtMS4xODVsLjE1OS0uMjkxQTEuODczIDEuODczIDAgMCAwIDEuOTQ1IDguOTNsLS4zMTktLjA5NGMtLjgzNS0uMjQ2LS44MzUtMS40MjggMC0xLjY3NGwuMzE5LS4wOTRBMS44NzMgMS44NzMgMCAwIDAgMy4wNiA0LjM3N2wtLjE2LS4yOTJjLS40MTUtLjc2NC40Mi0xLjYgMS4xODUtMS4xODRsLjI5Mi4xNTlhMS44NzMgMS44NzMgMCAwIDAgMi42OTItMS4xMTV6Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--globe2 .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZ2xvYmUyIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0wIDhhOCA4IDAgMSAxIDE2IDBBOCA4IDAgMCAxIDAgOG03LjUtNi45MjNjLS42Ny4yMDQtMS4zMzUuODItMS44ODcgMS44NTVxLS4yMTUuNDAzLS4zOTUuODcyYy43MDUuMTU3IDEuNDcyLjI1NyAyLjI4Mi4yODd6TTQuMjQ5IDMuNTM5cS4yMTQtLjU3Ny40ODEtMS4wNzhhNyA3IDAgMCAxIC41OTctLjkzM0E3IDcgMCAwIDAgMy4wNTEgMy4wNXEuNTQ0LjI3NyAxLjE5OC40OXpNMy41MDkgNy41Yy4wMzYtMS4wNy4xODgtMi4wODcuNDM2LTMuMDA4YTkgOSAwIDAgMS0xLjU2NS0uNjY3QTYuOTYgNi45NiAwIDAgMCAxLjAxOCA3LjV6bTEuNC0yLjc0MWExMi4zIDEyLjMgMCAwIDAtLjQgMi43NDFINy41VjUuMDkxYy0uOTEtLjAzLTEuNzgzLS4xNDUtMi41OTEtLjMzMk04LjUgNS4wOVY3LjVoMi45OWExMi4zIDEyLjMgMCAwIDAtLjM5OS0yLjc0MWMtLjgwOC4xODctMS42ODEuMzAxLTIuNTkxLjMzMnpNNC41MSA4LjVjLjAzNS45ODcuMTc2IDEuOTE0LjM5OSAyLjc0MUExMy42IDEzLjYgMCAwIDEgNy41IDEwLjkxVjguNXptMy45OSAwdjIuNDA5Yy45MS4wMyAxLjc4My4xNDUgMi41OTEuMzMyLjIyMy0uODI3LjM2NC0xLjc1NC40LTIuNzQxem0tMy4yODIgMy42OTZxLjE4LjQ2OS4zOTUuODcyYy41NTIgMS4wMzUgMS4yMTggMS42NSAxLjg4NyAxLjg1NVYxMS45MWMtLjgxLjAzLTEuNTc3LjEzLTIuMjgyLjI4N3ptLjExIDIuMjc2YTcgNyAwIDAgMS0uNTk4LS45MzMgOSA5IDAgMCAxLS40ODEtMS4wNzkgOC40IDguNCAwIDAgMC0xLjE5OC40OSA3IDcgMCAwIDAgMi4yNzYgMS41MjJ6bS0xLjM4My0yLjk2NEExMy40IDEzLjQgMCAwIDEgMy41MDggOC41aC0yLjQ5YTYuOTYgNi45NiAwIDAgMCAxLjM2MiAzLjY3NWMuNDctLjI1OC45OTUtLjQ4MiAxLjU2NS0uNjY3bTYuNzI4IDIuOTY0YTcgNyAwIDAgMCAyLjI3NS0xLjUyMSA4LjQgOC40IDAgMCAwLTEuMTk3LS40OSA5IDkgMCAwIDEtLjQ4MSAxLjA3OCA3IDcgMCAwIDEtLjU5Ny45MzNNOC41IDExLjkwOXYzLjAxNGMuNjctLjIwNCAxLjMzNS0uODIgMS44ODctMS44NTVxLjIxNi0uNDAzLjM5NS0uODcyQTEyLjYgMTIuNiAwIDAgMCA4LjUgMTEuOTF6bTMuNTU1LS40MDFjLjU3LjE4NSAxLjA5NS40MDkgMS41NjUuNjY3QTYuOTYgNi45NiAwIDAgMCAxNC45ODIgOC41aC0yLjQ5YTEzLjQgMTMuNCAwIDAgMS0uNDM3IDMuMDA4TTE0Ljk4MiA3LjVhNi45NiA2Ljk2IDAgMCAwLTEuMzYyLTMuNjc1Yy0uNDcuMjU4LS45OTUuNDgyLTEuNTY1LjY2Ny4yNDguOTIuNCAxLjkzOC40MzcgMy4wMDh6TTExLjI3IDIuNDYxcS4yNjYuNTAyLjQ4MiAxLjA3OGE4LjQgOC40IDAgMCAwIDEuMTk2LS40OSA3IDcgMCAwIDAtMi4yNzUtMS41MmMuMjE4LjI4My40MTguNTk3LjU5Ny45MzJtLS40ODggMS4zNDNhOCA4IDAgMCAwLS4zOTUtLjg3MkM5LjgzNSAxLjg5NyA5LjE3IDEuMjgyIDguNSAxLjA3N1Y0LjA5Yy44MS0uMDMgMS41NzctLjEzIDIuMjgyLS4yODd6Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--graph-down-arrow .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZ3JhcGgtZG93bi1hcnJvdyIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDBoMXYxNWgxNXYxSDB6bTEwIDExLjVhLjUuNSAwIDAgMCAuNS41aDRhLjUuNSAwIDAgMCAuNS0uNXYtNGEuNS41IDAgMCAwLTEgMHYyLjZsLTMuNjEzLTQuNDE3YS41LjUgMCAwIDAtLjc0LS4wMzdMNy4wNiA4LjIzMyAzLjQwNCAzLjIwNmEuNS41IDAgMCAwLS44MDguNTg4bDQgNS41YS41LjUgMCAwIDAgLjc1OC4wNmwyLjYwOS0yLjYxTDEzLjQ0NSAxMUgxMC41YS41LjUgMCAwIDAtLjUuNSIvPgo8L3N2Zz4=)}.cbb-button__icon--graph-up-arrow .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZ3JhcGgtdXAtYXJyb3ciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAwaDF2MTVoMTV2MUgwem0xMCAzLjVhLjUuNSAwIDAgMSAuNS0uNWg0YS41LjUgMCAwIDEgLjUuNXY0YS41LjUgMCAwIDEtMSAwVjQuOWwtMy42MTMgNC40MTdhLjUuNSAwIDAgMS0uNzQuMDM3TDcuMDYgNi43NjdsLTMuNjU2IDUuMDI3YS41LjUgMCAwIDEtLjgwOC0uNTg4bDQtNS41YS41LjUgMCAwIDEgLjc1OC0uMDZsMi42MDkgMi42MUwxMy40NDUgNEgxMC41YS41LjUgMCAwIDEtLjUtLjUiLz4KPC9zdmc+)}.cbb-button__icon--hourglass .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaG91cmdsYXNzIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0yIDEuNWEuNS41IDAgMCAxIC41LS41aDExYS41LjUgMCAwIDEgMCAxaC0xdjFhNC41IDQuNSAwIDAgMS0yLjU1NyA0LjA2Yy0uMjkuMTM5LS40NDMuMzc3LS40NDMuNTl2LjdjMCAuMjEzLjE1NC40NTEuNDQzLjU5QTQuNSA0LjUgMCAwIDEgMTIuNSAxM3YxaDFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAxIDEgMC0xaDF2LTFhNC41IDQuNSAwIDAgMSAyLjU1Ny00LjA2Yy4yOS0uMTM5LjQ0My0uMzc3LjQ0My0uNTl2LS43YzAtLjIxMy0uMTU0LS40NTEtLjQ0My0uNTlBNC41IDQuNSAwIDAgMSAzLjUgM1YyaC0xYS41LjUgMCAwIDEtLjUtLjVtMi41LjV2MWEzLjUgMy41IDAgMCAwIDEuOTg5IDMuMTU4Yy41MzMuMjU2IDEuMDExLjc5MSAxLjAxMSAxLjQ5MXYuNzAyYzAgLjctLjQ3OCAxLjIzNS0xLjAxMSAxLjQ5MUEzLjUgMy41IDAgMCAwIDQuNSAxM3YxaDd2LTFhMy41IDMuNSAwIDAgMC0xLjk4OS0zLjE1OEM4Ljk3OCA5LjU4NiA4LjUgOS4wNTIgOC41IDguMzUxdi0uNzAyYzAtLjcuNDc4LTEuMjM1IDEuMDExLTEuNDkxQTMuNSAzLjUgMCAwIDAgMTEuNSAzVjJ6Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--hourglass-bottom .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaG91cmdsYXNzLWJvdHRvbSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMiAxLjVhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMXYxYTQuNSA0LjUgMCAwIDEtMi41NTcgNC4wNmMtLjI5LjEzOS0uNDQzLjM3Ny0uNDQzLjU5di43YzAgLjIxMy4xNTQuNDUxLjQ0My41OUE0LjUgNC41IDAgMCAxIDEyLjUgMTN2MWgxYS41LjUgMCAwIDEgMCAxaC0xMWEuNS41IDAgMSAxIDAtMWgxdi0xYTQuNSA0LjUgMCAwIDEgMi41NTctNC4wNmMuMjktLjEzOS40NDMtLjM3Ny40NDMtLjU5di0uN2MwLS4yMTMtLjE1NC0uNDUxLS40NDMtLjU5QTQuNSA0LjUgMCAwIDEgMy41IDNWMmgtMWEuNS41IDAgMCAxLS41LS41bTIuNS41djFhMy41IDMuNSAwIDAgMCAxLjk4OSAzLjE1OGMuNTMzLjI1NiAxLjAxMS43OTEgMS4wMTEgMS40OTF2LjcwMnMuMTguMTQ5LjUuMTQ5LjUtLjE1LjUtLjE1di0uN2MwLS43MDEuNDc4LTEuMjM2IDEuMDExLTEuNDkyQTMuNSAzLjUgMCAwIDAgMTEuNSAzVjJ6Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--hourglass-split .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaG91cmdsYXNzLXNwbGl0IiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0yLjUgMTVhLjUuNSAwIDEgMSAwLTFoMXYtMWE0LjUgNC41IDAgMCAxIDIuNTU3LTQuMDZjLjI5LS4xMzkuNDQzLS4zNzcuNDQzLS41OXYtLjdjMC0uMjEzLS4xNTQtLjQ1MS0uNDQzLS41OUE0LjUgNC41IDAgMCAxIDMuNSAzVjJoLTFhLjUuNSAwIDAgMSAwLTFoMTFhLjUuNSAwIDAgMSAwIDFoLTF2MWE0LjUgNC41IDAgMCAxLTIuNTU3IDQuMDZjLS4yOS4xMzktLjQ0My4zNzctLjQ0My41OXYuN2MwIC4yMTMuMTU0LjQ1MS40NDMuNTlBNC41IDQuNSAwIDAgMSAxMi41IDEzdjFoMWEuNS41IDAgMCAxIDAgMXptMi0xM3YxYzAgLjUzNy4xMiAxLjA0NS4zMzcgMS41aDYuMzI2Yy4yMTYtLjQ1NS4zMzctLjk2My4zMzctMS41VjJ6bTMgNi4zNWMwIC43MDEtLjQ3OCAxLjIzNi0xLjAxMSAxLjQ5MkEzLjUgMy41IDAgMCAwIDQuNSAxM3MuODY2LTEuMjk5IDMtMS40OHptMSAwdjMuMTdjMi4xMzQuMTgxIDMgMS40OCAzIDEuNDhhMy41IDMuNSAwIDAgMC0xLjk4OS0zLjE1OEM4Ljk3OCA5LjU4NiA4LjUgOS4wNTIgOC41IDguMzUxeiIvPgo8L3N2Zz4=)}.cbb-button__icon--hourglass-top .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaG91cmdsYXNzLXRvcCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMiAxNC41YS41LjUgMCAwIDAgLjUuNWgxMWEuNS41IDAgMSAwIDAtMWgtMXYtMWE0LjUgNC41IDAgMCAwLTIuNTU3LTQuMDZjLS4yOS0uMTM5LS40NDMtLjM3Ny0uNDQzLS41OXYtLjdjMC0uMjEzLjE1NC0uNDUxLjQ0My0uNTlBNC41IDQuNSAwIDAgMCAxMi41IDNWMmgxYS41LjUgMCAwIDAgMC0xaC0xMWEuNS41IDAgMCAwIDAgMWgxdjFhNC41IDQuNSAwIDAgMCAyLjU1NyA0LjA2Yy4yOS4xMzkuNDQzLjM3Ny40NDMuNTl2LjdjMCAuMjEzLS4xNTQuNDUxLS40NDMuNTlBNC41IDQuNSAwIDAgMCAzLjUgMTN2MWgtMWEuNS41IDAgMCAwLS41LjVtMi41LS41di0xYTMuNSAzLjUgMCAwIDEgMS45ODktMy4xNThjLjUzMy0uMjU2IDEuMDExLS43OSAxLjAxMS0xLjQ5MXYtLjcwMnMuMTguMTAxLjUuMTAxLjUtLjEuNS0uMXYuN2MwIC43MDEuNDc4IDEuMjM2IDEuMDExIDEuNDkyQTMuNSAzLjUgMCAwIDEgMTEuNSAxM3YxeiIvPgo8L3N2Zz4=)}.cbb-button__icon--lightbulb .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktbGlnaHRidWxiIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0yIDZhNiA2IDAgMSAxIDEwLjE3NCA0LjMxYy0uMjAzLjE5Ni0uMzU5LjQtLjQ1My42MTlsLS43NjIgMS43NjlBLjUuNSAwIDAgMSAxMC41IDEzYS41LjUgMCAwIDEgMCAxIC41LjUgMCAwIDEgMCAxbC0uMjI0LjQ0N2ExIDEgMCAwIDEtLjg5NC41NTNINi42MThhMSAxIDAgMCAxLS44OTQtLjU1M0w1LjUgMTVhLjUuNSAwIDAgMSAwLTEgLjUuNSAwIDAgMSAwLTEgLjUuNSAwIDAgMS0uNDYtLjMwMmwtLjc2MS0xLjc3YTIgMiAwIDAgMC0uNDUzLS42MThBNS45OCA1Ljk4IDAgMCAxIDIgNm02LTVhNSA1IDAgMCAwLTMuNDc5IDguNTkyYy4yNjMuMjU0LjUxNC41NjQuNjc2Ljk0MUw1LjgzIDEyaDQuMzQybC42MzItMS40NjdjLjE2Mi0uMzc3LjQxMy0uNjg3LjY3Ni0uOTQxQTUgNSAwIDAgMCA4IDEiLz4KPC9zdmc+)}.cbb-button__icon--magic .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktbWFnaWMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTkuNSAyLjY3MmEuNS41IDAgMSAwIDEgMFYuODQzYS41LjUgMCAwIDAtMSAwem00LjUuMDM1QS41LjUgMCAwIDAgMTMuMjkzIDJMMTIgMy4yOTNhLjUuNSAwIDEgMCAuNzA3LjcwN3pNNy4yOTMgNEEuNS41IDAgMSAwIDggMy4yOTNMNi43MDcgMkEuNS41IDAgMCAwIDYgMi43MDd6bS0uNjIxIDIuNWEuNS41IDAgMSAwIDAtMUg0Ljg0M2EuNS41IDAgMSAwIDAgMXptOC40ODUgMGEuNS41IDAgMSAwIDAtMWgtMS44MjlhLjUuNSAwIDAgMCAwIDF6TTEzLjI5MyAxMEEuNS41IDAgMSAwIDE0IDkuMjkzTDEyLjcwNyA4YS41LjUgMCAxIDAtLjcwNy43MDd6TTkuNSAxMS4xNTdhLjUuNSAwIDAgMCAxIDBWOS4zMjhhLjUuNSAwIDAgMC0xIDB6bTEuODU0LTUuMDk3YS41LjUgMCAwIDAgMC0uNzA2bC0uNzA4LS43MDhhLjUuNSAwIDAgMC0uNzA3IDBMOC42NDYgNS45NGEuNS41IDAgMCAwIDAgLjcwN2wuNzA4LjcwOGEuNS41IDAgMCAwIC43MDcgMGwxLjI5My0xLjI5M1ptLTMgM2EuNS41IDAgMCAwIDAtLjcwNmwtLjcwOC0uNzA4YS41LjUgMCAwIDAtLjcwNyAwTC42NDYgMTMuOTRhLjUuNSAwIDAgMCAwIC43MDdsLjcwOC43MDhhLjUuNSAwIDAgMCAuNzA3IDB6Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--moon-stars .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktbW9vbi1zdGFycyIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNNiAuMjc4YS43Ny43NyAwIDAgMSAuMDguODU4IDcuMiA3LjIgMCAwIDAtLjg3OCAzLjQ2YzAgNC4wMjEgMy4yNzggNy4yNzcgNy4zMTggNy4yNzdxLjc5Mi0uMDAxIDEuNTMzLS4xNmEuNzkuNzkgMCAwIDEgLjgxLjMxNi43My43MyAwIDAgMS0uMDMxLjg5M0E4LjM1IDguMzUgMCAwIDEgOC4zNDQgMTZDMy43MzQgMTYgMCAxMi4yODYgMCA3LjcxIDAgNC4yNjYgMi4xMTQgMS4zMTIgNS4xMjQuMDZBLjc1Ljc1IDAgMCAxIDYgLjI3OE00Ljg1OCAxLjMxMUE3LjI3IDcuMjcgMCAwIDAgMS4wMjUgNy43MWMwIDQuMDIgMy4yNzkgNy4yNzYgNy4zMTkgNy4yNzZhNy4zMiA3LjMyIDAgMCAwIDUuMjA1LTIuMTYycS0uNTA2LjA2My0xLjAyOS4wNjNjLTQuNjEgMC04LjM0My0zLjcxNC04LjM0My04LjI5IDAtMS4xNjcuMjQyLTIuMjc4LjY4MS0zLjI4NiIvPgogIDxwYXRoIGQ9Ik0xMC43OTQgMy4xNDhhLjIxNy4yMTcgMCAwIDEgLjQxMiAwbC4zODcgMS4xNjJjLjE3My41MTguNTc5LjkyNCAxLjA5NyAxLjA5N2wxLjE2Mi4zODdhLjIxNy4yMTcgMCAwIDEgMCAuNDEybC0xLjE2Mi4zODdhMS43MyAxLjczIDAgMCAwLTEuMDk3IDEuMDk3bC0uMzg3IDEuMTYyYS4yMTcuMjE3IDAgMCAxLS40MTIgMGwtLjM4Ny0xLjE2MkExLjczIDEuNzMgMCAwIDAgOS4zMSA2LjU5M2wtMS4xNjItLjM4N2EuMjE3LjIxNyAwIDAgMSAwLS40MTJsMS4xNjItLjM4N2ExLjczIDEuNzMgMCAwIDAgMS4wOTctMS4wOTd6TTEzLjg2My4wOTlhLjE0NS4xNDUgMCAwIDEgLjI3NCAwbC4yNTguNzc0Yy4xMTUuMzQ2LjM4Ni42MTcuNzMyLjczMmwuNzc0LjI1OGEuMTQ1LjE0NSAwIDAgMSAwIC4yNzRsLS43NzQuMjU4YTEuMTYgMS4xNiAwIDAgMC0uNzMyLjczMmwtLjI1OC43NzRhLjE0NS4xNDUgMCAwIDEtLjI3NCAwbC0uMjU4LS43NzRhMS4xNiAxLjE2IDAgMCAwLS43MzItLjczMmwtLjc3NC0uMjU4YS4xNDUuMTQ1IDAgMCAxIDAtLjI3NGwuNzc0LS4yNThjLjM0Ni0uMTE1LjYxNy0uMzg2LjczMi0uNzMyeiIvPgo8L3N2Zz4=)}.cbb-button__icon--people-fill .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGVvcGxlLWZpbGwiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTcgMTRzLTEgMC0xLTEgMS00IDUtNCA1IDMgNSA0LTEgMS0xIDF6bTQtNmEzIDMgMCAxIDAgMC02IDMgMyAwIDAgMCAwIDZtLTUuNzg0IDZBMi4yNCAyLjI0IDAgMCAxIDUgMTNjMC0xLjM1NS42OC0yLjc1IDEuOTM2LTMuNzJBNi4zIDYuMyAwIDAgMCA1IDljLTQgMC01IDMtNSA0czEgMSAxIDF6TTQuNSA4YTIuNSAyLjUgMCAxIDAgMC01IDIuNSAyLjUgMCAwIDAgMCA1Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--person-circle .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGVyc29uLWNpcmNsZSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMTEgNmEzIDMgMCAxIDEtNiAwIDMgMyAwIDAgMSA2IDAiLz4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDhhOCA4IDAgMSAxIDE2IDBBOCA4IDAgMCAxIDAgOG04LTdhNyA3IDAgMCAwLTUuNDY4IDExLjM3QzMuMjQyIDExLjIyNiA0LjgwNSAxMCA4IDEwczQuNzU3IDEuMjI1IDUuNDY4IDIuMzdBNyA3IDAgMCAwIDggMSIvPgo8L3N2Zz4=)}.cbb-button__icon--quote .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcXVvdGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEyIDEyYTEgMSAwIDAgMCAxLTFWOC41NThhMSAxIDAgMCAwLTEtMWgtMS4zODhxMC0uNTI3LjA2Mi0xLjA1NC4wOTMtLjU1OC4zMS0uOTkydC41NTktLjY4M3EuMzQtLjI3OS44NjgtLjI3OVYzcS0uODY4IDAtMS41Mi4zNzJhMy4zIDMuMyAwIDAgMC0xLjA4NS45OTIgNC45IDQuOSAwIDAgMC0uNjIgMS40NThBNy43IDcuNyAwIDAgMCA5IDcuNTU4VjExYTEgMSAwIDAgMCAxIDF6bS02IDBhMSAxIDAgMCAwIDEtMVY4LjU1OGExIDEgMCAwIDAtMS0xSDQuNjEycTAtLjUyNy4wNjItMS4wNTQuMDk0LS41NTguMzEtLjk5Mi4yMTctLjQzNC41NTktLjY4My4zNC0uMjc5Ljg2OC0uMjc5VjNxLS44NjggMC0xLjUyLjM3MmEzLjMgMy4zIDAgMCAwLTEuMDg1Ljk5MiA0LjkgNC45IDAgMCAwLS42MiAxLjQ1OEE3LjcgNy43IDAgMCAwIDMgNy41NThWMTFhMSAxIDAgMCAwIDEgMXoiLz4KPC9zdmc+)}.cbb-button__icon--robot .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcm9ib3QiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTYgMTIuNWEuNS41IDAgMCAxIC41LS41aDNhLjUuNSAwIDAgMSAwIDFoLTNhLjUuNSAwIDAgMS0uNS0uNU0zIDguMDYyQzMgNi43NiA0LjIzNSA1Ljc2NSA1LjUzIDUuODg2YTI2LjYgMjYuNiAwIDAgMCA0Ljk0IDBDMTEuNzY1IDUuNzY1IDEzIDYuNzYgMTMgOC4wNjJ2MS4xNTdhLjkzLjkzIDAgMCAxLS43NjUuOTM1Yy0uODQ1LjE0Ny0yLjM0LjM0Ni00LjIzNS4zNDZzLTMuMzktLjItNC4yMzUtLjM0NkEuOTMuOTMgMCAwIDEgMyA5LjIxOXptNC41NDItLjgyN2EuMjUuMjUgMCAwIDAtLjIxNy4wNjhsLS45Mi45YTI1IDI1IDAgMCAxLTEuODcxLS4xODMuMjUuMjUgMCAwIDAtLjA2OC40OTVjLjU1LjA3NiAxLjIzMi4xNDkgMi4wMi4xOTNhLjI1LjI1IDAgMCAwIC4xODktLjA3MWwuNzU0LS43MzYuODQ3IDEuNzFhLjI1LjI1IDAgMCAwIC40MDQuMDYybC45MzItLjk3YTI1IDI1IDAgMCAwIDEuOTIyLS4xODguMjUuMjUgMCAwIDAtLjA2OC0uNDk1Yy0uNTM4LjA3NC0xLjIwNy4xNDUtMS45OC4xODlhLjI1LjI1IDAgMCAwLS4xNjYuMDc2bC0uNzU0Ljc4NS0uODQyLTEuN2EuMjUuMjUgMCAwIDAtLjE4Mi0uMTM1Ii8+CiAgPHBhdGggZD0iTTguNSAxLjg2NmExIDEgMCAxIDAtMSAwVjNoLTJBNC41IDQuNSAwIDAgMCAxIDcuNVY4YTEgMSAwIDAgMC0xIDF2MmExIDEgMCAwIDAgMSAxdjFhMiAyIDAgMCAwIDIgMmgxMGEyIDIgMCAwIDAgMi0ydi0xYTEgMSAwIDAgMCAxLTFWOWExIDEgMCAwIDAtMS0xdi0uNUE0LjUgNC41IDAgMCAwIDEwLjUgM2gtMnpNMTQgNy41VjEzYTEgMSAwIDAgMS0xIDFIM2ExIDEgMCAwIDEtMS0xVjcuNUEzLjUgMy41IDAgMCAxIDUuNSA0aDVBMy41IDMuNSAwIDAgMSAxNCA3LjUiLz4KPC9zdmc+)}.cbb-button__icon--rocket-takeoff .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcm9ja2V0LXRha2VvZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTkuNzUyIDYuMTkzYy41OTkuNiAxLjczLjQzNyAyLjUyOC0uMzYycy45Ni0xLjkzMi4zNjItMi41MzFjLS41OTktLjYtMS43My0uNDM4LTIuNTI4LjM2MS0uNzk4LjgtLjk2IDEuOTMzLS4zNjIgMi41MzIiLz4KICA8cGF0aCBkPSJNMTUuODExIDMuMzEyYy0uMzYzIDEuNTM0LTEuMzM0IDMuNjI2LTMuNjQgNi4yMThsLS4yNCAyLjQwOGEyLjU2IDIuNTYgMCAwIDEtLjczMiAxLjUyNkw4LjgxNyAxNS44NWEuNTEuNTEgMCAwIDEtLjg2Ny0uNDM0bC4yNy0xLjg5OWMuMDQtLjI4LS4wMTMtLjU5My0uMTMxLS45NTZhOSA5IDAgMCAwLS4yNDktLjY1N2wtLjA4Mi0uMjAyYy0uODE1LS4xOTctMS41NzgtLjY2Mi0yLjE5MS0xLjI3Ny0uNjE0LS42MTUtMS4wNzktMS4zNzktMS4yNzUtMi4xOTVsLS4yMDMtLjA4M2ExMCAxMCAwIDAgMC0uNjU1LS4yNDhjLS4zNjMtLjExOS0uNjc1LS4xNzItLjk1NS0uMTMybC0xLjg5Ni4yN0EuNTEuNTEgMCAwIDEgLjE1IDcuMTdsMi4zODItMi4zODZjLjQxLS40MS45NDctLjY3IDEuNTI0LS43MzRoLjAwNmwyLjQtLjIzOEM5LjAwNSAxLjU1IDExLjA4Ny41ODIgMTIuNjIzLjIwOGMuODktLjIxNyAxLjU5LS4yMzIgMi4wOC0uMTg4LjI0NC4wMjMuNDM1LjA2LjU3LjA5M3EuMS4wMjYuMTYuMDQ1Yy4xODQuMDYuMjc5LjEzLjM1MS4yOTVsLjAyOS4wNzNhMy41IDMuNSAwIDAgMSAuMTU3LjcyMWMuMDU1LjQ4NS4wNTEgMS4xNzgtLjE1OSAyLjA2NW0tNC44MjggNy40NzUuMDQtLjA0LS4xMDcgMS4wODFhMS41NCAxLjU0IDAgMCAxLS40NC45MTNsLTEuMjk4IDEuMy4wNTQtLjM4Yy4wNzItLjUwNi0uMDM0LS45OTMtLjE3Mi0xLjQxOGE5IDkgMCAwIDAtLjE2NC0uNDVjLjczOC0uMDY1IDEuNDYyLS4zOCAyLjA4Ny0xLjAwNk01LjIwNSA1Yy0uNjI1LjYyNi0uOTQgMS4zNTEtMS4wMDQgMi4wOWE5IDkgMCAwIDAtLjQ1LS4xNjRjLS40MjQtLjEzOC0uOTEtLjI0NC0xLjQxNi0uMTcybC0uMzguMDU0IDEuMy0xLjNjLjI0NS0uMjQ2LjU2Ni0uNDAxLjkxLS40NGwxLjA4LS4xMDd6bTkuNDA2LTMuOTYxYy0uMzgtLjAzNC0uOTY3LS4wMjctMS43NDYuMTYzLTEuNTU4LjM4LTMuOTE3IDEuNDk2LTYuOTM3IDQuNTIxLS42Mi42Mi0uNzk5IDEuMzQtLjY4NyAyLjA1MS4xMDcuNjc2LjQ4MyAxLjM2MiAxLjA0OCAxLjkyOC41NjQuNTY1IDEuMjUuOTQxIDEuOTI0IDEuMDQ5LjcxLjExMiAxLjQyOS0uMDY3IDIuMDQ4LS42ODggMy4wNzktMy4wODMgNC4xOTItNS40NDQgNC41NTYtNi45ODcuMTgzLS43NzEuMTgtMS4zNDUuMTM4LTEuNzEzYTMgMyAwIDAgMC0uMDQ1LS4yODMgMyAzIDAgMCAwLS4zLS4wNDFaIi8+CiAgPHBhdGggZD0iTTcuMDA5IDEyLjEzOWE3LjYgNy42IDAgMCAxLTEuODA0LTEuMzUyQTcuNiA3LjYgMCAwIDEgMy43OTQgOC44NmMtMS4xMDIuOTkyLTEuOTY1IDUuMDU0LTEuODM5IDUuMTguMTI1LjEyNiAzLjkzNi0uODk2IDUuMDU0LTEuOTAyWiIvPgo8L3N2Zz4=)}.cbb-button__icon--star .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc3RhciIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMi44NjYgMTQuODVjLS4wNzguNDQ0LjM2Ljc5MS43NDYuNTkzbDQuMzktMi4yNTYgNC4zODkgMi4yNTZjLjM4Ni4xOTguODI0LS4xNDkuNzQ2LS41OTJsLS44My00LjczIDMuNTIyLTMuMzU2Yy4zMy0uMzE0LjE2LS44ODgtLjI4Mi0uOTVsLTQuODk4LS42OTZMOC40NjUuNzkyYS41MTMuNTEzIDAgMCAwLS45MjcgMEw1LjM1NCA1LjEybC00Ljg5OC42OTZjLS40NDEuMDYyLS42MTIuNjM2LS4yODMuOTVsMy41MjMgMy4zNTYtLjgzIDQuNzN6bTQuOTA1LTIuNzY3LTMuNjg2IDEuODk0LjY5NC0zLjk1N2EuNTYuNTYgMCAwIDAtLjE2My0uNTA1TDEuNzEgNi43NDVsNC4wNTItLjU3NmEuNTMuNTMgMCAwIDAgLjM5My0uMjg4TDggMi4yMjNsMS44NDcgMy42NThhLjUzLjUzIDAgMCAwIC4zOTMuMjg4bDQuMDUyLjU3NS0yLjkwNiAyLjc3YS41Ni41NiAwIDAgMC0uMTYzLjUwNmwuNjk0IDMuOTU3LTMuNjg2LTEuODk0YS41LjUgMCAwIDAtLjQ2MSAweiIvPgo8L3N2Zz4=)}.cbb-button__icon--stars .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc3RhcnMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTcuNjU3IDYuMjQ3Yy4xMS0uMzMuNTc2LS4zMy42ODYgMGwuNjQ1IDEuOTM3YTIuODkgMi44OSAwIDAgMCAxLjgyOSAxLjgyOGwxLjkzNi42NDVjLjMzLjExLjMzLjU3NiAwIC42ODZsLTEuOTM3LjY0NWEyLjg5IDIuODkgMCAwIDAtMS44MjggMS44MjlsLS42NDUgMS45MzZhLjM2MS4zNjEgMCAwIDEtLjY4NiAwbC0uNjQ1LTEuOTM3YTIuODkgMi44OSAwIDAgMC0xLjgyOC0xLjgyOGwtMS45MzctLjY0NWEuMzYxLjM2MSAwIDAgMSAwLS42ODZsMS45MzctLjY0NWEyLjg5IDIuODkgMCAwIDAgMS44MjgtMS44Mjh6TTMuNzk0IDEuMTQ4YS4yMTcuMjE3IDAgMCAxIC40MTIgMGwuMzg3IDEuMTYyYy4xNzMuNTE4LjU3OS45MjQgMS4wOTcgMS4wOTdsMS4xNjIuMzg3YS4yMTcuMjE3IDAgMCAxIDAgLjQxMmwtMS4xNjIuMzg3QTEuNzMgMS43MyAwIDAgMCA0LjU5MyA1LjY5bC0uMzg3IDEuMTYyYS4yMTcuMjE3IDAgMCAxLS40MTIgMEwzLjQwNyA1LjY5QTEuNzMgMS43MyAwIDAgMCAyLjMxIDQuNTkzbC0xLjE2Mi0uMzg3YS4yMTcuMjE3IDAgMCAxIDAtLjQxMmwxLjE2Mi0uMzg3QTEuNzMgMS43MyAwIDAgMCAzLjQwNyAyLjMxek0xMC44NjMuMDk5YS4xNDUuMTQ1IDAgMCAxIC4yNzQgMGwuMjU4Ljc3NGMuMTE1LjM0Ni4zODYuNjE3LjczMi43MzJsLjc3NC4yNThhLjE0NS4xNDUgMCAwIDEgMCAuMjc0bC0uNzc0LjI1OGExLjE2IDEuMTYgMCAwIDAtLjczMi43MzJsLS4yNTguNzc0YS4xNDUuMTQ1IDAgMCAxLS4yNzQgMGwtLjI1OC0uNzc0YTEuMTYgMS4xNiAwIDAgMC0uNzMyLS43MzJMOS4xIDIuMTM3YS4xNDUuMTQ1IDAgMCAxIDAtLjI3NGwuNzc0LS4yNThjLjM0Ni0uMTE1LjYxNy0uMzg2LjczMi0uNzMyeiIvPgo8L3N2Zz4=)}.cbb-button__icon--stickies .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc3RpY2tpZXMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEuNSAwQTEuNSAxLjUgMCAwIDAgMCAxLjVWMTNhMSAxIDAgMCAwIDEgMVYxLjVhLjUuNSAwIDAgMSAuNS0uNUgxNGExIDEgMCAwIDAtMS0xeiIvPgogIDxwYXRoIGQ9Ik0zLjUgMkExLjUgMS41IDAgMCAwIDIgMy41djExQTEuNSAxLjUgMCAwIDAgMy41IDE2aDYuMDg2YTEuNSAxLjUgMCAwIDAgMS4wNi0uNDRsNC45MTUtNC45MTRBMS41IDEuNSAwIDAgMCAxNiA5LjU4NlYzLjVBMS41IDEuNSAwIDAgMCAxNC41IDJ6TTMgMy41YS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAuNS41VjloLTQuNUExLjUgMS41IDAgMCAwIDkgMTAuNVYxNUgzLjVhLjUuNSAwIDAgMS0uNS0uNXptNyAxMS4yOTNWMTAuNWEuNS41IDAgMCAxIC41LS41aDQuMjkzeiIvPgo8L3N2Zz4=)}.cbb-button__icon--tools .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdG9vbHMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEgMCAwIDFsMi4yIDMuMDgxYTEgMSAwIDAgMCAuODE1LjQxOWguMDdhMSAxIDAgMCAxIC43MDguMjkzbDIuNjc1IDIuNjc1LTIuNjE3IDIuNjU0QTMuMDAzIDMuMDAzIDAgMCAwIDAgMTNhMyAzIDAgMSAwIDUuODc4LS44NTFsMi42NTQtMi42MTcuOTY4Ljk2OC0uMzA1LjkxNGExIDEgMCAwIDAgLjI0MiAxLjAyM2wzLjI3IDMuMjdhLjk5Ny45OTcgMCAwIDAgMS40MTQgMGwxLjU4Ni0xLjU4NmEuOTk3Ljk5NyAwIDAgMCAwLTEuNDE0bC0zLjI3LTMuMjdhMSAxIDAgMCAwLTEuMDIzLS4yNDJMMTAuNSA5LjVsLS45Ni0uOTYgMi42OC0yLjY0M0EzLjAwNSAzLjAwNSAwIDAgMCAxNiAzcTAtLjQwNS0uMTAyLS43NzdsLTIuMTQgMi4xNDFMMTIgNGwtLjM2NC0xLjc1N0wxMy43NzcuMTAyYTMgMyAwIDAgMC0zLjY3NSAzLjY4TDcuNDYyIDYuNDYgNC43OTMgMy43OTNhMSAxIDAgMCAxLS4yOTMtLjcwN3YtLjA3MWExIDEgMCAwIDAtLjQxOS0uODE0em05LjY0NiAxMC42NDZhLjUuNSAwIDAgMSAuNzA4IDBsMi45MTQgMi45MTVhLjUuNSAwIDAgMS0uNzA3LjcwN2wtMi45MTUtMi45MTRhLjUuNSAwIDAgMSAwLS43MDhNMyAxMWwuNDcxLjI0Mi41MjkuMDI2LjI4Ny40NDUuNDQ1LjI4Ny4wMjYuNTI5TDUgMTNsLS4yNDIuNDcxLS4wMjYuNTI5LS40NDUuMjg3LS4yODcuNDQ1LS41MjkuMDI2TDMgMTVsLS40NzEtLjI0MkwyIDE0LjczMmwtLjI4Ny0uNDQ1TDEuMjY4IDE0bC0uMDI2LS41MjlMMSAxM2wuMjQyLS40NzEuMDI2LS41MjkuNDQ1LS4yODcuMjg3LS40NDUuNTI5LS4wMjZ6Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--ui-checks-grid .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdWktY2hlY2tzLWdyaWQiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTIgMTBoM2ExIDEgMCAwIDEgMSAxdjNhMSAxIDAgMCAxLTEgMUgyYTEgMSAwIDAgMS0xLTF2LTNhMSAxIDAgMCAxIDEtMW05LTloM2ExIDEgMCAwIDEgMSAxdjNhMSAxIDAgMCAxLTEgMWgtM2ExIDEgMCAwIDEtMS0xVjJhMSAxIDAgMCAxIDEtMW0wIDlhMSAxIDAgMCAwLTEgMXYzYTEgMSAwIDAgMCAxIDFoM2ExIDEgMCAwIDAgMS0xdi0zYTEgMSAwIDAgMC0xLTF6bTAtMTBhMiAyIDAgMCAwLTIgMnYzYTIgMiAwIDAgMCAyIDJoM2EyIDIgMCAwIDAgMi0yVjJhMiAyIDAgMCAwLTItMnpNMiA5YTIgMiAwIDAgMC0yIDJ2M2EyIDIgMCAwIDAgMiAyaDNhMiAyIDAgMCAwIDItMnYtM2EyIDIgMCAwIDAtMi0yem03IDJhMiAyIDAgMCAxIDItMmgzYTIgMiAwIDAgMSAyIDJ2M2EyIDIgMCAwIDEtMiAyaC0zYTIgMiAwIDAgMS0yLTJ6TTAgMmEyIDIgMCAwIDEgMi0yaDNhMiAyIDAgMCAxIDIgMnYzYTIgMiAwIDAgMS0yIDJIMmEyIDIgMCAwIDEtMi0yem01LjM1NC44NTRhLjUuNSAwIDEgMC0uNzA4LS43MDhMMyAzLjc5M2wtLjY0Ni0uNjQ3YS41LjUgMCAxIDAtLjcwOC43MDhsMSAxYS41LjUgMCAwIDAgLjcwOCAweiIvPgo8L3N2Zz4=)}.cbb-button__icon--ui-checks .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdWktY2hlY2tzIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik03IDIuNWEuNS41IDAgMCAxIC41LS41aDdhLjUuNSAwIDAgMSAuNS41djFhLjUuNSAwIDAgMS0uNS41aC03YS41LjUgMCAwIDEtLjUtLjV6TTIgMWEyIDIgMCAwIDAtMiAydjJhMiAyIDAgMCAwIDIgMmgyYTIgMiAwIDAgMCAyLTJWM2EyIDIgMCAwIDAtMi0yem0wIDhhMiAyIDAgMCAwLTIgMnYyYTIgMiAwIDAgMCAyIDJoMmEyIDIgMCAwIDAgMi0ydi0yYTIgMiAwIDAgMC0yLTJ6bS44NTQtMy42NDZhLjUuNSAwIDAgMS0uNzA4IDBsLTEtMWEuNS41IDAgMSAxIC43MDgtLjcwOGwuNjQ2LjY0NyAxLjY0Ni0xLjY0N2EuNS41IDAgMSAxIC43MDguNzA4em0wIDhhLjUuNSAwIDAgMS0uNzA4IDBsLTEtMWEuNS41IDAgMCAxIC43MDgtLjcwOGwuNjQ2LjY0NyAxLjY0Ni0xLjY0N2EuNS41IDAgMCAxIC43MDguNzA4ek03IDEwLjVhLjUuNSAwIDAgMSAuNS0uNWg3YS41LjUgMCAwIDEgLjUuNXYxYS41LjUgMCAwIDEtLjUuNWgtN2EuNS41IDAgMCAxLS41LS41em0wLTVhLjUuNSAwIDAgMSAuNS0uNWg1YS41LjUgMCAwIDEgMCAxaC01YS41LjUgMCAwIDEtLjUtLjVtMCA4YS41LjUgMCAwIDEgLjUtLjVoNWEuNS41IDAgMCAxIDAgMWgtNWEuNS41IDAgMCAxLS41LS41Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--umbrella-fill .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdW1icmVsbGEtZmlsbCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDBhLjUuNSAwIDAgMSAuNS41di41MTRDMTIuNjI1IDEuMjM4IDE2IDQuMjIgMTYgOGMwIDAgMCAuNS0uNS41LS4xNDkgMC0uMzUyLS4xNDUtLjM1Mi0uMTQ1bC0uMDA0LS4wMDQtLjAyNS0uMDIzYTMuNSAzLjUgMCAwIDAtLjU1NS0uMzk0QTMuMTcgMy4xNyAwIDAgMCAxMyA3LjVjLS42MzggMC0xLjE3OC4yMTMtMS41NjQuNDM0YTMuNSAzLjUgMCAwIDAtLjU1NS4zOTRsLS4wMjUuMDIzLS4wMDMuMDAzcy0uMjA0LjE0Ni0uMzUzLjE0Ni0uMzUyLS4xNDUtLjM1Mi0uMTQ1bC0uMDA0LS4wMDQtLjAyNS0uMDIzYTMuNSAzLjUgMCAwIDAtLjU1NS0uMzk0IDMuMyAzLjMgMCAwIDAtMS4wNjQtLjM5VjEzLjVIOGguNXYuMDM5bC0uMDA1LjA4M2EzIDMgMCAwIDEtLjI5OCAxLjEwMiAyLjI2IDIuMjYgMCAwIDEtLjc2My44OEM3LjA2IDE1Ljg1MSA2LjU4NyAxNiA2IDE2cy0xLjA2MS0uMTQ4LTEuNDM0LS4zOTZhMi4yNiAyLjI2IDAgMCAxLS43NjMtLjg4IDMgMyAwIDAgMS0uMzAyLTEuMTg1di0uMDI1bC0uMDAxLS4wMDl2LS4wMDNzMC0uMDAyLjUtLjAwMmgtLjVWMTNhLjUuNSAwIDAgMSAxIDB2LjUwNmwuMDAzLjA0NGEyIDIgMCAwIDAgLjE5NS43MjZjLjA5NS4xOTEuMjMuMzY3LjQyMy40OTUuMTkuMTI3LjQ2Ni4yMjkuODc5LjIyOXMuNjg5LS4xMDIuODc5LS4yMjljLjE5My0uMTI4LjMyOC0uMzA0LjQyNC0uNDk1YTIgMiAwIDAgMCAuMTk3LS43N1Y3LjU0NGEzLjMgMy4zIDAgMCAwLTEuMDY0LjM5IDMuNSAzLjUgMCAwIDAtLjU4LjQxN2wtLjAwNC4wMDRTNS42NSA4LjUgNS41IDguNXMtLjM1Mi0uMTQ1LS4zNTItLjE0NWwtLjAwNC0uMDA0YTMuNSAzLjUgMCAwIDAtLjU4LS40MTdBMy4xNyAzLjE3IDAgMCAwIDMgNy41Yy0uNjM4IDAtMS4xNzcuMjEzLTEuNTY0LjQzNGEzLjUgMy41IDAgMCAwLS41OC40MTdsLS4wMDQuMDA0Uy42NSA4LjUuNSA4LjVDMCA4LjUgMCA4IDAgOGMwLTMuNzggMy4zNzUtNi43NjIgNy41LTYuOTg2Vi41QS41LjUgMCAwIDEgOCAwIi8+Cjwvc3ZnPg==)}.cbb-button__icon--watch .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd2F0Y2giIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTguNSA1YS41LjUgMCAwIDAtMSAwdjIuNUg2YS41LjUgMCAwIDAgMCAxaDJhLjUuNSAwIDAgMCAuNS0uNXoiLz4KICA8cGF0aCBkPSJNNS42NjcgMTZDNC43NDcgMTYgNCAxNS4yNTQgNCAxNC4zMzN2LTEuODZBNiA2IDAgMCAxIDIgOGMwLTEuNzc3Ljc3Mi0zLjM3NCAyLTQuNDcyVjEuNjY3QzQgLjc0NyA0Ljc0NiAwIDUuNjY3IDBoNC42NjZDMTEuMjUzIDAgMTIgLjc0NiAxMiAxLjY2N3YxLjg2YTYgNiAwIDAgMSAxLjkxOCAzLjQ4LjUwMi41MDIgMCAwIDEgLjU4Mi40OTN2MWEuNS41IDAgMCAxLS41ODIuNDkzQTYgNiAwIDAgMSAxMiAxMi40NzN2MS44NmMwIC45Mi0uNzQ2IDEuNjY3LTEuNjY3IDEuNjY3ek0xMyA4QTUgNSAwIDEgMCAzIDhhNSA1IDAgMCAwIDEwIDAiLz4KPC9zdmc+)}.cbb-button__icon--wind .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd2luZCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMTIuNSAyQTIuNSAyLjUgMCAwIDAgMTAgNC41YS41LjUgMCAwIDEtMSAwQTMuNSAzLjUgMCAxIDEgMTIuNSA4SC41YS41LjUgMCAwIDEgMC0xaDEyYTIuNSAyLjUgMCAwIDAgMC01bS03IDFhMSAxIDAgMCAwLTEgMSAuNS41IDAgMCAxLTEgMCAyIDIgMCAxIDEgMiAyaC01YS41LjUgMCAwIDEgMC0xaDVhMSAxIDAgMCAwIDAtMk0wIDkuNUEuNS41IDAgMCAxIC41IDloMTAuMDQyYTMgMyAwIDEgMS0zIDMgLjUuNSAwIDAgMSAxIDAgMiAyIDAgMSAwIDItMkguNWEuNS41IDAgMCAxLS41LS41Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--wrench .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd3JlbmNoIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0uMTAyIDIuMjIzQTMuMDA0IDMuMDA0IDAgMCAwIDMuNzggNS44OTdsNi4zNDEgNi4yNTJBMy4wMDMgMy4wMDMgMCAwIDAgMTMgMTZhMyAzIDAgMSAwLS44NTEtNS44NzhMNS44OTcgMy43ODFBMy4wMDQgMy4wMDQgMCAwIDAgMi4yMjMuMWwyLjE0MSAyLjE0Mkw0IDRsLTEuNzU3LjM2NHptMTMuMzcgOS4wMTkuNTI4LjAyNi4yODcuNDQ1LjQ0NS4yODcuMDI2LjUyOUwxNSAxM2wtLjI0Mi40NzEtLjAyNi41MjktLjQ0NS4yODctLjI4Ny40NDUtLjUyOS4wMjZMMTMgMTVsLS40NzEtLjI0Mi0uNTI5LS4wMjYtLjI4Ny0uNDQ1LS40NDUtLjI4Ny0uMDI2LS41MjlMMTEgMTNsLjI0Mi0uNDcxLjAyNi0uNTI5LjQ0NS0uMjg3LjI4Ny0uNDQ1LjUyOS0uMDI2TDEzIDExeiIvPgo8L3N2Zz4=)}.cbb-button__icon--wrench-adjustable .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd3JlbmNoLWFkanVzdGFibGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTE2IDQuNWE0LjUgNC41IDAgMCAxLTEuNzAzIDMuNTI2TDEzIDVsMi45NTktMS4xMXEuMDQuMy4wNDEuNjEiLz4KICA8cGF0aCBkPSJNMTEuNSA5Yy42NTMgMCAxLjI3My0uMTM5IDEuODMzLS4zOUwxMiA1LjUgMTEgM2wzLjgyNi0xLjUzQTQuNSA0LjUgMCAwIDAgNy4yOSA2LjA5MmwtNi4xMTYgNS4wOTZhMi41ODMgMi41ODMgMCAxIDAgMy42MzggMy42MzhMOS45MDggOC43MUE0LjUgNC41IDAgMCAwIDExLjUgOW0tMS4yOTItNC4zNjEtLjU5Ni44OTMuODA5LS4yN2EuMjUuMjUgMCAwIDEgLjI4Ny4zNzdsLS41OTYuODkzLjgwOS0uMjcuMTU4LjQ3NS0xLjUuNWEuMjUuMjUgMCAwIDEtLjI4Ny0uMzc2bC41OTYtLjg5My0uODA5LjI3YS4yNS4yNSAwIDAgMS0uMjg3LS4zNzdsLjU5Ni0uODkzLS44MDkuMjctLjE1OC0uNDc1IDEuNS0uNWEuMjUuMjUgMCAwIDEgLjI4Ny4zNzZNMyAxNGExIDEgMCAxIDEgMC0yIDEgMSAwIDAgMSAwIDIiLz4KPC9zdmc+)}.cbb-button__icon--wrench-adjustable-circle .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd3JlbmNoLWFkanVzdGFibGUtY2lyY2xlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0xMi40OTYgOGE0LjUgNC41IDAgMCAxLTEuNzAzIDMuNTI2TDkuNDk3IDguNWwyLjk1OS0xLjExcS4wNC4zLjA0LjYxIi8+CiAgPHBhdGggZD0iTTE2IDhBOCA4IDAgMSAxIDAgOGE4IDggMCAwIDEgMTYgMG0tMSAwYTcgNyAwIDEgMC0xMy4yMDIgMy4yNDlsMS45ODgtMS42NTdhNC41IDQuNSAwIDAgMSA3LjUzNy00LjYyM0w3LjQ5NyA2LjVsMSAyLjUgMS4zMzMgMy4xMWMtLjU2LjI1MS0xLjE4LjM5LTEuODMzLjM5YTQuNSA0LjUgMCAwIDEtMS41OTItLjI5TDQuNzQ3IDE0LjJBNyA3IDAgMCAwIDE1IDhtLTguMjk1LjEzOWEuMjUuMjUgMCAwIDAtLjI4OC0uMzc2bC0xLjUuNS4xNTkuNDc0LjgwOC0uMjctLjU5NS44OTRhLjI1LjI1IDAgMCAwIC4yODcuMzc2bC44MDgtLjI3LS41OTUuODk0YS4yNS4yNSAwIDAgMCAuMjg3LjM3NmwxLjUtLjUtLjE1OS0uNDc0LS44MDguMjcuNTk2LS44OTRhLjI1LjI1IDAgMCAwLS4yODgtLjM3NmwtLjgwOC4yN3oiLz4KPC9zdmc+)}html[data-theme=dark] .cbb-button__icon-container:before{filter:drop-shadow(var(--cbb-icon-size,30px) 0 var(--cbb-icon-dark-color,#fff))}

  • caledros-basic-blocks/trunk/build/blocks/button/style-index.css

    r3312194 r3335584  
    1 .cbb-button{background-color:var(--cbb-button-light-color,#333);border-color:var(--cbb-button-light-border-color,#00000000);color:var(--cbb-button-text-light-color,#333);cursor:pointer;text-decoration:none;transition:all .5s;width:-moz-fit-content;width:fit-content}.cbb-button:hover{background-color:var(--cbb-button-hover-light-color,#333);transition:all .5s}html[data-theme=dark] .cbb-button{background-color:var(--cbb-button-dark-color,#f4f4f4);border-color:var(--cbb-button-dark-border-color,#00000000);color:var(--cbb-button-text-dark-color,#333);text-decoration:none}html[data-theme=dark] .cbb-button:hover{background-color:var(--cbb-button-hover-dark-color,#333)}
     1.cbb-button{background-color:var(--cbb-button-light-color,#333);border-color:var(--cbb-button-light-border-color,#00000000);color:var(--cbb-button-text-light-color,#333);cursor:pointer;text-decoration:none;transition:all .5s;width:-moz-fit-content;width:fit-content}.cbb-button:hover{background-color:var(--cbb-button-hover-light-color,#333);transition:all .5s}.cbb-button--hover-text-light-color:hover{color:var(--cbb-button-hover-text-light-color,#f4f4f4)}.cbb-button--hover-border-light-color:hover{border-color:var(--cbb-button-border-hover-light-color,#00000000)}html[data-theme=dark] .cbb-button{background-color:var(--cbb-button-dark-color,#f4f4f4);border-color:var(--cbb-button-dark-border-color,#00000000);color:var(--cbb-button-text-dark-color,#333);text-decoration:none}html[data-theme=dark] .cbb-button:hover{background-color:var(--cbb-button-hover-dark-color,#333)}html[data-theme=dark] .cbb-button--hover-text-dark-color:hover{color:var(--cbb-button-hover-text-dark-color,#f4f4f4)}html[data-theme=dark] .cbb-button--hover-border-dark-color:hover{border-color:var(--cbb-button-border-hover-dark-color,#00000000)}.cbb-button-with-icon{align-items:center;-moz-column-gap:10px;column-gap:10px;display:flex;flex-direction:var(--cbb-button-flex-direction,row);justify-content:center}.cbb-button__icon{clip-path:inset(0 0 0 .4px);height:var(--cbb-icon-size,30px);position:relative;width:var(--cbb-icon-size,30px)}.cbb-button__icon-content{left:0;position:absolute;top:0}.cbb-button__icon-container,.cbb-button__icon-content{display:block;height:var(--cbb-icon-size,30px);width:var(--cbb-icon-size,30px)}.cbb-button__icon-container{margin-left:calc(var(--cbb-icon-size, 30px)*-1);position:relative}.cbb-button__icon-container:before{background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;filter:drop-shadow(var(--cbb-icon-size,30px) 0 var(--cbb-icon-color,#000));height:var(--cbb-icon-size,30px);left:0;position:absolute;top:0;width:var(--cbb-icon-size,30px)}.cbb-button--icon-text-light-color:hover .cbb-button__icon-container:before{filter:drop-shadow(var(--cbb-icon-size,30px) 0 var(--cbb-hover-icon-light-color,#000))}html[data-theme=dark] .cbb-button--icon-text-dark-color:hover .cbb-button__icon-container:before{filter:drop-shadow(var(--cbb-icon-size,30px) 0 var(--cbb-hover-icon-dark-color,#000))}.cbb-button__icon--alarm-fill .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYWxhcm0tZmlsbCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNNiAuNWEuNS41IDAgMCAxIC41LS41aDNhLjUuNSAwIDAgMSAwIDFIOXYxLjA3YTcuMDAxIDcuMDAxIDAgMCAxIDMuMjc0IDEyLjQ3NGwuNjAxLjYwMmEuNS41IDAgMCAxLS43MDcuNzA4bC0uNzQ2LS43NDZBNi45NyA2Ljk3IDAgMCAxIDggMTZhNi45NyA2Ljk3IDAgMCAxLTMuNDIyLS44OTJsLS43NDYuNzQ2YS41LjUgMCAwIDEtLjcwNy0uNzA4bC42MDItLjYwMkE3LjAwMSA3LjAwMSAwIDAgMSA3IDIuMDdWMWgtLjVBLjUuNSAwIDAgMSA2IC41bTIuNSA1YS41LjUgMCAwIDAtMSAwdjMuMzYybC0xLjQyOSAyLjM4YS41LjUgMCAxIDAgLjg1OC41MTVsMS41LTIuNUEuNS41IDAgMCAwIDguNSA5ek0uODYgNS4zODdBMi41IDIuNSAwIDEgMSA0LjM4NyAxLjg2IDguMDQgOC4wNCAwIDAgMCAuODYgNS4zODdNMTEuNjEzIDEuODZhMi41IDIuNSAwIDEgMSAzLjUyNyAzLjUyNyA4LjA0IDguMDQgMCAwIDAtMy41MjctMy41MjciLz4KPC9zdmc+)}.cbb-button__icon--arrow-left-circle-fill .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctbGVmdC1jaXJjbGUtZmlsbCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNOCAwYTggOCAwIDEgMCAwIDE2QTggOCAwIDAgMCA4IDBtMy41IDcuNWEuNS41IDAgMCAxIDAgMUg1LjcwN2wyLjE0NyAyLjE0NmEuNS41IDAgMCAxLS43MDguNzA4bC0zLTNhLjUuNSAwIDAgMSAwLS43MDhsMy0zYS41LjUgMCAxIDEgLjcwOC43MDhMNS43MDcgNy41eiIvPgo8L3N2Zz4=)}.cbb-button__icon--arrow-left-circle .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctbGVmdC1jaXJjbGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMSA4YTcgNyAwIDEgMCAxNCAwQTcgNyAwIDAgMCAxIDhtMTUgMEE4IDggMCAxIDEgMCA4YTggOCAwIDAgMSAxNiAwbS00LjUtLjVhLjUuNSAwIDAgMSAwIDFINS43MDdsMi4xNDcgMi4xNDZhLjUuNSAwIDAgMS0uNzA4LjcwOGwtMy0zYS41LjUgMCAwIDEgMC0uNzA4bDMtM2EuNS41IDAgMSAxIC43MDguNzA4TDUuNzA3IDcuNXoiLz4KPC9zdmc+)}.cbb-button__icon--arrow-right-circle-fill .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctcmlnaHQtY2lyY2xlLWZpbGwiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTggMGE4IDggMCAxIDEgMCAxNkE4IDggMCAwIDEgOCAwTTQuNSA3LjVhLjUuNSAwIDAgMCAwIDFoNS43OTNsLTIuMTQ3IDIuMTQ2YS41LjUgMCAwIDAgLjcwOC43MDhsMy0zYS41LjUgMCAwIDAgMC0uNzA4bC0zLTNhLjUuNSAwIDEgMC0uNzA4LjcwOEwxMC4yOTMgNy41eiIvPgo8L3N2Zz4=)}.cbb-button__icon--arrow-right-circle .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctcmlnaHQtY2lyY2xlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEgOGE3IDcgMCAxIDAgMTQgMEE3IDcgMCAwIDAgMSA4bTE1IDBBOCA4IDAgMSAxIDAgOGE4IDggMCAwIDEgMTYgME00LjUgNy41YS41LjUgMCAwIDAgMCAxaDUuNzkzbC0yLjE0NyAyLjE0NmEuNS41IDAgMCAwIC43MDguNzA4bDMtM2EuNS41IDAgMCAwIDAtLjcwOGwtMy0zYS41LjUgMCAxIDAtLjcwOC43MDhMMTAuMjkzIDcuNXoiLz4KPC9zdmc+)}.cbb-button__icon--arrow-up-left-square .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctdXAtbGVmdC1zcXVhcmUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTUgMmExIDEgMCAwIDAtMS0xSDJhMSAxIDAgMCAwLTEgMXYxMmExIDEgMCAwIDAgMSAxaDEyYTEgMSAwIDAgMCAxLTF6TTAgMmEyIDIgMCAwIDEgMi0yaDEyYTIgMiAwIDAgMSAyIDJ2MTJhMiAyIDAgMCAxLTIgMkgyYTIgMiAwIDAgMS0yLTJ6bTEwLjA5NiA4LjgwM2EuNS41IDAgMSAwIC43MDctLjcwN0w2LjcwNyA2aDIuNzY4YS41LjUgMCAxIDAgMC0xSDUuNWEuNS41IDAgMCAwLS41LjV2My45NzVhLjUuNSAwIDAgMCAxIDBWNi43MDd6Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--arrow-up-right-circle-fill .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctdXAtcmlnaHQtY2lyY2xlLWZpbGwiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTAgOGE4IDggMCAxIDAgMTYgMEE4IDggMCAwIDAgMCA4bTUuOTA0IDIuODAzYS41LjUgMCAxIDEtLjcwNy0uNzA3TDkuMjkzIDZINi41MjVhLjUuNSAwIDEgMSAwLTFIMTAuNWEuNS41IDAgMCAxIC41LjV2My45NzVhLjUuNSAwIDAgMS0xIDBWNi43MDd6Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--arrow-up-right-circle .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctdXAtcmlnaHQtY2lyY2xlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEgOGE3IDcgMCAxIDAgMTQgMEE3IDcgMCAwIDAgMSA4bTE1IDBBOCA4IDAgMSAxIDAgOGE4IDggMCAwIDEgMTYgME01Ljg1NCAxMC44MDNhLjUuNSAwIDEgMS0uNzA4LS43MDdMOS4yNDMgNkg2LjQ3NWEuNS41IDAgMSAxIDAtMWgzLjk3NWEuNS41IDAgMCAxIC41LjV2My45NzVhLjUuNSAwIDEgMS0xIDBWNi43MDd6Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--arrow-up-right-square-fill .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctdXAtcmlnaHQtc3F1YXJlLWZpbGwiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTE0IDBhMiAyIDAgMCAxIDIgMnYxMmEyIDIgMCAwIDEtMiAySDJhMiAyIDAgMCAxLTItMlYyYTIgMiAwIDAgMSAyLTJ6TTUuOTA0IDEwLjgwMyAxMCA2LjcwN3YyLjc2OGEuNS41IDAgMCAwIDEgMFY1LjVhLjUuNSAwIDAgMC0uNS0uNUg2LjUyNWEuNS41IDAgMSAwIDAgMWgyLjc2OGwtNC4wOTYgNC4wOTZhLjUuNSAwIDAgMCAuNzA3LjcwNyIvPgo8L3N2Zz4=)}.cbb-button__icon--arrow-up-right-square .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctdXAtcmlnaHQtc3F1YXJlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE1IDJhMSAxIDAgMCAwLTEtMUgyYTEgMSAwIDAgMC0xIDF2MTJhMSAxIDAgMCAwIDEgMWgxMmExIDEgMCAwIDAgMS0xek0wIDJhMiAyIDAgMCAxIDItMmgxMmEyIDIgMCAwIDEgMiAydjEyYTIgMiAwIDAgMS0yIDJIMmEyIDIgMCAwIDEtMi0yem01Ljg1NCA4LjgwM2EuNS41IDAgMSAxLS43MDgtLjcwN0w5LjI0MyA2SDYuNDc1YS41LjUgMCAxIDEgMC0xaDMuOTc1YS41LjUgMCAwIDEgLjUuNXYzLjk3NWEuNS41IDAgMSAxLTEgMFY2LjcwN3oiLz4KPC9zdmc+)}.cbb-button__icon--award .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXdhcmQiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTkuNjY5Ljg2NCA4IDAgNi4zMzEuODY0bC0xLjg1OC4yODItLjg0MiAxLjY4LTEuMzM3IDEuMzJMMi42IDZsLS4zMDYgMS44NTQgMS4zMzcgMS4zMi44NDIgMS42OCAxLjg1OC4yODJMOCAxMmwxLjY2OS0uODY0IDEuODU4LS4yODIuODQyLTEuNjggMS4zMzctMS4zMkwxMy40IDZsLjMwNi0xLjg1NC0xLjMzNy0xLjMyLS44NDItMS42OHptMS4xOTYgMS4xOTMuNjg0IDEuMzY1IDEuMDg2IDEuMDcyTDEyLjM4NyA2bC4yNDggMS41MDYtMS4wODYgMS4wNzItLjY4NCAxLjM2NS0xLjUxLjIyOUw4IDEwLjg3NGwtMS4zNTUtLjcwMi0xLjUxLS4yMjktLjY4NC0xLjM2NS0xLjA4Ni0xLjA3MkwzLjYxNCA2bC0uMjUtMS41MDYgMS4wODctMS4wNzIuNjg0LTEuMzY1IDEuNTEtLjIyOUw4IDEuMTI2bDEuMzU2LjcwMnoiLz4KICA8cGF0aCBkPSJNNCAxMS43OTRWMTZsNC0xIDQgMXYtNC4yMDZsLTIuMDE4LjMwNkw4IDEzLjEyNiA2LjAxOCAxMi4xeiIvPgo8L3N2Zz4=)}.cbb-button__icon--battery-charging .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYmF0dGVyeS1jaGFyZ2luZyIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNOS41ODUgMi41NjhhLjUuNSAwIDAgMSAuMjI2LjU4TDguNjc3IDYuODMyaDEuOTlhLjUuNSAwIDAgMSAuMzY0Ljg0M2wtNS4zMzQgNS42NjdhLjUuNSAwIDAgMS0uODQyLS40OUw1Ljk5IDkuMTY3SDRhLjUuNSAwIDAgMS0uMzY0LS44NDNsNS4zMzMtNS42NjdhLjUuNSAwIDAgMSAuNjE2LS4wOXoiLz4KICA8cGF0aCBkPSJNMiA0aDQuMzMybC0uOTQgMUgyYTEgMSAwIDAgMC0xIDF2NGExIDEgMCAwIDAgMSAxaDIuMzhsLS4zMDggMUgyYTIgMiAwIDAgMS0yLTJWNmEyIDIgMCAwIDEgMi0yIi8+CiAgPHBhdGggZD0iTTIgNmgyLjQ1TDIuOTA4IDcuNjM5QTEuNSAxLjUgMCAwIDAgMy4zMTMgMTBIMnptOC41OTUtMi0uMzA4IDFIMTJhMSAxIDAgMCAxIDEgMXY0YTEgMSAwIDAgMS0xIDFIOS4yNzZsLS45NDIgMUgxMmEyIDIgMCAwIDAgMi0yVjZhMiAyIDAgMCAwLTItMnoiLz4KICA8cGF0aCBkPSJNMTIgMTBoLTEuNzgzbDEuNTQyLTEuNjM5cS4xNDYtLjE1Ni4yNDEtLjM0em0wLTMuMzU0VjZoLS42NDZhMS41IDEuNSAwIDAgMSAuNjQ2LjY0Nk0xNiA4YTEuNSAxLjUgMCAwIDEtMS41IDEuNXYtM0ExLjUgMS41IDAgMCAxIDE2IDgiLz4KPC9zdmc+)}.cbb-button__icon--box-seam .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYm94LXNlYW0iIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTguMTg2IDEuMTEzYS41LjUgMCAwIDAtLjM3MiAwTDEuODQ2IDMuNWwyLjQwNC45NjFMMTAuNDA0IDJ6bTMuNTY0IDEuNDI2TDUuNTk2IDUgOCA1Ljk2MSAxNC4xNTQgMy41em0zLjI1IDEuNy02LjUgMi42djcuOTIybDYuNS0yLjZWNC4yNHpNNy41IDE0Ljc2MlY2LjgzOEwxIDQuMjM5djcuOTIzek03LjQ0My4xODRhMS41IDEuNSAwIDAgMSAxLjExNCAwbDcuMTI5IDIuODUyQS41LjUgMCAwIDEgMTYgMy41djguNjYyYTEgMSAwIDAgMS0uNjI5LjkyOGwtNy4xODUgMi44NzRhLjUuNSAwIDAgMS0uMzcyIDBMLjYzIDEzLjA5YTEgMSAwIDAgMS0uNjMtLjkyOFYzLjVhLjUuNSAwIDAgMSAuMzE0LS40NjR6Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--boxes .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYm94ZXMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTcuNzUyLjA2NmEuNS41IDAgMCAxIC40OTYgMGwzLjc1IDIuMTQzYS41LjUgMCAwIDEgLjI1Mi40MzR2My45OTVsMy40OTggMkEuNS41IDAgMCAxIDE2IDkuMDd2NC4yODZhLjUuNSAwIDAgMS0uMjUyLjQzNGwtMy43NSAyLjE0M2EuNS41IDAgMCAxLS40OTYgMGwtMy41MDItMi0zLjUwMiAyLjAwMWEuNS41IDAgMCAxLS40OTYgMGwtMy43NS0yLjE0M0EuNS41IDAgMCAxIDAgMTMuMzU3VjkuMDcxYS41LjUgMCAwIDEgLjI1Mi0uNDM0TDMuNzUgNi42MzhWMi42NDNhLjUuNSAwIDAgMSAuMjUyLS40MzR6TTQuMjUgNy41MDQgMS41MDggOS4wNzFsMi43NDIgMS41NjcgMi43NDItMS41Njd6TTcuNSA5LjkzM2wtMi43NSAxLjU3MXYzLjEzNGwyLjc1LTEuNTcxem0xIDMuMTM0IDIuNzUgMS41NzF2LTMuMTM0TDguNSA5LjkzM3ptLjUwOC0zLjk5NiAyLjc0MiAxLjU2NyAyLjc0Mi0xLjU2Ny0yLjc0Mi0xLjU2N3ptMi4yNDItMi40MzNWMy41MDRMOC41IDUuMDc2VjguMjF6TTcuNSA4LjIxVjUuMDc2TDQuNzUgMy41MDR2My4xMzR6TTUuMjU4IDIuNjQzIDggNC4yMWwyLjc0Mi0xLjU2N0w4IDEuMDc2ek0xNSA5LjkzM2wtMi43NSAxLjU3MXYzLjEzNEwxNSAxMy4wNjd6TTMuNzUgMTQuNjM4di0zLjEzNEwxIDkuOTMzdjMuMTM0eiIvPgo8L3N2Zz4=)}.cbb-button__icon--bricks .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYnJpY2tzIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0wIC41QS41LjUgMCAwIDEgLjUgMGgxNWEuNS41IDAgMCAxIC41LjV2M2EuNS41IDAgMCAxLS41LjVIMTR2MmgxLjVhLjUuNSAwIDAgMSAuNS41djNhLjUuNSAwIDAgMS0uNS41SDE0djJoMS41YS41LjUgMCAwIDEgLjUuNXYzYS41LjUgMCAwIDEtLjUuNUguNWEuNS41IDAgMCAxLS41LS41di0zYS41LjUgMCAwIDEgLjUtLjVIMnYtMkguNWEuNS41IDAgMCAxLS41LS41di0zQS41LjUgMCAwIDEgLjUgNkgyVjRILjVhLjUuNSAwIDAgMS0uNS0uNXpNMyA0djJoNC41VjR6bTUuNSAwdjJIMTNWNHpNMyAxMHYyaDQuNXYtMnptNS41IDB2MkgxM3YtMnpNMSAxdjJoMy41VjF6bTQuNSAwdjJoNVYxem02IDB2MkgxNVYxek0xIDd2MmgzLjVWN3ptNC41IDB2Mmg1Vjd6bTYgMHYySDE1Vjd6TTEgMTN2MmgzLjV2LTJ6bTQuNSAwdjJoNXYtMnptNiAwdjJIMTV2LTJ6Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--brightness-high .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYnJpZ2h0bmVzcy1oaWdoIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik04IDExYTMgMyAwIDEgMSAwLTYgMyAzIDAgMCAxIDAgNm0wIDFhNCA0IDAgMSAwIDAtOCA0IDQgMCAwIDAgMCA4TTggMGEuNS41IDAgMCAxIC41LjV2MmEuNS41IDAgMCAxLTEgMHYtMkEuNS41IDAgMCAxIDggMG0wIDEzYS41LjUgMCAwIDEgLjUuNXYyYS41LjUgMCAwIDEtMSAwdi0yQS41LjUgMCAwIDEgOCAxM204LTVhLjUuNSAwIDAgMS0uNS41aC0yYS41LjUgMCAwIDEgMC0xaDJhLjUuNSAwIDAgMSAuNS41TTMgOGEuNS41IDAgMCAxLS41LjVoLTJhLjUuNSAwIDAgMSAwLTFoMkEuNS41IDAgMCAxIDMgOG0xMC42NTctNS42NTdhLjUuNSAwIDAgMSAwIC43MDdsLTEuNDE0IDEuNDE1YS41LjUgMCAxIDEtLjcwNy0uNzA4bDEuNDE0LTEuNDE0YS41LjUgMCAwIDEgLjcwNyAwbS05LjE5MyA5LjE5M2EuNS41IDAgMCAxIDAgLjcwN0wzLjA1IDEzLjY1N2EuNS41IDAgMCAxLS43MDctLjcwN2wxLjQxNC0xLjQxNGEuNS41IDAgMCAxIC43MDcgMG05LjE5MyAyLjEyMWEuNS41IDAgMCAxLS43MDcgMGwtMS40MTQtMS40MTRhLjUuNSAwIDAgMSAuNzA3LS43MDdsMS40MTQgMS40MTRhLjUuNSAwIDAgMSAwIC43MDdNNC40NjQgNC40NjVhLjUuNSAwIDAgMS0uNzA3IDBMMi4zNDMgMy4wNWEuNS41IDAgMSAxIC43MDctLjcwN2wxLjQxNCAxLjQxNGEuNS41IDAgMCAxIDAgLjcwOCIvPgo8L3N2Zz4=)}.cbb-button__icon--bug .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYnVnIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik00LjM1NS41MjJhLjUuNSAwIDAgMSAuNjIzLjMzM2wuMjkxLjk1NkE1IDUgMCAwIDEgOCAxYzEuMDA3IDAgMS45NDYuMjk4IDIuNzMxLjgxMWwuMjktLjk1NmEuNS41IDAgMSAxIC45NTcuMjlsLS40MSAxLjM1MkE1IDUgMCAwIDEgMTMgNmguNWEuNS41IDAgMCAwIC41LS41VjVhLjUuNSAwIDAgMSAxIDB2LjVBMS41IDEuNSAwIDAgMSAxMy41IDdIMTN2MWgxLjVhLjUuNSAwIDAgMSAwIDFIMTN2MWguNWExLjUgMS41IDAgMCAxIDEuNSAxLjV2LjVhLjUuNSAwIDEgMS0xIDB2LS41YS41LjUgMCAwIDAtLjUtLjVIMTNhNSA1IDAgMCAxLTEwIDBoLS41YS41LjUgMCAwIDAtLjUuNXYuNWEuNS41IDAgMSAxLTEgMHYtLjVBMS41IDEuNSAwIDAgMSAyLjUgMTBIM1Y5SDEuNWEuNS41IDAgMCAxIDAtMUgzVjdoLS41QTEuNSAxLjUgMCAwIDEgMSA1LjVWNWEuNS41IDAgMCAxIDEgMHYuNWEuNS41IDAgMCAwIC41LjVIM2MwLTEuMzY0LjU0Ny0yLjYwMSAxLjQzMi0zLjUwM2wtLjQxLTEuMzUyYS41LjUgMCAwIDEgLjMzMy0uNjIzTTQgN3Y0YTQgNCAwIDAgMCAzLjUgMy45N1Y3em00LjUgMHY3Ljk3QTQgNCAwIDAgMCAxMiAxMVY3ek0xMiA2YTQgNCAwIDAgMC0xLjMzNC0yLjk4MkEzLjk4IDMuOTggMCAwIDAgOCAyYTMuOTggMy45OCAwIDAgMC0yLjY2NyAxLjAxOEE0IDQgMCAwIDAgNCA2eiIvPgo8L3N2Zz4=)}.cbb-button__icon--building .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYnVpbGRpbmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTQgMi41YS41LjUgMCAwIDEgLjUtLjVoMWEuNS41IDAgMCAxIC41LjV2MWEuNS41IDAgMCAxLS41LjVoLTFhLjUuNSAwIDAgMS0uNS0uNXptMyAwYS41LjUgMCAwIDEgLjUtLjVoMWEuNS41IDAgMCAxIC41LjV2MWEuNS41IDAgMCAxLS41LjVoLTFhLjUuNSAwIDAgMS0uNS0uNXptMy41LS41YS41LjUgMCAwIDAtLjUuNXYxYS41LjUgMCAwIDAgLjUuNWgxYS41LjUgMCAwIDAgLjUtLjV2LTFhLjUuNSAwIDAgMC0uNS0uNXpNNCA1LjVhLjUuNSAwIDAgMSAuNS0uNWgxYS41LjUgMCAwIDEgLjUuNXYxYS41LjUgMCAwIDEtLjUuNWgtMWEuNS41IDAgMCAxLS41LS41ek03LjUgNWEuNS41IDAgMCAwLS41LjV2MWEuNS41IDAgMCAwIC41LjVoMWEuNS41IDAgMCAwIC41LS41di0xYS41LjUgMCAwIDAtLjUtLjV6bTIuNS41YS41LjUgMCAwIDEgLjUtLjVoMWEuNS41IDAgMCAxIC41LjV2MWEuNS41IDAgMCAxLS41LjVoLTFhLjUuNSAwIDAgMS0uNS0uNXpNNC41IDhhLjUuNSAwIDAgMC0uNS41djFhLjUuNSAwIDAgMCAuNS41aDFhLjUuNSAwIDAgMCAuNS0uNXYtMWEuNS41IDAgMCAwLS41LS41em0yLjUuNWEuNS41IDAgMCAxIC41LS41aDFhLjUuNSAwIDAgMSAuNS41djFhLjUuNSAwIDAgMS0uNS41aC0xYS41LjUgMCAwIDEtLjUtLjV6bTMuNS0uNWEuNS41IDAgMCAwLS41LjV2MWEuNS41IDAgMCAwIC41LjVoMWEuNS41IDAgMCAwIC41LS41di0xYS41LjUgMCAwIDAtLjUtLjV6Ii8+CiAgPHBhdGggZD0iTTIgMWExIDEgMCAwIDEgMS0xaDEwYTEgMSAwIDAgMSAxIDF2MTRhMSAxIDAgMCAxLTEgMUgzYTEgMSAwIDAgMS0xLTF6bTExIDBIM3YxNGgzdi0yLjVhLjUuNSAwIDAgMSAuNS0uNWgzYS41LjUgMCAwIDEgLjUuNVYxNWgzeiIvPgo8L3N2Zz4=)}.cbb-button__icon--buildings .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYnVpbGRpbmdzIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0xNC43NjMuMDc1QS41LjUgMCAwIDEgMTUgLjV2MTVhLjUuNSAwIDAgMS0uNS41aC0zYS41LjUgMCAwIDEtLjUtLjVWMTRoLTF2MS41YS41LjUgMCAwIDEtLjUuNWgtOWEuNS41IDAgMCAxLS41LS41VjEwYS41LjUgMCAwIDEgLjM0Mi0uNDc0TDYgNy42NFY0LjVhLjUuNSAwIDAgMSAuMjc2LS40NDdsOC00YS41LjUgMCAwIDEgLjQ4Ny4wMjJNNiA4LjY5NCAxIDEwLjM2VjE1aDV6TTcgMTVoMnYtMS41YS41LjUgMCAwIDEgLjUtLjVoMmEuNS41IDAgMCAxIC41LjVWMTVoMlYxLjMwOWwtNyAzLjV6Ii8+CiAgPHBhdGggZD0iTTIgMTFoMXYxSDJ6bTIgMGgxdjFINHptLTIgMmgxdjFIMnptMiAwaDF2MUg0em00LTRoMXYxSDh6bTIgMGgxdjFoLTF6bS0yIDJoMXYxSDh6bTIgMGgxdjFoLTF6bTItMmgxdjFoLTF6bTAgMmgxdjFoLTF6TTggN2gxdjFIOHptMiAwaDF2MWgtMXptMiAwaDF2MWgtMXpNOCA1aDF2MUg4em0yIDBoMXYxaC0xem0yIDBoMXYxaC0xem0wLTJoMXYxaC0xeiIvPgo8L3N2Zz4=)}.cbb-button__icon--chat-text .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2hhdC10ZXh0IiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0yLjY3OCAxMS44OTRhMSAxIDAgMCAxIC4yODcuODAxIDExIDExIDAgMCAxLS4zOTggMmMxLjM5NS0uMzIzIDIuMjQ3LS42OTcgMi42MzQtLjg5M2ExIDEgMCAwIDEgLjcxLS4wNzRBOCA4IDAgMCAwIDggMTRjMy45OTYgMCA3LTIuODA3IDctNnMtMy4wMDQtNi03LTYtNyAyLjgwOC03IDZjMCAxLjQ2OC42MTcgMi44MyAxLjY3OCAzLjg5NG0tLjQ5MyAzLjkwNWEyMiAyMiAwIDAgMS0uNzEzLjEyOWMtLjIuMDMyLS4zNTItLjE3Ni0uMjczLS4zNjJhMTAgMTAgMCAwIDAgLjI0NC0uNjM3bC4wMDMtLjAxYy4yNDgtLjcyLjQ1LTEuNTQ4LjUyNC0yLjMxOUMuNzQzIDExLjM3IDAgOS43NiAwIDhjMC0zLjg2NiAzLjU4Mi03IDgtN3M4IDMuMTM0IDggNy0zLjU4MiA3LTggN2E5IDkgMCAwIDEtMi4zNDctLjMwNmMtLjUyLjI2My0xLjYzOS43NDItMy40NjggMS4xMDUiLz4KICA8cGF0aCBkPSJNNCA1LjVhLjUuNSAwIDAgMSAuNS0uNWg3YS41LjUgMCAwIDEgMCAxaC03YS41LjUgMCAwIDEtLjUtLjVNNCA4YS41LjUgMCAwIDEgLjUtLjVoN2EuNS41IDAgMCAxIDAgMWgtN0EuNS41IDAgMCAxIDQgOG0wIDIuNWEuNS41IDAgMCAxIC41LS41aDRhLjUuNSAwIDAgMSAwIDFoLTRhLjUuNSAwIDAgMS0uNS0uNSIvPgo8L3N2Zz4=)}.cbb-button__icon--cloud-check .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2xvdWQtY2hlY2siIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAuMzU0IDYuMTQ2YS41LjUgMCAwIDEgMCAuNzA4bC0zIDNhLjUuNSAwIDAgMS0uNzA4IDBsLTEuNS0xLjVhLjUuNSAwIDEgMSAuNzA4LS43MDhMNyA4Ljc5M2wyLjY0Ni0yLjY0N2EuNS41IDAgMCAxIC43MDggMCIvPgogIDxwYXRoIGQ9Ik00LjQwNiAzLjM0MkE1LjUzIDUuNTMgMCAwIDEgOCAyYzIuNjkgMCA0LjkyMyAyIDUuMTY2IDQuNTc5QzE0Ljc1OCA2LjgwNCAxNiA4LjEzNyAxNiA5Ljc3MyAxNiAxMS41NjkgMTQuNTAyIDEzIDEyLjY4NyAxM0gzLjc4MUMxLjcwOCAxMyAwIDExLjM2NiAwIDkuMzE4YzAtMS43NjMgMS4yNjYtMy4yMjMgMi45NDItMy41OTMuMTQzLS44NjMuNjk4LTEuNzIzIDEuNDY0LTIuMzgzbS42NTMuNzU3Yy0uNzU3LjY1My0xLjE1MyAxLjQ0LTEuMTUzIDIuMDU2di40NDhsLS40NDUuMDQ5QzIuMDY0IDYuODA1IDEgNy45NTIgMSA5LjMxOCAxIDEwLjc4NSAyLjIzIDEyIDMuNzgxIDEyaDguOTA2QzEzLjk4IDEyIDE1IDEwLjk4OCAxNSA5Ljc3M2MwLTEuMjE2LTEuMDItMi4yMjgtMi4zMTMtMi4yMjhoLS41di0uNUMxMi4xODggNC44MjUgMTAuMzI4IDMgOCAzYTQuNTMgNC41MyAwIDAgMC0yLjk0MSAxLjF6Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--cloud-sun .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2xvdWQtc3VuIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik03IDhhMy41IDMuNSAwIDAgMSAzLjUgMy41NTUuNS41IDAgMCAwIC42MjQuNDkyQTEuNTAzIDEuNTAzIDAgMCAxIDEzIDEzLjVhMS41IDEuNSAwIDAgMS0xLjUgMS41SDNhMiAyIDAgMSAxIC4xLTMuOTk4LjUuNSAwIDAgMCAuNTEtLjM3NUEzLjUgMy41IDAgMCAxIDcgOG00LjQ3MyAzYTQuNSA0LjUgMCAwIDAtOC43Mi0uOTlBMyAzIDAgMCAwIDMgMTZoOC41YTIuNSAyLjUgMCAwIDAgMC01eiIvPgogIDxwYXRoIGQ9Ik0xMC41IDEuNWEuNS41IDAgMCAwLTEgMHYxYS41LjUgMCAwIDAgMSAwem0zLjc0MyAxLjk2NGEuNS41IDAgMSAwLS43MDctLjcwN2wtLjcwOC43MDdhLjUuNSAwIDAgMCAuNzA4LjcwOHptLTcuNzc5LS43MDdhLjUuNSAwIDAgMC0uNzA3LjcwN2wuNzA3LjcwOGEuNS41IDAgMSAwIC43MDgtLjcwOHptMS43MzQgMy4zNzRhMiAyIDAgMSAxIDMuMjk2IDIuMTk4cS4zLjQyMy41MTYuODk4YTMgMyAwIDEgMC00Ljg0LTMuMjI1cS41MjkuMDE3IDEuMDI4LjEyOW00LjQ4NCA0LjA3NGMuNi4yMTUgMS4xMjUuNTkgMS41MjIgMS4wNzJhLjUuNSAwIDAgMCAuMDM5LS43NDJsLS43MDctLjcwN2EuNS41IDAgMCAwLS44NTQuMzc3TTE0LjUgNi41YS41LjUgMCAwIDAgMCAxaDFhLjUuNSAwIDAgMCAwLTF6Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--code-square .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY29kZS1zcXVhcmUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTE0IDFhMSAxIDAgMCAxIDEgMXYxMmExIDEgMCAwIDEtMSAxSDJhMSAxIDAgMCAxLTEtMVYyYTEgMSAwIDAgMSAxLTF6TTIgMGEyIDIgMCAwIDAtMiAydjEyYTIgMiAwIDAgMCAyIDJoMTJhMiAyIDAgMCAwIDItMlYyYTIgMiAwIDAgMC0yLTJ6Ii8+CiAgPHBhdGggZD0iTTYuODU0IDQuNjQ2YS41LjUgMCAwIDEgMCAuNzA4TDQuMjA3IDhsMi42NDcgMi42NDZhLjUuNSAwIDAgMS0uNzA4LjcwOGwtMy0zYS41LjUgMCAwIDEgMC0uNzA4bDMtM2EuNS41IDAgMCAxIC43MDggMG0yLjI5MiAwYS41LjUgMCAwIDAgMCAuNzA4TDExLjc5MyA4bC0yLjY0NyAyLjY0NmEuNS41IDAgMCAwIC43MDguNzA4bDMtM2EuNS41IDAgMCAwIDAtLjcwOGwtMy0zYS41LjUgMCAwIDAtLjcwOCAwIi8+Cjwvc3ZnPg==)}.cbb-button__icon--coin .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY29pbiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNNS41IDkuNTExYy4wNzYuOTU0LjgzIDEuNjk3IDIuMTgyIDEuNzg1VjEyaC42di0uNzA5YzEuNC0uMDk4IDIuMjE4LS44NDYgMi4yMTgtMS45MzIgMC0uOTg3LS42MjYtMS40OTYtMS43NDUtMS43NmwtLjQ3My0uMTEyVjUuNTdjLjYuMDY4Ljk4Mi4zOTYgMS4wNzQuODVoMS4wNTJjLS4wNzYtLjkxOS0uODY0LTEuNjM4LTIuMTI2LTEuNzE2VjRoLS42di43MTljLTEuMTk1LjExNy0yLjAxLjgzNi0yLjAxIDEuODUzIDAgLjkuNjA2IDEuNDcyIDEuNjEzIDEuNzA3bC4zOTcuMDk4djIuMDM0Yy0uNjE1LS4wOTMtMS4wMjItLjQzLTEuMTE0LS45em0yLjE3Ny0yLjE2NmMtLjU5LS4xMzctLjkxLS40MTYtLjkxLS44MzYgMC0uNDcuMzQ1LS44MjIuOTE1LS45MjV2MS43NmgtLjAwNXptLjY5MiAxLjE5M2MuNzE3LjE2NiAxLjA0OC40MzUgMS4wNDguOTEgMCAuNTQyLS40MTIuOTE0LTEuMTM1Ljk4MlY4LjUxOHoiLz4KICA8cGF0aCBkPSJNOCAxNUE3IDcgMCAxIDEgOCAxYTcgNyAwIDAgMSAwIDE0bTAgMUE4IDggMCAxIDAgOCAwYTggOCAwIDAgMCAwIDE2Ii8+CiAgPHBhdGggZD0iTTggMTMuNWE1LjUgNS41IDAgMSAxIDAtMTEgNS41IDUuNSAwIDAgMSAwIDExbTAgLjVBNiA2IDAgMSAwIDggMmE2IDYgMCAwIDAgMCAxMiIvPgo8L3N2Zz4=)}.cbb-button__icon--columns .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY29sdW1ucyIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMCAyYTEgMSAwIDAgMSAxLTFoMTRhMSAxIDAgMCAxIDEgMXYxMmExIDEgMCAwIDEtMSAxSDFhMSAxIDAgMCAxLTEtMXptOC41IDB2OEgxNVYyem0wIDl2M0gxNXYtM3ptLTEtOUgxdjNoNi41ek0xIDE0aDYuNVY2SDF6Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--columns-gap .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY29sdW1ucy1nYXAiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTYgMXYzSDFWMXpNMSAwYTEgMSAwIDAgMC0xIDF2M2ExIDEgMCAwIDAgMSAxaDVhMSAxIDAgMCAwIDEtMVYxYTEgMSAwIDAgMC0xLTF6bTE0IDEydjNoLTV2LTN6bS01LTFhMSAxIDAgMCAwLTEgMXYzYTEgMSAwIDAgMCAxIDFoNWExIDEgMCAwIDAgMS0xdi0zYTEgMSAwIDAgMC0xLTF6TTYgOHY3SDFWOHpNMSA3YTEgMSAwIDAgMC0xIDF2N2ExIDEgMCAwIDAgMSAxaDVhMSAxIDAgMCAwIDEtMVY4YTEgMSAwIDAgMC0xLTF6bTE0LTZ2N2gtNVYxem0tNS0xYTEgMSAwIDAgMC0xIDF2N2ExIDEgMCAwIDAgMSAxaDVhMSAxIDAgMCAwIDEtMVYxYTEgMSAwIDAgMC0xLTF6Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--database-down .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZGF0YWJhc2UtZG93biIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMTIuNSA5YTMuNSAzLjUgMCAxIDEgMCA3IDMuNSAzLjUgMCAwIDEgMC03bS4zNTQgNS44NTQgMS41LTEuNWEuNS41IDAgMCAwLS43MDgtLjcwOGwtLjY0Ni42NDdWMTAuNWEuNS41IDAgMCAwLTEgMHYyLjc5M2wtLjY0Ni0uNjQ3YS41LjUgMCAwIDAtLjcwOC43MDhsMS41IDEuNWEuNS41IDAgMCAwIC43MDggMCIvPgogIDxwYXRoIGQ9Ik0xMi4wOTYgNi4yMjNBNSA1IDAgMCAwIDEzIDUuNjk4VjdjMCAuMjg5LS4yMTMuNjU0LS43NTMgMS4wMDdhNC41IDQuNSAwIDAgMSAxLjc1My4yNVY0YzAtMS4wMDctLjg3NS0xLjc1NS0xLjkwNC0yLjIyM0MxMS4wMjIgMS4yODkgOS41NzMgMSA4IDFzLTMuMDIyLjI4OS00LjA5Ni43NzdDMi44NzUgMi4yNDUgMiAyLjk5MyAyIDR2OWMwIDEuMDA3Ljg3NSAxLjc1NSAxLjkwNCAyLjIyM0M0Ljk3OCAxNS43MSA2LjQyNyAxNiA4IDE2Yy41MzYgMCAxLjA1OC0uMDM0IDEuNTU1LS4wOTdhNC41IDQuNSAwIDAgMS0uODEzLS45MjdROC4zNzggMTUgOCAxNWMtMS40NjQgMC0yLjc2Ni0uMjctMy42ODItLjY4N0MzLjM1NiAxMy44NzUgMyAxMy4zNzMgMyAxM3YtMS4zMDJjLjI3MS4yMDIuNTguMzc4LjkwNC41MjVDNC45NzggMTIuNzEgNi40MjcgMTMgOCAxM2guMDI3YTQuNiA0LjYgMCAwIDEgMC0xSDhjLTEuNDY0IDAtMi43NjYtLjI3LTMuNjgyLS42ODdDMy4zNTYgMTAuODc1IDMgMTAuMzczIDMgMTBWOC42OThjLjI3MS4yMDIuNTguMzc4LjkwNC41MjVDNC45NzggOS43MSA2LjQyNyAxMCA4IDEwcS4zOTMgMCAuNzc0LS4wMjRhNC41IDQuNSAwIDAgMSAxLjEwMi0xLjEzMkM5LjI5OCA4Ljk0NCA4LjY2NiA5IDggOWMtMS40NjQgMC0yLjc2Ni0uMjctMy42ODItLjY4N0MzLjM1NiA3Ljg3NSAzIDcuMzczIDMgN1Y1LjY5OGMuMjcxLjIwMi41OC4zNzguOTA0LjUyNUM0Ljk3OCA2LjcxMSA2LjQyNyA3IDggN3MzLjAyMi0uMjg5IDQuMDk2LS43NzdNMyA0YzAtLjM3NC4zNTYtLjg3NSAxLjMxOC0xLjMxM0M1LjIzNCAyLjI3MSA2LjUzNiAyIDggMnMyLjc2Ni4yNyAzLjY4Mi42ODdDMTIuNjQ0IDMuMTI1IDEzIDMuNjI3IDEzIDRjMCAuMzc0LS4zNTYuODc1LTEuMzE4IDEuMzEzQzEwLjc2NiA1LjcyOSA5LjQ2NCA2IDggNnMtMi43NjYtLjI3LTMuNjgyLS42ODdDMy4zNTYgNC44NzUgMyA0LjM3MyAzIDQiLz4KPC9zdmc+)}.cbb-button__icon--database-up .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZGF0YWJhc2UtdXAiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEyLjUgMTZhMy41IDMuNSAwIDEgMCAwLTcgMy41IDMuNSAwIDAgMCAwIDdtLjM1NC01Ljg1NCAxLjUgMS41YS41LjUgMCAwIDEtLjcwOC43MDhMMTMgMTEuNzA3VjE0LjVhLjUuNSAwIDAgMS0xIDB2LTIuNzkzbC0uNjQ2LjY0N2EuNS41IDAgMCAxLS43MDgtLjcwOGwxLjUtMS41YS41LjUgMCAwIDEgLjcwOCAwIi8+CiAgPHBhdGggZD0iTTEyLjA5NiA2LjIyM0E1IDUgMCAwIDAgMTMgNS42OThWN2MwIC4yODktLjIxMy42NTQtLjc1MyAxLjAwN2E0LjUgNC41IDAgMCAxIDEuNzUzLjI1VjRjMC0xLjAwNy0uODc1LTEuNzU1LTEuOTA0LTIuMjIzQzExLjAyMiAxLjI4OSA5LjU3MyAxIDggMXMtMy4wMjIuMjg5LTQuMDk2Ljc3N0MyLjg3NSAyLjI0NSAyIDIuOTkzIDIgNHY5YzAgMS4wMDcuODc1IDEuNzU1IDEuOTA0IDIuMjIzQzQuOTc4IDE1LjcxIDYuNDI3IDE2IDggMTZjLjUzNiAwIDEuMDU4LS4wMzQgMS41NTUtLjA5N2E0LjUgNC41IDAgMCAxLS44MTMtLjkyN1E4LjM3OCAxNSA4IDE1Yy0xLjQ2NCAwLTIuNzY2LS4yNy0zLjY4Mi0uNjg3QzMuMzU2IDEzLjg3NSAzIDEzLjM3MyAzIDEzdi0xLjMwMmMuMjcxLjIwMi41OC4zNzguOTA0LjUyNUM0Ljk3OCAxMi43MSA2LjQyNyAxMyA4IDEzaC4wMjdhNC42IDQuNiAwIDAgMSAwLTFIOGMtMS40NjQgMC0yLjc2Ni0uMjctMy42ODItLjY4N0MzLjM1NiAxMC44NzUgMyAxMC4zNzMgMyAxMFY4LjY5OGMuMjcxLjIwMi41OC4zNzguOTA0LjUyNUM0Ljk3OCA5LjcxIDYuNDI3IDEwIDggMTBxLjM5MyAwIC43NzQtLjAyNGE0LjUgNC41IDAgMCAxIDEuMTAyLTEuMTMyQzkuMjk4IDguOTQ0IDguNjY2IDkgOCA5Yy0xLjQ2NCAwLTIuNzY2LS4yNy0zLjY4Mi0uNjg3QzMuMzU2IDcuODc1IDMgNy4zNzMgMyA3VjUuNjk4Yy4yNzEuMjAyLjU4LjM3OC45MDQuNTI1QzQuOTc4IDYuNzExIDYuNDI3IDcgOCA3czMuMDIyLS4yODkgNC4wOTYtLjc3N00zIDRjMC0uMzc0LjM1Ni0uODc1IDEuMzE4LTEuMzEzQzUuMjM0IDIuMjcxIDYuNTM2IDIgOCAyczIuNzY2LjI3IDMuNjgyLjY4N0MxMi42NDQgMy4xMjUgMTMgMy42MjcgMTMgNGMwIC4zNzQtLjM1Ni44NzUtMS4zMTggMS4zMTNDMTAuNzY2IDUuNzI5IDkuNDY0IDYgOCA2cy0yLjc2Ni0uMjctMy42ODItLjY4N0MzLjM1NiA0Ljg3NSAzIDQuMzczIDMgNCIvPgo8L3N2Zz4=)}.cbb-button__icon--file-bar-graph .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZmlsZS1iYXItZ3JhcGgiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTQuNSAxMmEuNS41IDAgMCAxLS41LS41di0yYS41LjUgMCAwIDEgLjUtLjVoMWEuNS41IDAgMCAxIC41LjV2MmEuNS41IDAgMCAxLS41LjV6bTMgMGEuNS41IDAgMCAxLS41LS41di00YS41LjUgMCAwIDEgLjUtLjVoMWEuNS41IDAgMCAxIC41LjV2NGEuNS41IDAgMCAxLS41LjV6bTMgMGEuNS41IDAgMCAxLS41LS41di02YS41LjUgMCAwIDEgLjUtLjVoMWEuNS41IDAgMCAxIC41LjV2NmEuNS41IDAgMCAxLS41LjV6Ii8+CiAgPHBhdGggZD0iTTQgMGEyIDIgMCAwIDAtMiAydjEyYTIgMiAwIDAgMCAyIDJoOGEyIDIgMCAwIDAgMi0yVjJhMiAyIDAgMCAwLTItMnptMCAxaDhhMSAxIDAgMCAxIDEgMXYxMmExIDEgMCAwIDEtMSAxSDRhMSAxIDAgMCAxLTEtMVYyYTEgMSAwIDAgMSAxLTEiLz4KPC9zdmc+)}.cbb-button__icon--fire .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZmlyZSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNOCAxNmMzLjMxNCAwIDYtMiA2LTUuNSAwLTEuNS0uNS00LTIuNS02IC4yNSAxLjUtMS4yNSAyLTEuMjUgMkMxMSA0IDkgLjUgNiAwYy4zNTcgMiAuNSA0LTIgNi0xLjI1IDEtMiAyLjcyOS0yIDQuNUMyIDE0IDQuNjg2IDE2IDggMTZtMC0xYy0xLjY1NyAwLTMtMS0zLTIuNzUgMC0uNzUuMjUtMiAxLjI1LTNDNi4xMjUgMTAgNyAxMC41IDcgMTAuNWMtLjM3NS0xLjI1LjUtMy4yNSAyLTMuNS0uMTc5IDEtLjI1IDIgMSAzIC42MjUuNSAxIDEuMzY0IDEgMi4yNUMxMSAxNCA5LjY1NyAxNSA4IDE1Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--gear .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZ2VhciIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNOCA0Ljc1NGEzLjI0NiAzLjI0NiAwIDEgMCAwIDYuNDkyIDMuMjQ2IDMuMjQ2IDAgMCAwIDAtNi40OTJNNS43NTQgOGEyLjI0NiAyLjI0NiAwIDEgMSA0LjQ5MiAwIDIuMjQ2IDIuMjQ2IDAgMCAxLTQuNDkyIDAiLz4KICA8cGF0aCBkPSJNOS43OTYgMS4zNDNjLS41MjctMS43OS0zLjA2NS0xLjc5LTMuNTkyIDBsLS4wOTQuMzE5YS44NzMuODczIDAgMCAxLTEuMjU1LjUybC0uMjkyLS4xNmMtMS42NC0uODkyLTMuNDMzLjkwMi0yLjU0IDIuNTQxbC4xNTkuMjkyYS44NzMuODczIDAgMCAxLS41MiAxLjI1NWwtLjMxOS4wOTRjLTEuNzkuNTI3LTEuNzkgMy4wNjUgMCAzLjU5MmwuMzE5LjA5NGEuODczLjg3MyAwIDAgMSAuNTIgMS4yNTVsLS4xNi4yOTJjLS44OTIgMS42NC45MDEgMy40MzQgMi41NDEgMi41NGwuMjkyLS4xNTlhLjg3My44NzMgMCAwIDEgMS4yNTUuNTJsLjA5NC4zMTljLjUyNyAxLjc5IDMuMDY1IDEuNzkgMy41OTIgMGwuMDk0LS4zMTlhLjg3My44NzMgMCAwIDEgMS4yNTUtLjUybC4yOTIuMTZjMS42NC44OTMgMy40MzQtLjkwMiAyLjU0LTIuNTQxbC0uMTU5LS4yOTJhLjg3My44NzMgMCAwIDEgLjUyLTEuMjU1bC4zMTktLjA5NGMxLjc5LS41MjcgMS43OS0zLjA2NSAwLTMuNTkybC0uMzE5LS4wOTRhLjg3My44NzMgMCAwIDEtLjUyLTEuMjU1bC4xNi0uMjkyYy44OTMtMS42NC0uOTAyLTMuNDMzLTIuNTQxLTIuNTRsLS4yOTIuMTU5YS44NzMuODczIDAgMCAxLTEuMjU1LS41MnptLTIuNjMzLjI4M2MuMjQ2LS44MzUgMS40MjgtLjgzNSAxLjY3NCAwbC4wOTQuMzE5YTEuODczIDEuODczIDAgMCAwIDIuNjkzIDEuMTE1bC4yOTEtLjE2Yy43NjQtLjQxNSAxLjYuNDIgMS4xODQgMS4xODVsLS4xNTkuMjkyYTEuODczIDEuODczIDAgMCAwIDEuMTE2IDIuNjkybC4zMTguMDk0Yy44MzUuMjQ2LjgzNSAxLjQyOCAwIDEuNjc0bC0uMzE5LjA5NGExLjg3MyAxLjg3MyAwIDAgMC0xLjExNSAyLjY5M2wuMTYuMjkxYy40MTUuNzY0LS40MiAxLjYtMS4xODUgMS4xODRsLS4yOTEtLjE1OWExLjg3MyAxLjg3MyAwIDAgMC0yLjY5MyAxLjExNmwtLjA5NC4zMThjLS4yNDYuODM1LTEuNDI4LjgzNS0xLjY3NCAwbC0uMDk0LS4zMTlhMS44NzMgMS44NzMgMCAwIDAtMi42OTItMS4xMTVsLS4yOTIuMTZjLS43NjQuNDE1LTEuNi0uNDItMS4xODQtMS4xODVsLjE1OS0uMjkxQTEuODczIDEuODczIDAgMCAwIDEuOTQ1IDguOTNsLS4zMTktLjA5NGMtLjgzNS0uMjQ2LS44MzUtMS40MjggMC0xLjY3NGwuMzE5LS4wOTRBMS44NzMgMS44NzMgMCAwIDAgMy4wNiA0LjM3N2wtLjE2LS4yOTJjLS40MTUtLjc2NC40Mi0xLjYgMS4xODUtMS4xODRsLjI5Mi4xNTlhMS44NzMgMS44NzMgMCAwIDAgMi42OTItMS4xMTV6Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--globe2 .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZ2xvYmUyIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0wIDhhOCA4IDAgMSAxIDE2IDBBOCA4IDAgMCAxIDAgOG03LjUtNi45MjNjLS42Ny4yMDQtMS4zMzUuODItMS44ODcgMS44NTVxLS4yMTUuNDAzLS4zOTUuODcyYy43MDUuMTU3IDEuNDcyLjI1NyAyLjI4Mi4yODd6TTQuMjQ5IDMuNTM5cS4yMTQtLjU3Ny40ODEtMS4wNzhhNyA3IDAgMCAxIC41OTctLjkzM0E3IDcgMCAwIDAgMy4wNTEgMy4wNXEuNTQ0LjI3NyAxLjE5OC40OXpNMy41MDkgNy41Yy4wMzYtMS4wNy4xODgtMi4wODcuNDM2LTMuMDA4YTkgOSAwIDAgMS0xLjU2NS0uNjY3QTYuOTYgNi45NiAwIDAgMCAxLjAxOCA3LjV6bTEuNC0yLjc0MWExMi4zIDEyLjMgMCAwIDAtLjQgMi43NDFINy41VjUuMDkxYy0uOTEtLjAzLTEuNzgzLS4xNDUtMi41OTEtLjMzMk04LjUgNS4wOVY3LjVoMi45OWExMi4zIDEyLjMgMCAwIDAtLjM5OS0yLjc0MWMtLjgwOC4xODctMS42ODEuMzAxLTIuNTkxLjMzMnpNNC41MSA4LjVjLjAzNS45ODcuMTc2IDEuOTE0LjM5OSAyLjc0MUExMy42IDEzLjYgMCAwIDEgNy41IDEwLjkxVjguNXptMy45OSAwdjIuNDA5Yy45MS4wMyAxLjc4My4xNDUgMi41OTEuMzMyLjIyMy0uODI3LjM2NC0xLjc1NC40LTIuNzQxem0tMy4yODIgMy42OTZxLjE4LjQ2OS4zOTUuODcyYy41NTIgMS4wMzUgMS4yMTggMS42NSAxLjg4NyAxLjg1NVYxMS45MWMtLjgxLjAzLTEuNTc3LjEzLTIuMjgyLjI4N3ptLjExIDIuMjc2YTcgNyAwIDAgMS0uNTk4LS45MzMgOSA5IDAgMCAxLS40ODEtMS4wNzkgOC40IDguNCAwIDAgMC0xLjE5OC40OSA3IDcgMCAwIDAgMi4yNzYgMS41MjJ6bS0xLjM4My0yLjk2NEExMy40IDEzLjQgMCAwIDEgMy41MDggOC41aC0yLjQ5YTYuOTYgNi45NiAwIDAgMCAxLjM2MiAzLjY3NWMuNDctLjI1OC45OTUtLjQ4MiAxLjU2NS0uNjY3bTYuNzI4IDIuOTY0YTcgNyAwIDAgMCAyLjI3NS0xLjUyMSA4LjQgOC40IDAgMCAwLTEuMTk3LS40OSA5IDkgMCAwIDEtLjQ4MSAxLjA3OCA3IDcgMCAwIDEtLjU5Ny45MzNNOC41IDExLjkwOXYzLjAxNGMuNjctLjIwNCAxLjMzNS0uODIgMS44ODctMS44NTVxLjIxNi0uNDAzLjM5NS0uODcyQTEyLjYgMTIuNiAwIDAgMCA4LjUgMTEuOTF6bTMuNTU1LS40MDFjLjU3LjE4NSAxLjA5NS40MDkgMS41NjUuNjY3QTYuOTYgNi45NiAwIDAgMCAxNC45ODIgOC41aC0yLjQ5YTEzLjQgMTMuNCAwIDAgMS0uNDM3IDMuMDA4TTE0Ljk4MiA3LjVhNi45NiA2Ljk2IDAgMCAwLTEuMzYyLTMuNjc1Yy0uNDcuMjU4LS45OTUuNDgyLTEuNTY1LjY2Ny4yNDguOTIuNCAxLjkzOC40MzcgMy4wMDh6TTExLjI3IDIuNDYxcS4yNjYuNTAyLjQ4MiAxLjA3OGE4LjQgOC40IDAgMCAwIDEuMTk2LS40OSA3IDcgMCAwIDAtMi4yNzUtMS41MmMuMjE4LjI4My40MTguNTk3LjU5Ny45MzJtLS40ODggMS4zNDNhOCA4IDAgMCAwLS4zOTUtLjg3MkM5LjgzNSAxLjg5NyA5LjE3IDEuMjgyIDguNSAxLjA3N1Y0LjA5Yy44MS0uMDMgMS41NzctLjEzIDIuMjgyLS4yODd6Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--graph-down-arrow .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZ3JhcGgtZG93bi1hcnJvdyIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDBoMXYxNWgxNXYxSDB6bTEwIDExLjVhLjUuNSAwIDAgMCAuNS41aDRhLjUuNSAwIDAgMCAuNS0uNXYtNGEuNS41IDAgMCAwLTEgMHYyLjZsLTMuNjEzLTQuNDE3YS41LjUgMCAwIDAtLjc0LS4wMzdMNy4wNiA4LjIzMyAzLjQwNCAzLjIwNmEuNS41IDAgMCAwLS44MDguNTg4bDQgNS41YS41LjUgMCAwIDAgLjc1OC4wNmwyLjYwOS0yLjYxTDEzLjQ0NSAxMUgxMC41YS41LjUgMCAwIDAtLjUuNSIvPgo8L3N2Zz4=)}.cbb-button__icon--graph-up-arrow .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZ3JhcGgtdXAtYXJyb3ciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAwaDF2MTVoMTV2MUgwem0xMCAzLjVhLjUuNSAwIDAgMSAuNS0uNWg0YS41LjUgMCAwIDEgLjUuNXY0YS41LjUgMCAwIDEtMSAwVjQuOWwtMy42MTMgNC40MTdhLjUuNSAwIDAgMS0uNzQuMDM3TDcuMDYgNi43NjdsLTMuNjU2IDUuMDI3YS41LjUgMCAwIDEtLjgwOC0uNTg4bDQtNS41YS41LjUgMCAwIDEgLjc1OC0uMDZsMi42MDkgMi42MUwxMy40NDUgNEgxMC41YS41LjUgMCAwIDEtLjUtLjUiLz4KPC9zdmc+)}.cbb-button__icon--hourglass .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaG91cmdsYXNzIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0yIDEuNWEuNS41IDAgMCAxIC41LS41aDExYS41LjUgMCAwIDEgMCAxaC0xdjFhNC41IDQuNSAwIDAgMS0yLjU1NyA0LjA2Yy0uMjkuMTM5LS40NDMuMzc3LS40NDMuNTl2LjdjMCAuMjEzLjE1NC40NTEuNDQzLjU5QTQuNSA0LjUgMCAwIDEgMTIuNSAxM3YxaDFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAxIDEgMC0xaDF2LTFhNC41IDQuNSAwIDAgMSAyLjU1Ny00LjA2Yy4yOS0uMTM5LjQ0My0uMzc3LjQ0My0uNTl2LS43YzAtLjIxMy0uMTU0LS40NTEtLjQ0My0uNTlBNC41IDQuNSAwIDAgMSAzLjUgM1YyaC0xYS41LjUgMCAwIDEtLjUtLjVtMi41LjV2MWEzLjUgMy41IDAgMCAwIDEuOTg5IDMuMTU4Yy41MzMuMjU2IDEuMDExLjc5MSAxLjAxMSAxLjQ5MXYuNzAyYzAgLjctLjQ3OCAxLjIzNS0xLjAxMSAxLjQ5MUEzLjUgMy41IDAgMCAwIDQuNSAxM3YxaDd2LTFhMy41IDMuNSAwIDAgMC0xLjk4OS0zLjE1OEM4Ljk3OCA5LjU4NiA4LjUgOS4wNTIgOC41IDguMzUxdi0uNzAyYzAtLjcuNDc4LTEuMjM1IDEuMDExLTEuNDkxQTMuNSAzLjUgMCAwIDAgMTEuNSAzVjJ6Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--hourglass-bottom .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaG91cmdsYXNzLWJvdHRvbSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMiAxLjVhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMXYxYTQuNSA0LjUgMCAwIDEtMi41NTcgNC4wNmMtLjI5LjEzOS0uNDQzLjM3Ny0uNDQzLjU5di43YzAgLjIxMy4xNTQuNDUxLjQ0My41OUE0LjUgNC41IDAgMCAxIDEyLjUgMTN2MWgxYS41LjUgMCAwIDEgMCAxaC0xMWEuNS41IDAgMSAxIDAtMWgxdi0xYTQuNSA0LjUgMCAwIDEgMi41NTctNC4wNmMuMjktLjEzOS40NDMtLjM3Ny40NDMtLjU5di0uN2MwLS4yMTMtLjE1NC0uNDUxLS40NDMtLjU5QTQuNSA0LjUgMCAwIDEgMy41IDNWMmgtMWEuNS41IDAgMCAxLS41LS41bTIuNS41djFhMy41IDMuNSAwIDAgMCAxLjk4OSAzLjE1OGMuNTMzLjI1NiAxLjAxMS43OTEgMS4wMTEgMS40OTF2LjcwMnMuMTguMTQ5LjUuMTQ5LjUtLjE1LjUtLjE1di0uN2MwLS43MDEuNDc4LTEuMjM2IDEuMDExLTEuNDkyQTMuNSAzLjUgMCAwIDAgMTEuNSAzVjJ6Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--hourglass-split .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaG91cmdsYXNzLXNwbGl0IiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0yLjUgMTVhLjUuNSAwIDEgMSAwLTFoMXYtMWE0LjUgNC41IDAgMCAxIDIuNTU3LTQuMDZjLjI5LS4xMzkuNDQzLS4zNzcuNDQzLS41OXYtLjdjMC0uMjEzLS4xNTQtLjQ1MS0uNDQzLS41OUE0LjUgNC41IDAgMCAxIDMuNSAzVjJoLTFhLjUuNSAwIDAgMSAwLTFoMTFhLjUuNSAwIDAgMSAwIDFoLTF2MWE0LjUgNC41IDAgMCAxLTIuNTU3IDQuMDZjLS4yOS4xMzktLjQ0My4zNzctLjQ0My41OXYuN2MwIC4yMTMuMTU0LjQ1MS40NDMuNTlBNC41IDQuNSAwIDAgMSAxMi41IDEzdjFoMWEuNS41IDAgMCAxIDAgMXptMi0xM3YxYzAgLjUzNy4xMiAxLjA0NS4zMzcgMS41aDYuMzI2Yy4yMTYtLjQ1NS4zMzctLjk2My4zMzctMS41VjJ6bTMgNi4zNWMwIC43MDEtLjQ3OCAxLjIzNi0xLjAxMSAxLjQ5MkEzLjUgMy41IDAgMCAwIDQuNSAxM3MuODY2LTEuMjk5IDMtMS40OHptMSAwdjMuMTdjMi4xMzQuMTgxIDMgMS40OCAzIDEuNDhhMy41IDMuNSAwIDAgMC0xLjk4OS0zLjE1OEM4Ljk3OCA5LjU4NiA4LjUgOS4wNTIgOC41IDguMzUxeiIvPgo8L3N2Zz4=)}.cbb-button__icon--hourglass-top .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaG91cmdsYXNzLXRvcCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMiAxNC41YS41LjUgMCAwIDAgLjUuNWgxMWEuNS41IDAgMSAwIDAtMWgtMXYtMWE0LjUgNC41IDAgMCAwLTIuNTU3LTQuMDZjLS4yOS0uMTM5LS40NDMtLjM3Ny0uNDQzLS41OXYtLjdjMC0uMjEzLjE1NC0uNDUxLjQ0My0uNTlBNC41IDQuNSAwIDAgMCAxMi41IDNWMmgxYS41LjUgMCAwIDAgMC0xaC0xMWEuNS41IDAgMCAwIDAgMWgxdjFhNC41IDQuNSAwIDAgMCAyLjU1NyA0LjA2Yy4yOS4xMzkuNDQzLjM3Ny40NDMuNTl2LjdjMCAuMjEzLS4xNTQuNDUxLS40NDMuNTlBNC41IDQuNSAwIDAgMCAzLjUgMTN2MWgtMWEuNS41IDAgMCAwLS41LjVtMi41LS41di0xYTMuNSAzLjUgMCAwIDEgMS45ODktMy4xNThjLjUzMy0uMjU2IDEuMDExLS43OSAxLjAxMS0xLjQ5MXYtLjcwMnMuMTguMTAxLjUuMTAxLjUtLjEuNS0uMXYuN2MwIC43MDEuNDc4IDEuMjM2IDEuMDExIDEuNDkyQTMuNSAzLjUgMCAwIDEgMTEuNSAxM3YxeiIvPgo8L3N2Zz4=)}.cbb-button__icon--lightbulb .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktbGlnaHRidWxiIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0yIDZhNiA2IDAgMSAxIDEwLjE3NCA0LjMxYy0uMjAzLjE5Ni0uMzU5LjQtLjQ1My42MTlsLS43NjIgMS43NjlBLjUuNSAwIDAgMSAxMC41IDEzYS41LjUgMCAwIDEgMCAxIC41LjUgMCAwIDEgMCAxbC0uMjI0LjQ0N2ExIDEgMCAwIDEtLjg5NC41NTNINi42MThhMSAxIDAgMCAxLS44OTQtLjU1M0w1LjUgMTVhLjUuNSAwIDAgMSAwLTEgLjUuNSAwIDAgMSAwLTEgLjUuNSAwIDAgMS0uNDYtLjMwMmwtLjc2MS0xLjc3YTIgMiAwIDAgMC0uNDUzLS42MThBNS45OCA1Ljk4IDAgMCAxIDIgNm02LTVhNSA1IDAgMCAwLTMuNDc5IDguNTkyYy4yNjMuMjU0LjUxNC41NjQuNjc2Ljk0MUw1LjgzIDEyaDQuMzQybC42MzItMS40NjdjLjE2Mi0uMzc3LjQxMy0uNjg3LjY3Ni0uOTQxQTUgNSAwIDAgMCA4IDEiLz4KPC9zdmc+)}.cbb-button__icon--magic .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktbWFnaWMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTkuNSAyLjY3MmEuNS41IDAgMSAwIDEgMFYuODQzYS41LjUgMCAwIDAtMSAwem00LjUuMDM1QS41LjUgMCAwIDAgMTMuMjkzIDJMMTIgMy4yOTNhLjUuNSAwIDEgMCAuNzA3LjcwN3pNNy4yOTMgNEEuNS41IDAgMSAwIDggMy4yOTNMNi43MDcgMkEuNS41IDAgMCAwIDYgMi43MDd6bS0uNjIxIDIuNWEuNS41IDAgMSAwIDAtMUg0Ljg0M2EuNS41IDAgMSAwIDAgMXptOC40ODUgMGEuNS41IDAgMSAwIDAtMWgtMS44MjlhLjUuNSAwIDAgMCAwIDF6TTEzLjI5MyAxMEEuNS41IDAgMSAwIDE0IDkuMjkzTDEyLjcwNyA4YS41LjUgMCAxIDAtLjcwNy43MDd6TTkuNSAxMS4xNTdhLjUuNSAwIDAgMCAxIDBWOS4zMjhhLjUuNSAwIDAgMC0xIDB6bTEuODU0LTUuMDk3YS41LjUgMCAwIDAgMC0uNzA2bC0uNzA4LS43MDhhLjUuNSAwIDAgMC0uNzA3IDBMOC42NDYgNS45NGEuNS41IDAgMCAwIDAgLjcwN2wuNzA4LjcwOGEuNS41IDAgMCAwIC43MDcgMGwxLjI5My0xLjI5M1ptLTMgM2EuNS41IDAgMCAwIDAtLjcwNmwtLjcwOC0uNzA4YS41LjUgMCAwIDAtLjcwNyAwTC42NDYgMTMuOTRhLjUuNSAwIDAgMCAwIC43MDdsLjcwOC43MDhhLjUuNSAwIDAgMCAuNzA3IDB6Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--moon-stars .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktbW9vbi1zdGFycyIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNNiAuMjc4YS43Ny43NyAwIDAgMSAuMDguODU4IDcuMiA3LjIgMCAwIDAtLjg3OCAzLjQ2YzAgNC4wMjEgMy4yNzggNy4yNzcgNy4zMTggNy4yNzdxLjc5Mi0uMDAxIDEuNTMzLS4xNmEuNzkuNzkgMCAwIDEgLjgxLjMxNi43My43MyAwIDAgMS0uMDMxLjg5M0E4LjM1IDguMzUgMCAwIDEgOC4zNDQgMTZDMy43MzQgMTYgMCAxMi4yODYgMCA3LjcxIDAgNC4yNjYgMi4xMTQgMS4zMTIgNS4xMjQuMDZBLjc1Ljc1IDAgMCAxIDYgLjI3OE00Ljg1OCAxLjMxMUE3LjI3IDcuMjcgMCAwIDAgMS4wMjUgNy43MWMwIDQuMDIgMy4yNzkgNy4yNzYgNy4zMTkgNy4yNzZhNy4zMiA3LjMyIDAgMCAwIDUuMjA1LTIuMTYycS0uNTA2LjA2My0xLjAyOS4wNjNjLTQuNjEgMC04LjM0My0zLjcxNC04LjM0My04LjI5IDAtMS4xNjcuMjQyLTIuMjc4LjY4MS0zLjI4NiIvPgogIDxwYXRoIGQ9Ik0xMC43OTQgMy4xNDhhLjIxNy4yMTcgMCAwIDEgLjQxMiAwbC4zODcgMS4xNjJjLjE3My41MTguNTc5LjkyNCAxLjA5NyAxLjA5N2wxLjE2Mi4zODdhLjIxNy4yMTcgMCAwIDEgMCAuNDEybC0xLjE2Mi4zODdhMS43MyAxLjczIDAgMCAwLTEuMDk3IDEuMDk3bC0uMzg3IDEuMTYyYS4yMTcuMjE3IDAgMCAxLS40MTIgMGwtLjM4Ny0xLjE2MkExLjczIDEuNzMgMCAwIDAgOS4zMSA2LjU5M2wtMS4xNjItLjM4N2EuMjE3LjIxNyAwIDAgMSAwLS40MTJsMS4xNjItLjM4N2ExLjczIDEuNzMgMCAwIDAgMS4wOTctMS4wOTd6TTEzLjg2My4wOTlhLjE0NS4xNDUgMCAwIDEgLjI3NCAwbC4yNTguNzc0Yy4xMTUuMzQ2LjM4Ni42MTcuNzMyLjczMmwuNzc0LjI1OGEuMTQ1LjE0NSAwIDAgMSAwIC4yNzRsLS43NzQuMjU4YTEuMTYgMS4xNiAwIDAgMC0uNzMyLjczMmwtLjI1OC43NzRhLjE0NS4xNDUgMCAwIDEtLjI3NCAwbC0uMjU4LS43NzRhMS4xNiAxLjE2IDAgMCAwLS43MzItLjczMmwtLjc3NC0uMjU4YS4xNDUuMTQ1IDAgMCAxIDAtLjI3NGwuNzc0LS4yNThjLjM0Ni0uMTE1LjYxNy0uMzg2LjczMi0uNzMyeiIvPgo8L3N2Zz4=)}.cbb-button__icon--people-fill .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGVvcGxlLWZpbGwiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTcgMTRzLTEgMC0xLTEgMS00IDUtNCA1IDMgNSA0LTEgMS0xIDF6bTQtNmEzIDMgMCAxIDAgMC02IDMgMyAwIDAgMCAwIDZtLTUuNzg0IDZBMi4yNCAyLjI0IDAgMCAxIDUgMTNjMC0xLjM1NS42OC0yLjc1IDEuOTM2LTMuNzJBNi4zIDYuMyAwIDAgMCA1IDljLTQgMC01IDMtNSA0czEgMSAxIDF6TTQuNSA4YTIuNSAyLjUgMCAxIDAgMC01IDIuNSAyLjUgMCAwIDAgMCA1Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--person-circle .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGVyc29uLWNpcmNsZSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMTEgNmEzIDMgMCAxIDEtNiAwIDMgMyAwIDAgMSA2IDAiLz4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDhhOCA4IDAgMSAxIDE2IDBBOCA4IDAgMCAxIDAgOG04LTdhNyA3IDAgMCAwLTUuNDY4IDExLjM3QzMuMjQyIDExLjIyNiA0LjgwNSAxMCA4IDEwczQuNzU3IDEuMjI1IDUuNDY4IDIuMzdBNyA3IDAgMCAwIDggMSIvPgo8L3N2Zz4=)}.cbb-button__icon--quote .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcXVvdGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEyIDEyYTEgMSAwIDAgMCAxLTFWOC41NThhMSAxIDAgMCAwLTEtMWgtMS4zODhxMC0uNTI3LjA2Mi0xLjA1NC4wOTMtLjU1OC4zMS0uOTkydC41NTktLjY4M3EuMzQtLjI3OS44NjgtLjI3OVYzcS0uODY4IDAtMS41Mi4zNzJhMy4zIDMuMyAwIDAgMC0xLjA4NS45OTIgNC45IDQuOSAwIDAgMC0uNjIgMS40NThBNy43IDcuNyAwIDAgMCA5IDcuNTU4VjExYTEgMSAwIDAgMCAxIDF6bS02IDBhMSAxIDAgMCAwIDEtMVY4LjU1OGExIDEgMCAwIDAtMS0xSDQuNjEycTAtLjUyNy4wNjItMS4wNTQuMDk0LS41NTguMzEtLjk5Mi4yMTctLjQzNC41NTktLjY4My4zNC0uMjc5Ljg2OC0uMjc5VjNxLS44NjggMC0xLjUyLjM3MmEzLjMgMy4zIDAgMCAwLTEuMDg1Ljk5MiA0LjkgNC45IDAgMCAwLS42MiAxLjQ1OEE3LjcgNy43IDAgMCAwIDMgNy41NThWMTFhMSAxIDAgMCAwIDEgMXoiLz4KPC9zdmc+)}.cbb-button__icon--robot .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcm9ib3QiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTYgMTIuNWEuNS41IDAgMCAxIC41LS41aDNhLjUuNSAwIDAgMSAwIDFoLTNhLjUuNSAwIDAgMS0uNS0uNU0zIDguMDYyQzMgNi43NiA0LjIzNSA1Ljc2NSA1LjUzIDUuODg2YTI2LjYgMjYuNiAwIDAgMCA0Ljk0IDBDMTEuNzY1IDUuNzY1IDEzIDYuNzYgMTMgOC4wNjJ2MS4xNTdhLjkzLjkzIDAgMCAxLS43NjUuOTM1Yy0uODQ1LjE0Ny0yLjM0LjM0Ni00LjIzNS4zNDZzLTMuMzktLjItNC4yMzUtLjM0NkEuOTMuOTMgMCAwIDEgMyA5LjIxOXptNC41NDItLjgyN2EuMjUuMjUgMCAwIDAtLjIxNy4wNjhsLS45Mi45YTI1IDI1IDAgMCAxLTEuODcxLS4xODMuMjUuMjUgMCAwIDAtLjA2OC40OTVjLjU1LjA3NiAxLjIzMi4xNDkgMi4wMi4xOTNhLjI1LjI1IDAgMCAwIC4xODktLjA3MWwuNzU0LS43MzYuODQ3IDEuNzFhLjI1LjI1IDAgMCAwIC40MDQuMDYybC45MzItLjk3YTI1IDI1IDAgMCAwIDEuOTIyLS4xODguMjUuMjUgMCAwIDAtLjA2OC0uNDk1Yy0uNTM4LjA3NC0xLjIwNy4xNDUtMS45OC4xODlhLjI1LjI1IDAgMCAwLS4xNjYuMDc2bC0uNzU0Ljc4NS0uODQyLTEuN2EuMjUuMjUgMCAwIDAtLjE4Mi0uMTM1Ii8+CiAgPHBhdGggZD0iTTguNSAxLjg2NmExIDEgMCAxIDAtMSAwVjNoLTJBNC41IDQuNSAwIDAgMCAxIDcuNVY4YTEgMSAwIDAgMC0xIDF2MmExIDEgMCAwIDAgMSAxdjFhMiAyIDAgMCAwIDIgMmgxMGEyIDIgMCAwIDAgMi0ydi0xYTEgMSAwIDAgMCAxLTFWOWExIDEgMCAwIDAtMS0xdi0uNUE0LjUgNC41IDAgMCAwIDEwLjUgM2gtMnpNMTQgNy41VjEzYTEgMSAwIDAgMS0xIDFIM2ExIDEgMCAwIDEtMS0xVjcuNUEzLjUgMy41IDAgMCAxIDUuNSA0aDVBMy41IDMuNSAwIDAgMSAxNCA3LjUiLz4KPC9zdmc+)}.cbb-button__icon--rocket-takeoff .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcm9ja2V0LXRha2VvZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTkuNzUyIDYuMTkzYy41OTkuNiAxLjczLjQzNyAyLjUyOC0uMzYycy45Ni0xLjkzMi4zNjItMi41MzFjLS41OTktLjYtMS43My0uNDM4LTIuNTI4LjM2MS0uNzk4LjgtLjk2IDEuOTMzLS4zNjIgMi41MzIiLz4KICA8cGF0aCBkPSJNMTUuODExIDMuMzEyYy0uMzYzIDEuNTM0LTEuMzM0IDMuNjI2LTMuNjQgNi4yMThsLS4yNCAyLjQwOGEyLjU2IDIuNTYgMCAwIDEtLjczMiAxLjUyNkw4LjgxNyAxNS44NWEuNTEuNTEgMCAwIDEtLjg2Ny0uNDM0bC4yNy0xLjg5OWMuMDQtLjI4LS4wMTMtLjU5My0uMTMxLS45NTZhOSA5IDAgMCAwLS4yNDktLjY1N2wtLjA4Mi0uMjAyYy0uODE1LS4xOTctMS41NzgtLjY2Mi0yLjE5MS0xLjI3Ny0uNjE0LS42MTUtMS4wNzktMS4zNzktMS4yNzUtMi4xOTVsLS4yMDMtLjA4M2ExMCAxMCAwIDAgMC0uNjU1LS4yNDhjLS4zNjMtLjExOS0uNjc1LS4xNzItLjk1NS0uMTMybC0xLjg5Ni4yN0EuNTEuNTEgMCAwIDEgLjE1IDcuMTdsMi4zODItMi4zODZjLjQxLS40MS45NDctLjY3IDEuNTI0LS43MzRoLjAwNmwyLjQtLjIzOEM5LjAwNSAxLjU1IDExLjA4Ny41ODIgMTIuNjIzLjIwOGMuODktLjIxNyAxLjU5LS4yMzIgMi4wOC0uMTg4LjI0NC4wMjMuNDM1LjA2LjU3LjA5M3EuMS4wMjYuMTYuMDQ1Yy4xODQuMDYuMjc5LjEzLjM1MS4yOTVsLjAyOS4wNzNhMy41IDMuNSAwIDAgMSAuMTU3LjcyMWMuMDU1LjQ4NS4wNTEgMS4xNzgtLjE1OSAyLjA2NW0tNC44MjggNy40NzUuMDQtLjA0LS4xMDcgMS4wODFhMS41NCAxLjU0IDAgMCAxLS40NC45MTNsLTEuMjk4IDEuMy4wNTQtLjM4Yy4wNzItLjUwNi0uMDM0LS45OTMtLjE3Mi0xLjQxOGE5IDkgMCAwIDAtLjE2NC0uNDVjLjczOC0uMDY1IDEuNDYyLS4zOCAyLjA4Ny0xLjAwNk01LjIwNSA1Yy0uNjI1LjYyNi0uOTQgMS4zNTEtMS4wMDQgMi4wOWE5IDkgMCAwIDAtLjQ1LS4xNjRjLS40MjQtLjEzOC0uOTEtLjI0NC0xLjQxNi0uMTcybC0uMzguMDU0IDEuMy0xLjNjLjI0NS0uMjQ2LjU2Ni0uNDAxLjkxLS40NGwxLjA4LS4xMDd6bTkuNDA2LTMuOTYxYy0uMzgtLjAzNC0uOTY3LS4wMjctMS43NDYuMTYzLTEuNTU4LjM4LTMuOTE3IDEuNDk2LTYuOTM3IDQuNTIxLS42Mi42Mi0uNzk5IDEuMzQtLjY4NyAyLjA1MS4xMDcuNjc2LjQ4MyAxLjM2MiAxLjA0OCAxLjkyOC41NjQuNTY1IDEuMjUuOTQxIDEuOTI0IDEuMDQ5LjcxLjExMiAxLjQyOS0uMDY3IDIuMDQ4LS42ODggMy4wNzktMy4wODMgNC4xOTItNS40NDQgNC41NTYtNi45ODcuMTgzLS43NzEuMTgtMS4zNDUuMTM4LTEuNzEzYTMgMyAwIDAgMC0uMDQ1LS4yODMgMyAzIDAgMCAwLS4zLS4wNDFaIi8+CiAgPHBhdGggZD0iTTcuMDA5IDEyLjEzOWE3LjYgNy42IDAgMCAxLTEuODA0LTEuMzUyQTcuNiA3LjYgMCAwIDEgMy43OTQgOC44NmMtMS4xMDIuOTkyLTEuOTY1IDUuMDU0LTEuODM5IDUuMTguMTI1LjEyNiAzLjkzNi0uODk2IDUuMDU0LTEuOTAyWiIvPgo8L3N2Zz4=)}.cbb-button__icon--star .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc3RhciIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMi44NjYgMTQuODVjLS4wNzguNDQ0LjM2Ljc5MS43NDYuNTkzbDQuMzktMi4yNTYgNC4zODkgMi4yNTZjLjM4Ni4xOTguODI0LS4xNDkuNzQ2LS41OTJsLS44My00LjczIDMuNTIyLTMuMzU2Yy4zMy0uMzE0LjE2LS44ODgtLjI4Mi0uOTVsLTQuODk4LS42OTZMOC40NjUuNzkyYS41MTMuNTEzIDAgMCAwLS45MjcgMEw1LjM1NCA1LjEybC00Ljg5OC42OTZjLS40NDEuMDYyLS42MTIuNjM2LS4yODMuOTVsMy41MjMgMy4zNTYtLjgzIDQuNzN6bTQuOTA1LTIuNzY3LTMuNjg2IDEuODk0LjY5NC0zLjk1N2EuNTYuNTYgMCAwIDAtLjE2My0uNTA1TDEuNzEgNi43NDVsNC4wNTItLjU3NmEuNTMuNTMgMCAwIDAgLjM5My0uMjg4TDggMi4yMjNsMS44NDcgMy42NThhLjUzLjUzIDAgMCAwIC4zOTMuMjg4bDQuMDUyLjU3NS0yLjkwNiAyLjc3YS41Ni41NiAwIDAgMC0uMTYzLjUwNmwuNjk0IDMuOTU3LTMuNjg2LTEuODk0YS41LjUgMCAwIDAtLjQ2MSAweiIvPgo8L3N2Zz4=)}.cbb-button__icon--stars .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc3RhcnMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTcuNjU3IDYuMjQ3Yy4xMS0uMzMuNTc2LS4zMy42ODYgMGwuNjQ1IDEuOTM3YTIuODkgMi44OSAwIDAgMCAxLjgyOSAxLjgyOGwxLjkzNi42NDVjLjMzLjExLjMzLjU3NiAwIC42ODZsLTEuOTM3LjY0NWEyLjg5IDIuODkgMCAwIDAtMS44MjggMS44MjlsLS42NDUgMS45MzZhLjM2MS4zNjEgMCAwIDEtLjY4NiAwbC0uNjQ1LTEuOTM3YTIuODkgMi44OSAwIDAgMC0xLjgyOC0xLjgyOGwtMS45MzctLjY0NWEuMzYxLjM2MSAwIDAgMSAwLS42ODZsMS45MzctLjY0NWEyLjg5IDIuODkgMCAwIDAgMS44MjgtMS44Mjh6TTMuNzk0IDEuMTQ4YS4yMTcuMjE3IDAgMCAxIC40MTIgMGwuMzg3IDEuMTYyYy4xNzMuNTE4LjU3OS45MjQgMS4wOTcgMS4wOTdsMS4xNjIuMzg3YS4yMTcuMjE3IDAgMCAxIDAgLjQxMmwtMS4xNjIuMzg3QTEuNzMgMS43MyAwIDAgMCA0LjU5MyA1LjY5bC0uMzg3IDEuMTYyYS4yMTcuMjE3IDAgMCAxLS40MTIgMEwzLjQwNyA1LjY5QTEuNzMgMS43MyAwIDAgMCAyLjMxIDQuNTkzbC0xLjE2Mi0uMzg3YS4yMTcuMjE3IDAgMCAxIDAtLjQxMmwxLjE2Mi0uMzg3QTEuNzMgMS43MyAwIDAgMCAzLjQwNyAyLjMxek0xMC44NjMuMDk5YS4xNDUuMTQ1IDAgMCAxIC4yNzQgMGwuMjU4Ljc3NGMuMTE1LjM0Ni4zODYuNjE3LjczMi43MzJsLjc3NC4yNThhLjE0NS4xNDUgMCAwIDEgMCAuMjc0bC0uNzc0LjI1OGExLjE2IDEuMTYgMCAwIDAtLjczMi43MzJsLS4yNTguNzc0YS4xNDUuMTQ1IDAgMCAxLS4yNzQgMGwtLjI1OC0uNzc0YTEuMTYgMS4xNiAwIDAgMC0uNzMyLS43MzJMOS4xIDIuMTM3YS4xNDUuMTQ1IDAgMCAxIDAtLjI3NGwuNzc0LS4yNThjLjM0Ni0uMTE1LjYxNy0uMzg2LjczMi0uNzMyeiIvPgo8L3N2Zz4=)}.cbb-button__icon--stickies .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc3RpY2tpZXMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEuNSAwQTEuNSAxLjUgMCAwIDAgMCAxLjVWMTNhMSAxIDAgMCAwIDEgMVYxLjVhLjUuNSAwIDAgMSAuNS0uNUgxNGExIDEgMCAwIDAtMS0xeiIvPgogIDxwYXRoIGQ9Ik0zLjUgMkExLjUgMS41IDAgMCAwIDIgMy41djExQTEuNSAxLjUgMCAwIDAgMy41IDE2aDYuMDg2YTEuNSAxLjUgMCAwIDAgMS4wNi0uNDRsNC45MTUtNC45MTRBMS41IDEuNSAwIDAgMCAxNiA5LjU4NlYzLjVBMS41IDEuNSAwIDAgMCAxNC41IDJ6TTMgMy41YS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAuNS41VjloLTQuNUExLjUgMS41IDAgMCAwIDkgMTAuNVYxNUgzLjVhLjUuNSAwIDAgMS0uNS0uNXptNyAxMS4yOTNWMTAuNWEuNS41IDAgMCAxIC41LS41aDQuMjkzeiIvPgo8L3N2Zz4=)}.cbb-button__icon--tools .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdG9vbHMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEgMCAwIDFsMi4yIDMuMDgxYTEgMSAwIDAgMCAuODE1LjQxOWguMDdhMSAxIDAgMCAxIC43MDguMjkzbDIuNjc1IDIuNjc1LTIuNjE3IDIuNjU0QTMuMDAzIDMuMDAzIDAgMCAwIDAgMTNhMyAzIDAgMSAwIDUuODc4LS44NTFsMi42NTQtMi42MTcuOTY4Ljk2OC0uMzA1LjkxNGExIDEgMCAwIDAgLjI0MiAxLjAyM2wzLjI3IDMuMjdhLjk5Ny45OTcgMCAwIDAgMS40MTQgMGwxLjU4Ni0xLjU4NmEuOTk3Ljk5NyAwIDAgMCAwLTEuNDE0bC0zLjI3LTMuMjdhMSAxIDAgMCAwLTEuMDIzLS4yNDJMMTAuNSA5LjVsLS45Ni0uOTYgMi42OC0yLjY0M0EzLjAwNSAzLjAwNSAwIDAgMCAxNiAzcTAtLjQwNS0uMTAyLS43NzdsLTIuMTQgMi4xNDFMMTIgNGwtLjM2NC0xLjc1N0wxMy43NzcuMTAyYTMgMyAwIDAgMC0zLjY3NSAzLjY4TDcuNDYyIDYuNDYgNC43OTMgMy43OTNhMSAxIDAgMCAxLS4yOTMtLjcwN3YtLjA3MWExIDEgMCAwIDAtLjQxOS0uODE0em05LjY0NiAxMC42NDZhLjUuNSAwIDAgMSAuNzA4IDBsMi45MTQgMi45MTVhLjUuNSAwIDAgMS0uNzA3LjcwN2wtMi45MTUtMi45MTRhLjUuNSAwIDAgMSAwLS43MDhNMyAxMWwuNDcxLjI0Mi41MjkuMDI2LjI4Ny40NDUuNDQ1LjI4Ny4wMjYuNTI5TDUgMTNsLS4yNDIuNDcxLS4wMjYuNTI5LS40NDUuMjg3LS4yODcuNDQ1LS41MjkuMDI2TDMgMTVsLS40NzEtLjI0MkwyIDE0LjczMmwtLjI4Ny0uNDQ1TDEuMjY4IDE0bC0uMDI2LS41MjlMMSAxM2wuMjQyLS40NzEuMDI2LS41MjkuNDQ1LS4yODcuMjg3LS40NDUuNTI5LS4wMjZ6Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--ui-checks-grid .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdWktY2hlY2tzLWdyaWQiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTIgMTBoM2ExIDEgMCAwIDEgMSAxdjNhMSAxIDAgMCAxLTEgMUgyYTEgMSAwIDAgMS0xLTF2LTNhMSAxIDAgMCAxIDEtMW05LTloM2ExIDEgMCAwIDEgMSAxdjNhMSAxIDAgMCAxLTEgMWgtM2ExIDEgMCAwIDEtMS0xVjJhMSAxIDAgMCAxIDEtMW0wIDlhMSAxIDAgMCAwLTEgMXYzYTEgMSAwIDAgMCAxIDFoM2ExIDEgMCAwIDAgMS0xdi0zYTEgMSAwIDAgMC0xLTF6bTAtMTBhMiAyIDAgMCAwLTIgMnYzYTIgMiAwIDAgMCAyIDJoM2EyIDIgMCAwIDAgMi0yVjJhMiAyIDAgMCAwLTItMnpNMiA5YTIgMiAwIDAgMC0yIDJ2M2EyIDIgMCAwIDAgMiAyaDNhMiAyIDAgMCAwIDItMnYtM2EyIDIgMCAwIDAtMi0yem03IDJhMiAyIDAgMCAxIDItMmgzYTIgMiAwIDAgMSAyIDJ2M2EyIDIgMCAwIDEtMiAyaC0zYTIgMiAwIDAgMS0yLTJ6TTAgMmEyIDIgMCAwIDEgMi0yaDNhMiAyIDAgMCAxIDIgMnYzYTIgMiAwIDAgMS0yIDJIMmEyIDIgMCAwIDEtMi0yem01LjM1NC44NTRhLjUuNSAwIDEgMC0uNzA4LS43MDhMMyAzLjc5M2wtLjY0Ni0uNjQ3YS41LjUgMCAxIDAtLjcwOC43MDhsMSAxYS41LjUgMCAwIDAgLjcwOCAweiIvPgo8L3N2Zz4=)}.cbb-button__icon--ui-checks .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdWktY2hlY2tzIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik03IDIuNWEuNS41IDAgMCAxIC41LS41aDdhLjUuNSAwIDAgMSAuNS41djFhLjUuNSAwIDAgMS0uNS41aC03YS41LjUgMCAwIDEtLjUtLjV6TTIgMWEyIDIgMCAwIDAtMiAydjJhMiAyIDAgMCAwIDIgMmgyYTIgMiAwIDAgMCAyLTJWM2EyIDIgMCAwIDAtMi0yem0wIDhhMiAyIDAgMCAwLTIgMnYyYTIgMiAwIDAgMCAyIDJoMmEyIDIgMCAwIDAgMi0ydi0yYTIgMiAwIDAgMC0yLTJ6bS44NTQtMy42NDZhLjUuNSAwIDAgMS0uNzA4IDBsLTEtMWEuNS41IDAgMSAxIC43MDgtLjcwOGwuNjQ2LjY0NyAxLjY0Ni0xLjY0N2EuNS41IDAgMSAxIC43MDguNzA4em0wIDhhLjUuNSAwIDAgMS0uNzA4IDBsLTEtMWEuNS41IDAgMCAxIC43MDgtLjcwOGwuNjQ2LjY0NyAxLjY0Ni0xLjY0N2EuNS41IDAgMCAxIC43MDguNzA4ek03IDEwLjVhLjUuNSAwIDAgMSAuNS0uNWg3YS41LjUgMCAwIDEgLjUuNXYxYS41LjUgMCAwIDEtLjUuNWgtN2EuNS41IDAgMCAxLS41LS41em0wLTVhLjUuNSAwIDAgMSAuNS0uNWg1YS41LjUgMCAwIDEgMCAxaC01YS41LjUgMCAwIDEtLjUtLjVtMCA4YS41LjUgMCAwIDEgLjUtLjVoNWEuNS41IDAgMCAxIDAgMWgtNWEuNS41IDAgMCAxLS41LS41Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--umbrella-fill .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdW1icmVsbGEtZmlsbCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDBhLjUuNSAwIDAgMSAuNS41di41MTRDMTIuNjI1IDEuMjM4IDE2IDQuMjIgMTYgOGMwIDAgMCAuNS0uNS41LS4xNDkgMC0uMzUyLS4xNDUtLjM1Mi0uMTQ1bC0uMDA0LS4wMDQtLjAyNS0uMDIzYTMuNSAzLjUgMCAwIDAtLjU1NS0uMzk0QTMuMTcgMy4xNyAwIDAgMCAxMyA3LjVjLS42MzggMC0xLjE3OC4yMTMtMS41NjQuNDM0YTMuNSAzLjUgMCAwIDAtLjU1NS4zOTRsLS4wMjUuMDIzLS4wMDMuMDAzcy0uMjA0LjE0Ni0uMzUzLjE0Ni0uMzUyLS4xNDUtLjM1Mi0uMTQ1bC0uMDA0LS4wMDQtLjAyNS0uMDIzYTMuNSAzLjUgMCAwIDAtLjU1NS0uMzk0IDMuMyAzLjMgMCAwIDAtMS4wNjQtLjM5VjEzLjVIOGguNXYuMDM5bC0uMDA1LjA4M2EzIDMgMCAwIDEtLjI5OCAxLjEwMiAyLjI2IDIuMjYgMCAwIDEtLjc2My44OEM3LjA2IDE1Ljg1MSA2LjU4NyAxNiA2IDE2cy0xLjA2MS0uMTQ4LTEuNDM0LS4zOTZhMi4yNiAyLjI2IDAgMCAxLS43NjMtLjg4IDMgMyAwIDAgMS0uMzAyLTEuMTg1di0uMDI1bC0uMDAxLS4wMDl2LS4wMDNzMC0uMDAyLjUtLjAwMmgtLjVWMTNhLjUuNSAwIDAgMSAxIDB2LjUwNmwuMDAzLjA0NGEyIDIgMCAwIDAgLjE5NS43MjZjLjA5NS4xOTEuMjMuMzY3LjQyMy40OTUuMTkuMTI3LjQ2Ni4yMjkuODc5LjIyOXMuNjg5LS4xMDIuODc5LS4yMjljLjE5My0uMTI4LjMyOC0uMzA0LjQyNC0uNDk1YTIgMiAwIDAgMCAuMTk3LS43N1Y3LjU0NGEzLjMgMy4zIDAgMCAwLTEuMDY0LjM5IDMuNSAzLjUgMCAwIDAtLjU4LjQxN2wtLjAwNC4wMDRTNS42NSA4LjUgNS41IDguNXMtLjM1Mi0uMTQ1LS4zNTItLjE0NWwtLjAwNC0uMDA0YTMuNSAzLjUgMCAwIDAtLjU4LS40MTdBMy4xNyAzLjE3IDAgMCAwIDMgNy41Yy0uNjM4IDAtMS4xNzcuMjEzLTEuNTY0LjQzNGEzLjUgMy41IDAgMCAwLS41OC40MTdsLS4wMDQuMDA0Uy42NSA4LjUuNSA4LjVDMCA4LjUgMCA4IDAgOGMwLTMuNzggMy4zNzUtNi43NjIgNy41LTYuOTg2Vi41QS41LjUgMCAwIDEgOCAwIi8+Cjwvc3ZnPg==)}.cbb-button__icon--watch .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd2F0Y2giIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTguNSA1YS41LjUgMCAwIDAtMSAwdjIuNUg2YS41LjUgMCAwIDAgMCAxaDJhLjUuNSAwIDAgMCAuNS0uNXoiLz4KICA8cGF0aCBkPSJNNS42NjcgMTZDNC43NDcgMTYgNCAxNS4yNTQgNCAxNC4zMzN2LTEuODZBNiA2IDAgMCAxIDIgOGMwLTEuNzc3Ljc3Mi0zLjM3NCAyLTQuNDcyVjEuNjY3QzQgLjc0NyA0Ljc0NiAwIDUuNjY3IDBoNC42NjZDMTEuMjUzIDAgMTIgLjc0NiAxMiAxLjY2N3YxLjg2YTYgNiAwIDAgMSAxLjkxOCAzLjQ4LjUwMi41MDIgMCAwIDEgLjU4Mi40OTN2MWEuNS41IDAgMCAxLS41ODIuNDkzQTYgNiAwIDAgMSAxMiAxMi40NzN2MS44NmMwIC45Mi0uNzQ2IDEuNjY3LTEuNjY3IDEuNjY3ek0xMyA4QTUgNSAwIDEgMCAzIDhhNSA1IDAgMCAwIDEwIDAiLz4KPC9zdmc+)}.cbb-button__icon--wind .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd2luZCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMTIuNSAyQTIuNSAyLjUgMCAwIDAgMTAgNC41YS41LjUgMCAwIDEtMSAwQTMuNSAzLjUgMCAxIDEgMTIuNSA4SC41YS41LjUgMCAwIDEgMC0xaDEyYTIuNSAyLjUgMCAwIDAgMC01bS03IDFhMSAxIDAgMCAwLTEgMSAuNS41IDAgMCAxLTEgMCAyIDIgMCAxIDEgMiAyaC01YS41LjUgMCAwIDEgMC0xaDVhMSAxIDAgMCAwIDAtMk0wIDkuNUEuNS41IDAgMCAxIC41IDloMTAuMDQyYTMgMyAwIDEgMS0zIDMgLjUuNSAwIDAgMSAxIDAgMiAyIDAgMSAwIDItMkguNWEuNS41IDAgMCAxLS41LS41Ii8+Cjwvc3ZnPg==)}.cbb-button__icon--wrench .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd3JlbmNoIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0uMTAyIDIuMjIzQTMuMDA0IDMuMDA0IDAgMCAwIDMuNzggNS44OTdsNi4zNDEgNi4yNTJBMy4wMDMgMy4wMDMgMCAwIDAgMTMgMTZhMyAzIDAgMSAwLS44NTEtNS44NzhMNS44OTcgMy43ODFBMy4wMDQgMy4wMDQgMCAwIDAgMi4yMjMuMWwyLjE0MSAyLjE0Mkw0IDRsLTEuNzU3LjM2NHptMTMuMzcgOS4wMTkuNTI4LjAyNi4yODcuNDQ1LjQ0NS4yODcuMDI2LjUyOUwxNSAxM2wtLjI0Mi40NzEtLjAyNi41MjktLjQ0NS4yODctLjI4Ny40NDUtLjUyOS4wMjZMMTMgMTVsLS40NzEtLjI0Mi0uNTI5LS4wMjYtLjI4Ny0uNDQ1LS40NDUtLjI4Ny0uMDI2LS41MjlMMTEgMTNsLjI0Mi0uNDcxLjAyNi0uNTI5LjQ0NS0uMjg3LjI4Ny0uNDQ1LjUyOS0uMDI2TDEzIDExeiIvPgo8L3N2Zz4=)}.cbb-button__icon--wrench-adjustable .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd3JlbmNoLWFkanVzdGFibGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTE2IDQuNWE0LjUgNC41IDAgMCAxLTEuNzAzIDMuNTI2TDEzIDVsMi45NTktMS4xMXEuMDQuMy4wNDEuNjEiLz4KICA8cGF0aCBkPSJNMTEuNSA5Yy42NTMgMCAxLjI3My0uMTM5IDEuODMzLS4zOUwxMiA1LjUgMTEgM2wzLjgyNi0xLjUzQTQuNSA0LjUgMCAwIDAgNy4yOSA2LjA5MmwtNi4xMTYgNS4wOTZhMi41ODMgMi41ODMgMCAxIDAgMy42MzggMy42MzhMOS45MDggOC43MUE0LjUgNC41IDAgMCAwIDExLjUgOW0tMS4yOTItNC4zNjEtLjU5Ni44OTMuODA5LS4yN2EuMjUuMjUgMCAwIDEgLjI4Ny4zNzdsLS41OTYuODkzLjgwOS0uMjcuMTU4LjQ3NS0xLjUuNWEuMjUuMjUgMCAwIDEtLjI4Ny0uMzc2bC41OTYtLjg5My0uODA5LjI3YS4yNS4yNSAwIDAgMS0uMjg3LS4zNzdsLjU5Ni0uODkzLS44MDkuMjctLjE1OC0uNDc1IDEuNS0uNWEuMjUuMjUgMCAwIDEgLjI4Ny4zNzZNMyAxNGExIDEgMCAxIDEgMC0yIDEgMSAwIDAgMSAwIDIiLz4KPC9zdmc+)}.cbb-button__icon--wrench-adjustable-circle .cbb-button__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd3JlbmNoLWFkanVzdGFibGUtY2lyY2xlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0xMi40OTYgOGE0LjUgNC41IDAgMCAxLTEuNzAzIDMuNTI2TDkuNDk3IDguNWwyLjk1OS0xLjExcS4wNC4zLjA0LjYxIi8+CiAgPHBhdGggZD0iTTE2IDhBOCA4IDAgMSAxIDAgOGE4IDggMCAwIDEgMTYgMG0tMSAwYTcgNyAwIDEgMC0xMy4yMDIgMy4yNDlsMS45ODgtMS42NTdhNC41IDQuNSAwIDAgMSA3LjUzNy00LjYyM0w3LjQ5NyA2LjVsMSAyLjUgMS4zMzMgMy4xMWMtLjU2LjI1MS0xLjE4LjM5LTEuODMzLjM5YTQuNSA0LjUgMCAwIDEtMS41OTItLjI5TDQuNzQ3IDE0LjJBNyA3IDAgMCAwIDE1IDhtLTguMjk1LjEzOWEuMjUuMjUgMCAwIDAtLjI4OC0uMzc2bC0xLjUuNS4xNTkuNDc0LjgwOC0uMjctLjU5NS44OTRhLjI1LjI1IDAgMCAwIC4yODcuMzc2bC44MDgtLjI3LS41OTUuODk0YS4yNS4yNSAwIDAgMCAuMjg3LjM3NmwxLjUtLjUtLjE1OS0uNDc0LS44MDguMjcuNTk2LS44OTRhLjI1LjI1IDAgMCAwLS4yODgtLjM3NmwtLjgwOC4yN3oiLz4KPC9zdmc+)}html[data-theme=dark] .cbb-button__icon-container:before{filter:drop-shadow(var(--cbb-icon-size,30px) 0 var(--cbb-icon-dark-color,#fff))}

  • caledros-basic-blocks/trunk/build/blocks/desktop-menu-container/block.json

    r3312222 r3335584  
    143143      "type": "boolean",
    144144      "default": false
     145    },
     146    "stickyNavBoxShadow": {
     147      "type": "object",
     148      "default": {
     149        "enabled": false,
     150        "hOffset": "10px",
     151        "vOffset": "10px",
     152        "blur": "0px",
     153        "spread": "0px",
     154        "lightColor": "#000",
     155        "darkColor": "#f4f4f4",
     156        "style": ""
     157      }
    145158    }
    146159  },

  • caledros-basic-blocks/trunk/build/blocks/desktop-menu-container/index.asset.php

    r3321999 r3335584  
    1 <?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n'), 'version' => 'b1481eabdc1b41068c58');
     1<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n'), 'version' => '6d818dd18aacec3ffce2');

  • caledros-basic-blocks/trunk/build/blocks/desktop-menu-container/index.js

    r3321999 r3335584  
    1 (()=>{"use strict";var e,t={7:()=>{const e=window.wp.blocks,t=JSON.parse('{"UU":"caledros-basic-blocks/desktop-menu-container"}'),a=window.wp.i18n,o=window.ReactJSXRuntime,l={icon:(0,o.jsx)("svg",{width:"24",height:"24",version:"1.1",viewBox:"0 0 6.35 6.35",xmlns:"http://www.w3.org/2000/svg",children:(0,o.jsx)("g",{transform:"translate(-96.573 -101.07)",children:(0,o.jsxs)("g",{transform:"matrix(.087396 0 0 .087396 90.571 91.268)",children:[(0,o.jsx)("path",{d:"m141.33 148.5a36.329 36.329 0 0 1-36.329 36.329 36.329 36.329 0 0 1-36.329-36.329 36.329 36.329 0 0 1 36.329-36.329 36.329 36.329 0 0 1 36.329 36.329z",fill:"#e0ebe0","stroke-width":"0"}),(0,o.jsx)("path",{d:"m138.18 148.5a33.177 33.177 0 0 1-33.177 33.177 33.177 33.177 0 0 1-33.177-33.177 33.177 33.177 0 0 1 33.177-33.177 33.177 33.177 0 0 1 33.177 33.177z",fill:"#252533","stroke-width":"0"}),(0,o.jsx)("path",{d:"m135.4 148.5a30.397 30.397 0 0 1-30.397 30.397 30.397 30.397 0 0 1-30.397-30.397 30.397 30.397 0 0 1 30.397-30.397 30.397 30.397 0 0 1 30.397 30.397z",fill:"#e0ebe0","stroke-width":"0"}),(0,o.jsxs)("g",{transform:"matrix(.90041 0 0 .90041 31.823 90.353)",fill:"#252533","stroke-width":"1.1106",children:[(0,o.jsx)("path",{d:"m93.777 55.9v9.3361c7.8313 1.1492 16.709-9.4028 15.094-9.3963z"}),(0,o.jsx)("path",{d:"m97.104 59.499c2.0783-0.03527 3.9177 0.15195 8.6289-2.233-5.125 1.0559-5.7944 0.56153-8.6392 0.57438-0.78106 0.0035-0.68526 1.6378 0.01037 1.6586z","stroke-width":"0"}),(0,o.jsx)("path",{d:"m53.478 56.801h38.884v9.3252s-3.9882 1.7008-3.4603 4.8679c0.52784 3.1671 3.1084 6.862 10.088 6.9206v7.1928h-7.2969s-4.3545-4.1057-10.865-3.8568-10.078 3.691-10.078 3.691h-7.4648v-7.3819s10.451 0.62207 9.9531-7.1331c-0.49766-7.7551-19.699-9.2481-19.699-9.2481z"})]}),(0,o.jsx)("path",{d:"m106.41 126.27a0.78523 0.78523 0 0 0-0.94136 0.59044l-2.4602 10.727a0.78523 0.78523 0 0 0 0.58951 0.94136 0.78523 0.78523 0 0 0 0.94044-0.59044l2.4611-10.727a0.78523 0.78523 0 0 0-0.58951-0.94136z",color:"#000000",fill:"#fc571b","stroke-width":"0"}),(0,o.jsx)("path",{d:"m100.45 127.77-5.9517 3.9678a0.78531 0.78531 0 0 0 0 1.3062l5.9517 3.9678a0.78523 0.78523 0 0 0 1.089-0.21724 0.78523 0.78523 0 0 0-0.21816-1.089l-4.9723-3.3152 4.9723-3.3143a0.78523 0.78523 0 0 0 0.21816-1.089 0.78523 0.78523 0 0 0-1.089-0.21724z",color:"#000000",fill:"#fc571b","stroke-width":"0"}),(0,o.jsx)("path",{d:"m109.55 127.77a0.78523 0.78523 0 0 0-1.089 0.21724 0.78523 0.78523 0 0 0 0.21816 1.089l4.9714 3.3143-4.9714 3.3152a0.78523 0.78523 0 0 0-0.21816 1.089 0.78523 0.78523 0 0 0 1.089 0.21724l5.9517-3.9678a0.78531 0.78531 0 0 0 0-1.3062z",color:"#000000",fill:"#fc571b","stroke-width":"0"})]})})})},n=window.wp.blockEditor,r=window.wp.components,s=window.wp.element;function i({attributes:e,setAttributes:t}){const{containerWidth:l}=e,i=l.replace(/\d+/g,"")||"px",c=["px","%","em","rem","vw"].includes(i)?i:"px",d=parseInt(l)||0,[b,u]=(0,s.useState)("100%"!==l&&"var(--wp--style--global--content-size)"!==l&&"var(--wp--style--global--wide-size)"!==l),g=(0,n.useSettings)("layout.contentSize","layout.wideSize")||[],[h="620px",x="1280px"]=g,p=(e,t)=>["%","vw"].includes(e)&&t>100?100:t;return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Maximum width","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use custom width",checked:b,onChange:()=>u((e=>!e))}),!b&&(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the max width for the container.","caledros-basic-blocks"),value:"100%"===l||"var(--wp--style--global--content-size)"===l||"var(--wp--style--global--wide-size)"===l?l:"",options:[{disabled:!0,label:"Select an option",value:""},{label:"Full width",value:"100%"},{label:`Content size (${h})`,value:"var(--wp--style--global--content-size)"},{label:`Wide size (${x})`,value:"var(--wp--style--global--wide-size)"}],onChange:e=>{t({containerWidth:e})}}),b&&(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the custom width (${c}) for the container.`,"caledros-basic-blocks"),value:"var(--wp--style--global--content-size)"===l||"var(--wp--style--global--wide-size)"===l?0:parseInt(l),max:"%"===c||"vw"===c?100:3e3,min:0,step:1,onChange:e=>{t({containerWidth:`${e}${c}`})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:c,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerWidth:`${p(e,d)}${e}`})}})]})]})}function c({attributes:e,setAttributes:t}){const{containerHeight:l}=e,n=l.replace(/\d+/g,"")||"px",s=e=>"px"===e?parseInt(l)||0:parseFloat(l)||0,i=(e,t)=>"vh"===e&&t>100?100:t;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Height","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the height (${n}) for the container. To ensure a consistent design, all direct child elements must have its minimum height set to zero.`,"caledros-basic-blocks"),value:s(n),max:"vh"===n?100:3e3,min:0,step:1,onChange:e=>t({containerHeight:`${e}${n}`})}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:n,options:[{label:"px",value:"px"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vh",value:"vh"}],onChange:e=>{t({containerHeight:`${i(e,s(e))}${e}`})}})]})})}function d({attributes:e,setAttributes:t}){const{containerBackgroundImage:l,containerBgImageFocalPoint:s}=e,i=()=>{t({containerBackgroundImage:{id:"",alt:"",url:""}})};return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Background image","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(n.MediaUploadCheck,{children:(0,o.jsx)(n.MediaUpload,{allowedTypes:["image"],value:l.id,render:({open:e})=>(0,o.jsxs)(o.Fragment,{children:[l.url&&(0,o.jsx)(r.FocalPointPicker,{__nextHasNoMarginBottom:!0,onChange:e=>{t({containerBgImageFocalPoint:e})},url:l.url,value:s}),(0,o.jsxs)("div",{style:{display:"flex",gap:"10px"},children:[(0,o.jsx)(r.Button,{variant:"primary",onClick:e,children:"Select image"}),(0,o.jsx)(r.Button,{variant:"secondary",onClick:i,children:"Remove image"})]})]}),onSelect:e=>{t({containerBackgroundImage:{id:e.id,alt:e.alt,url:e.url}})}})})})}function b({attributes:e,setAttributes:t}){const{containerLightBackgroundGradient:l}=e,[n,i]=(0,s.useState)(""!==l);return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Background gradient (light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable background gradient","caledros-basic-blocks"),checked:n,onChange:()=>{i((e=>!e)),t({containerLightBackgroundGradient:""})}}),n&&(0,o.jsx)(r.CustomGradientPicker,{onChange:e=>{t({containerLightBackgroundGradient:e})},value:""===l?"linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5))":l})]})}function u({attributes:e,setAttributes:t}){const{containerDarkBackgroundGradient:l}=e,[n,i]=(0,s.useState)(""!==l);return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Background gradient (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable background gradient (dark mode)","caledros-basic-blocks"),checked:n,onChange:()=>{i((e=>!e)),t({containerDarkBackgroundGradient:""})}}),n&&(0,o.jsx)(r.CustomGradientPicker,{onChange:e=>{t({containerDarkBackgroundGradient:e})},value:""===l?"linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5))":l})]})}const g=window.wp.data;function h({attributes:e,setAttributes:t}){const{containerDarkBackgroundColor:l}=e,[i,c]=(0,s.useState)("#00000000"===l),[d,b]=(0,n.useSettings)("color.palette","color.defaultPalette"),u=d.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),h=(0,g.select)("core/editor")?.getEditorSettings(),x=h?.__experimentalFeatures?.color?.palette,p=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),_=p(x,"default"),m=p(x,"theme"),v=p(x,"custom"),f=[...b?[_]:[],m,...v.colors?[v]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Background color (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Use transparent background.","caledros-basic-blocks"),checked:i,onChange:()=>{c((e=>!e)),t({containerDarkBackgroundColor:"#00000000"})}}),!i&&(0,o.jsx)(r.ColorPalette,{colors:x?f:u,value:l,onChange:e=>t({containerDarkBackgroundColor:e}),enableAlpha:!0,clearable:!1})]})}function x({attributes:e,setAttributes:t}){const{containerLightBackgroundColor:l}=e,[i,c]=(0,s.useState)("#00000000"===l),[d,b]=(0,n.useSettings)("color.palette","color.defaultPalette"),u=d.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),h=(0,g.select)("core/editor")?.getEditorSettings(),x=h?.__experimentalFeatures?.color?.palette,p=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),_=p(x,"default"),m=p(x,"theme"),v=p(x,"custom"),f=[...b?[_]:[],m,...v.colors?[v]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Background color (light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use transparent background",checked:i,onChange:()=>{c((e=>!e)),t({containerLightBackgroundColor:"#00000000"})}}),!i&&(0,o.jsx)(r.ColorPalette,{colors:x?f:u,value:l,onChange:e=>t({containerLightBackgroundColor:e}),enableAlpha:!0,clearable:!1})]})}function p({attributes:e,setAttributes:t}){const{containerBorder:l}=e,n=l.style.split(" "),i=n[0]||"solid",c=n[1]||"none",d=n[2]||"none",b=n[3]||"none",[u,g]=(0,s.useState)(!!l.style.includes(" "));return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Border style","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border styles for each side",checked:u,onChange:()=>{const e=!u;g(e),t(e?{containerBorder:{...l,style:"solid none none none"}}:{containerBorder:{...l,style:"solid"}})}}),!u&&(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the border style.","caledros-basic-blocks"),value:l.style,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({containerBorder:{...l,style:e}})}}),u&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the top border.","caledros-basic-blocks"),value:i,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({containerBorder:{...l,style:`${e} ${c} ${d} ${b}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the right border.","caledros-basic-blocks"),value:c,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({containerBorder:{...l,style:`${i} ${e} ${d} ${b}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the bottom border.","caledros-basic-blocks"),value:d,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({containerBorder:{...l,style:`${i} ${c} ${e} ${b}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the left border.","caledros-basic-blocks"),value:b,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({containerBorder:{...l,style:`${i} ${c} ${d} ${e}`}})}})]})]})}function _({attributes:e,setAttributes:t}){const{containerBorder:l}=e,n=l.width.split(" "),i=parseInt(n[0])||0,c=parseInt(n[1])||0,d=parseInt(n[2])||0,b=parseInt(n[3])||0,[u,g]=(0,s.useState)(!!l.width.includes(" "));return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Border width","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border widths for each side",checked:u,onChange:()=>{const e=!u;g(e),t(e?{containerBorder:{...l,width:"1px 1px 1px 1px"}}:{containerBorder:{...l,width:"1px"}})}}),!u&&(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the border width (px) for the container.","caledros-basic-blocks"),value:parseInt(l.width),max:50,min:0,step:1,onChange:e=>{t({containerBorder:{...l,width:`${e}px`}})}}),u&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the top border width (px) for the container.","caledros-basic-blocks"),value:i,max:50,min:0,step:1,onChange:e=>{t({containerBorder:{...l,width:`${e}px ${c}px ${d}px ${b}px`}})}}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the right border width (px) for the container.","caledros-basic-blocks"),value:c,max:50,min:0,step:1,onChange:e=>{t({containerBorder:{...l,width:`${i}px ${e}px ${d}px ${b}px`}})}}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the bottom border width (px) for the container.","caledros-basic-blocks"),value:d,max:50,min:0,step:1,onChange:e=>{t({containerBorder:{...l,width:`${i}px ${c}px ${e}px ${b}px`}})}}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the left border width (px) for the container.","caledros-basic-blocks"),value:b,max:50,min:0,step:1,onChange:e=>{t({containerBorder:{...l,width:`${i}px ${c}px ${d}px ${e}px`}})}})]})]})}function m({attributes:e,setAttributes:t}){const{containerBorder:l}=e,i=l.lightColor.split(" "),c=i[0]||"#000",d=i[1]||"#000",b=i[2]||"#000",u=i[3]||"#000",[h,x]=(0,s.useState)(!!l.lightColor.includes(" ")),[p,_]=(0,n.useSettings)("color.palette","color.defaultPalette"),m=p.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),v=(0,g.select)("core/editor")?.getEditorSettings(),f=v?.__experimentalFeatures?.color?.palette,k=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),C=k(f,"default"),$=k(f,"theme"),j=k(f,"custom"),B=[..._?[C]:[],$,...j.colors?[j]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Border color (light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border colors for each side",checked:h,onChange:()=>{const e=!h;x(e),t(e?{containerBorder:{...l,lightColor:"#000 #000 #000 #000"}}:{containerBorder:{...l,lightColor:"#000"}})}}),!h&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose the border color","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:m,value:l.lightColor,onChange:e=>t({containerBorder:{...l,lightColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0})]}),h&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the top border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:m,value:c,onChange:e=>{t({containerBorder:{...l,lightColor:`${e||"#00000000"} ${d} ${b} ${u}`}})},enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the right border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:m,value:d,onChange:e=>{t({containerBorder:{...l,lightColor:`${c} ${e||"#00000000"} ${b} ${u}`}})},enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the bottom border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:m,value:b,onChange:e=>{t({containerBorder:{...l,lightColor:`${c} ${d} ${e||"#00000000"} ${u}`}})},enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the left border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:m,value:u,onChange:e=>{t({containerBorder:{...l,lightColor:`${c} ${d} ${b} ${e||"#00000000"}`}})},enableAlpha:!0,clearable:!0})]})]})}function v({attributes:e,setAttributes:t}){const{containerBorder:l}=e,n=l.radius.split(" "),i=parseInt(n[0])||0,c=parseInt(n[1])||0,d=parseInt(n[2])||0,b=parseInt(n[3])||0,u=l.radius.split(" "),g=u[0]?u[0].replace(/\d+/g,""):"px",h=u[1]?u[1].replace(/\d+/g,""):"px",x=u[2]?u[2].replace(/\d+/g,""):"px",p=u[3]?u[3].replace(/\d+/g,""):"px",[_,m]=(0,s.useState)(!!l.radius.includes(" ")),v=(e,t)=>"%"===e&&t>100?100:t;return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Border radius","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border radiuses for each corner",checked:_,onChange:()=>{const e=!_;m(e),t(e?{containerBorder:{...l,radius:"10px 10px 10px 10px"}}:{containerBorder:{...l,radius:"10px"}})}}),!_&&(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the border radius (${g}) for the container.`,"caledros-basic-blocks"),value:parseInt(l.radius),max:"%"===g?100:150,min:0,step:1,onChange:e=>{t({containerBorder:{...l,radius:`${e}${g}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:g,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({containerBorder:{...l,radius:`${v(e,parseInt(l.radius))}${e}`}})}})]}),_&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top-left border radius (${g}).`,"caledros-basic-blocks"),value:i,max:"%"===g?100:150,min:0,step:1,onChange:e=>{t({containerBorder:{...l,radius:`${e}${g} ${c}${h} ${d}${x} ${b}${p}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:g,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({containerBorder:{...l,radius:`${v(e,i)}${e} ${c}${h} ${d}${x} ${b}${p}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top-right border radius (${h}).`,"caledros-basic-blocks"),value:c,max:"%"===h?100:150,min:0,step:1,onChange:e=>{t({containerBorder:{...l,radius:`${i}${g} ${e}${h} ${d}${x} ${b}${p}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:h,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({containerBorder:{...l,radius:`${i}${g} ${v(e,c)}${e} ${d}${x} ${b}${p}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom-right border radius (${x}).`,"caledros-basic-blocks"),value:d,max:"%"===x?100:150,min:0,step:1,onChange:e=>{t({containerBorder:{...l,radius:`${i}${g} ${c}${h} ${e}${x} ${b}${p}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:x,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({containerBorder:{...l,radius:`${i}${g} ${c}${h} ${v(e,d)}${e} ${b}${p}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom-left border radius (${p}).`,"caledros-basic-blocks"),value:b,max:"%"===p?100:150,min:0,step:1,onChange:e=>{t({containerBorder:{...l,radius:`${i}${g} ${c}${h} ${d}${x} ${e}${p}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:p,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({containerBorder:{...l,radius:`${i}${g} ${c}${h} ${d}${x} ${v(e,b)}${e}`}})}})]})]})]})}function f({attributes:e,setAttributes:t}){const{containerBoxShadow:l}=e,[s,i]=(0,n.useSettings)("color.palette","color.defaultPalette"),c=s.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),d=(0,g.select)("core/editor")?.getEditorSettings(),b=d?.__experimentalFeatures?.color?.palette,u=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),h=u(b,"default"),x=u(b,"theme"),p=u(b,"custom"),_=[...i?[h]:[],x,...p.colors?[p]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Box shadow","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable box shadow","caledros-basic-blocks"),checked:l.enabled,onChange:e=>{t({containerBoxShadow:{...l,enabled:e}})}}),l.enabled&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the box shadow.","caledros-basic-blocks"),value:""===l.style?"outline":"inset",options:[{label:"Outline",value:"outline"},{label:"Inset",value:"inset"}],onChange:e=>{t({containerBoxShadow:{...l,style:`${"outline"===e?"":e}`}})}}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the horizontal offset (px).","caledros-basic-blocks"),value:parseInt(l.hOffset),max:100,min:-100,step:1,onChange:e=>t({containerBoxShadow:{...l,hOffset:`${e}px`}})}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the vertical offset (px).","caledros-basic-blocks"),value:parseInt(l.vOffset),max:100,min:-100,step:1,onChange:e=>t({containerBoxShadow:{...l,vOffset:`${e}px`}})}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the blur (px).","caledros-basic-blocks"),value:parseInt(l.blur),max:100,min:0,step:1,onChange:e=>t({containerBoxShadow:{...l,blur:`${e}px`}})}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the spread (px).","caledros-basic-blocks"),value:parseInt(l.spread),max:100,min:-100,step:1,onChange:e=>t({containerBoxShadow:{...l,spread:`${e}px`}})}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the box shadow (light mode)","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:b?_:c,value:l.lightColor,onChange:e=>t({containerBoxShadow:{...l,lightColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the box shadow (dark mode)","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:b?_:c,value:l.darkColor,onChange:e=>t({containerBoxShadow:{...l,darkColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0})]})]})}function k({attributes:e,setAttributes:t}){const{containerMargin:l}=e,n=parseInt(l.top)||0,s=parseInt(l.left)||0,i=parseInt(l.bottom)||0,c=parseInt(l.right)||0,d=l.top.replace(/\d+/g,""),b=l.left.replace(/\d+/g,""),u=l.bottom.replace(/\d+/g,""),g=l.right.replace(/\d+/g,""),h=(e,t)=>"auto"===e?"":["%","vw"].includes(e)&&t>100?100:t;return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Margin","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable different margins","caledros-basic-blocks"),checked:l.differentMarginsEnabled,onChange:e=>{t({containerMargin:{...l,differentMarginsEnabled:e}})}}),!l.differentMarginsEnabled&&(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the margin (${d}) for the container.`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(d)?100:500,min:0,step:1,onChange:e=>{t({containerMargin:{...l,top:`${"auto"===d?"":e}${d}`}})},disabled:"auto"===d}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:d,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMargin:{...l,top:`${h(e,n)}${e}`}})}})]}),l.differentMarginsEnabled&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top margin (${d}) for the container.`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(d)?100:500,min:0,step:1,onChange:e=>{t({containerMargin:{...l,top:`${"auto"===d?"":e}${d}`}})},disabled:"auto"===d}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:d,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMargin:{...l,top:`${h(e,n)}${e}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the right margin (${g}) for the container.`,"caledros-basic-blocks"),value:c,max:["%","vw"].includes(g)?100:500,min:0,step:1,onChange:e=>{t({containerMargin:{...l,right:`${"auto"===g?"":e}${g}`}})},disabled:"auto"===g}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:g,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMargin:{...l,right:`${h(e,c)}${e}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom margin (${u}) for the container.`,"caledros-basic-blocks"),value:i,max:["%","vw"].includes(u)?100:500,min:0,step:1,onChange:e=>{t({containerMargin:{...l,bottom:`${"auto"===u?"":e}${u}`}})},disabled:"auto"===u}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:u,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMargin:{...l,bottom:`${h(e,i)}${e}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the left margin (${b}) for the container.`,"caledros-basic-blocks"),value:s,max:["%","vw"].includes(b)?100:500,min:0,step:1,onChange:e=>{t({containerMargin:{...l,left:`${"auto"===b?"":e}${b}`}})},disabled:"auto"===b}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:b,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMargin:{...l,left:`${h(e,s)}${e}`}})}})]})]})]})}function C({attributes:e,setAttributes:t}){const{containerPadding:l}=e,n=parseInt(l.top)||0,s=parseInt(l.left)||0,i=parseInt(l.bottom)||0,c=parseInt(l.right)||0,d=l.top.replace(/\d+/g,""),b=l.left.replace(/\d+/g,""),u=l.bottom.replace(/\d+/g,""),g=l.right.replace(/\d+/g,""),h=(e,t)=>["%","vw"].includes(e)&&t>100?100:t;return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Padding","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Use global padding","caledros-basic-blocks"),help:(0,a.__)("This option applies predefined padding to the right and left sides of the block, ensuring consistency across the entire site. To adjust this padding, navigate to the Layout section in the Full Site Editor.","caledros-basic-blocks"),checked:l.useGlobalPadding,onChange:e=>{t({containerPadding:{...l,useGlobalPadding:e}})}}),!l.useGlobalPadding&&(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable different paddings","caledros-basic-blocks"),checked:l.differentPaddingsEnabled,onChange:e=>{t({containerPadding:{...l,differentPaddingsEnabled:e}})}}),!l.differentPaddingsEnabled&&!l.useGlobalPadding&&(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the padding (${d}) for the container.`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(d)?100:500,min:0,step:1,onChange:e=>{t({containerPadding:{...l,top:`${e}${d}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:d,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerPadding:{...l,top:`${h(e,n)}${e}`}})}})]}),l.differentPaddingsEnabled&&!l.useGlobalPadding&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top padding (${d}) for the container.`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(d)?100:500,min:0,step:1,onChange:e=>{t({containerPadding:{...l,top:`${e}${d}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:d,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerPadding:{...l,top:`${h(e,n)}${e}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the right padding (${g}) for the container.`,"caledros-basic-blocks"),value:c,max:["%","vw"].includes(g)?100:500,min:0,step:1,onChange:e=>{t({containerPadding:{...l,right:`${e}${g}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:g,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerPadding:{...l,right:`${h(e,c)}${e}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom padding (${u}) for the container.`,"caledros-basic-blocks"),value:i,max:["%","vw"].includes(u)?100:500,min:0,step:1,onChange:e=>{t({containerPadding:{...l,bottom:`${e}${u}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:u,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerPadding:{...l,bottom:`${h(e,i)}${e}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the left padding (${b}) for the container.`,"caledros-basic-blocks"),value:s,max:["%","vw"].includes(b)?100:500,min:0,step:1,onChange:e=>{t({containerPadding:{...l,left:`${e}${b}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:b,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerPadding:{...l,left:`${h(e,s)}${e}`}})}})]})]})]})}function $({attributes:e,setAttributes:t}){const{containerJustifyContent:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Justify content","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Select the value for the justify content property.","caledros-basic-blocks"),value:l,options:[{label:"Flex start (default)",value:"flex-start"},{label:"Flex end",value:"flex-end"},{label:"Center",value:"center"},{label:"Space between",value:"space-between"},{label:"Space around",value:"space-around"},{label:"Space evenly",value:"space-evenly"}],onChange:e=>{t({containerJustifyContent:e})}})})}function j({attributes:e,setAttributes:t}){const{containerAlignItems:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Align items","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Select the value for the align items property.","caledros-basic-blocks"),value:l,options:[{label:"Flex start",value:"flex-start"},{label:"Flex end",value:"flex-end"},{label:"Center",value:"center"},{label:"Stretch",value:"stretch"},{label:"Baseline",value:"baseline"},{label:"Normal (default)",value:"normal"}],onChange:e=>{t({containerAlignItems:e})}})})}function B({attributes:e,setAttributes:t}){const{containerColumnGap:l}=e,[n,i]=(0,s.useState)("normal"===l);return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Column gap","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Use normal column gap (default value)","caledros-basic-blocks"),checked:n,onChange:()=>{const e=n?"0":"normal";i((e=>!e)),t({containerColumnGap:e})}}),!n&&(0,o.jsx)(r.RangeControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,help:(0,a.__)("Please select the column gap (px) for the flex container.","caledros-basic-blocks"),value:isNaN(parseInt(l))?0:parseInt(l),max:200,min:0,step:1,onChange:e=>t({containerColumnGap:`${e}px`})})]})}function w({attributes:e,setAttributes:t}){const{containerOverflow:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Overflow","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Select the value for the overflow property.","caledros-basic-blocks"),value:l,options:[{label:"Visible (default)",value:"visible"},{label:"Hidden",value:"hidden"},{label:"Scroll",value:"scroll"},{label:"Auto",value:"auto"}],onChange:e=>{t({containerOverflow:e})}})})}function y({attributes:e,setAttributes:t}){const{stickyNavigationEnabled:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Sticky navigation","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable sticky navigation","caledros-basic-blocks"),help:(0,a.__)("A sticky navigation bar will stick to the top of the screen while scrolling. The effect is only visible in the frontend, not in the editor.","caledros-basic-blocks"),checked:l,onChange:e=>t({stickyNavigationEnabled:e})})})}function S({attributes:e,setAttributes:t}){const{stickyNavHeight:l}=e,n=l.replace(/[\d.]+/g,"")||"px",s=e=>"px"===e?parseInt(l)||0:parseFloat(l)||0,i=(e,t)=>"vh"===e&&t>100?100:t;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Height","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the height (${n}) for the sticky navigation bar. This feature is only visible in the frontend.`,"caledros-basic-blocks"),value:s(n),max:"vh"===n?100:3e3,min:0,step:"px"===n?1:.01,onChange:e=>t({stickyNavHeight:`${e}${n}`})}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:n,options:[{label:"px",value:"px"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vh",value:"vh"}],onChange:e=>{t({stickyNavHeight:`${i(e,s(e))}${e}`})}})]})})}function N({attributes:e,setAttributes:t}){const{stickyNavLightBackgroundColor:l}=e,[i,c]=(0,s.useState)("#00000000"===l),[d,b]=(0,n.useSettings)("color.palette","color.defaultPalette"),u=d.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),h=(0,g.select)("core/editor")?.getEditorSettings(),x=h?.__experimentalFeatures?.color?.palette,p=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),_=p(x,"default"),m=p(x,"theme"),v=p(x,"custom"),f=[...b?[_]:[],m,...v.colors?[v]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Background color (light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use transparent background",help:(0,a.__)("Enable this option to set a transparent background for the sticky navigation bar. This feature is only visible in the frontend.","caledros-basic-blocks"),checked:i,onChange:()=>{c((e=>!e)),t({stickyNavLightBackgroundColor:"#00000000"})}}),!i&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a custom background color for the sticky navigation bar. This feature is only visible in the frontend.","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:x?f:u,value:l,onChange:e=>t({stickyNavLightBackgroundColor:e}),enableAlpha:!0,clearable:!1})]})]})}function P({attributes:e,setAttributes:t}){const{stickyNavDarkBackgroundColor:l}=e,[i,c]=(0,s.useState)("#00000000"===l),[d,b]=(0,n.useSettings)("color.palette","color.defaultPalette"),u=d.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),h=(0,g.select)("core/editor")?.getEditorSettings(),x=h?.__experimentalFeatures?.color?.palette,p=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),_=p(x,"default"),m=p(x,"theme"),v=p(x,"custom"),f=[...b?[_]:[],m,...v.colors?[v]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Background color (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use transparent background",help:(0,a.__)("Enable this option to set a transparent background for the sticky navigation bar. This feature is only visible in the frontend.","caledros-basic-blocks"),checked:i,onChange:()=>{c((e=>!e)),t({stickyNavDarkBackgroundColor:"#00000000"})}}),!i&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a custom background color for the sticky navigation bar. This feature is only visible in the frontend.","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:x?f:u,value:l,onChange:e=>t({stickyNavDarkBackgroundColor:e}),enableAlpha:!0,clearable:!1})]})]})}function M({attributes:e,setAttributes:t}){const{containerBorder:l}=e,i=l.darkColor.split(" "),c=i[0]||"#000",d=i[1]||"#000",b=i[2]||"#000",u=i[3]||"#000",[h,x]=(0,s.useState)(!!l.darkColor.includes(" ")),[p,_]=(0,n.useSettings)("color.palette","color.defaultPalette"),m=p.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),v=(0,g.select)("core/editor")?.getEditorSettings(),f=v?.__experimentalFeatures?.color?.palette,k=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),C=k(f,"default"),$=k(f,"theme"),j=k(f,"custom"),B=[..._?[C]:[],$,...j.colors?[j]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Border color (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border colors for each side",checked:h,onChange:()=>{const e=!h;x(e),t(e?{containerBorder:{...l,darkColor:"#000 #000 #000 #000"}}:{containerBorder:{...l,darkColor:"#000"}})}}),!h&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose the border color","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:m,value:l.darkColor,onChange:e=>t({containerBorder:{...l,darkColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0})]}),h&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the top border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:m,value:c,onChange:e=>{t({containerBorder:{...l,darkColor:`${e||"#00000000"} ${d} ${b} ${u}`}})},enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the right border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:m,value:d,onChange:e=>{t({containerBorder:{...l,darkColor:`${c} ${e||"#00000000"} ${b} ${u}`}})},enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the bottom border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:m,value:b,onChange:e=>{t({containerBorder:{...l,darkColor:`${c} ${d} ${e||"#00000000"} ${u}`}})},enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the left border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:m,value:u,onChange:e=>{t({containerBorder:{...l,darkColor:`${c} ${d} ${b} ${e||"#00000000"}`}})},enableAlpha:!0,clearable:!0})]})]})}function H({attributes:e,setAttributes:t}){const{centerStickyNav:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Center navigation bar","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Center navigation bar","caledros-basic-blocks"),help:(0,a.__)("Center the sticky navigation bar when the maximum width has a fixed value, or when it's less than 100%. For this option to work, the container's left and right margins must be set to 'auto'.","caledros-basic-blocks"),checked:l,onChange:e=>t({centerStickyNav:e})})})}function D({attributes:e,setAttributes:t}){const{overlayStickyNav:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Overlay navigation","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable overlay sticky navigation","caledros-basic-blocks"),help:(0,a.__)("This option transforms the sticky navigation bar into an overlay, allowing it to overlap the website's content until the user begins scrolling.","caledros-basic-blocks"),checked:l,onChange:e=>t({overlayStickyNav:e})})})}function z({attributes:e,setAttributes:t}){const{overlayNav:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Overlay navigation","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable overlay navigation","caledros-basic-blocks"),help:(0,a.__)("This option transforms the navigation bar into an overlay, allowing it to overlap the website's content.","caledros-basic-blocks"),checked:l,onChange:e=>t({overlayNav:e})})})}(0,e.registerBlockType)(t.UU,{icon:l.icon,edit:function({attributes:e,setAttributes:t}){const{containerWidth:a,containerHeight:l,containerColumnGap:s,containerLightBackgroundColor:g,containerBackgroundImage:A,containerBgImageFocalPoint:O,containerLightBackgroundGradient:I,containerDarkBackgroundGradient:F,containerBorder:R,containerBoxShadow:T,containerMargin:E,containerPadding:G,containerJustifyContent:U,containerAlignItems:L,containerOverflow:W,containerDarkBackgroundColor:J}=e,V=(e,t,a)=>e||t?{[`--cbb-dm-${a}-bg-gradient`]:[t,e&&`url(${e})`].filter((e=>e)).join(", ")}:{},X=["cbb-desktop-menu-container",T.enabled&&"cbb-desktop-menu-container--has-box-shadow","0px"!==R.width&&"none"!==R.style&&("#00000000"!==R.lightColor||"#00000000"!==R.darkColor)&&"cbb-desktop-menu-container--has-border",(""!==I||""!==F||A.url)&&"cbb-desktop-menu-container--has-bg-gradient"].filter((e=>e)).join(" "),q=(0,n.useBlockProps)({className:`${X}`,style:{maxWidth:`${a}`,width:"100%",margin:E.differentMarginsEnabled?`${E.top} ${E.right} ${E.bottom} ${E.left}`:`${E.top}`,...G.useGlobalPadding?{"--cbb-dm-fc-padding":"0px var(--wp--style--root--padding-right, 0px) 0px var(--wp--style--root--padding-left, 0px)"}:{"--cbb-dm-fc-padding":G.differentPaddingsEnabled?`${G.top} ${G.right} ${G.bottom} ${G.left}`:`${G.top}`},"--cbb-dm-light-bg-color":g,"--cbb-dm-dark-bg-color":J,"--cbb-dm-just-content":U,"--cbb-dm-align-items":L,"--cbb-dm-height":l,"--cbb-dm-column-gap":s,...V(A.url,F,"dark"),...V(A.url,I,"light"),"--cbb-dm-bg-position":`${100*O.x}% ${100*O.y}%`,"--cbb-dm-br-style":"0px"===R.width||"none"===R.style||"#00000000"===R.lightColor&&"#00000000"===R.darkColor?"none":R.style,"--cbb-dm-br-width":"0px"===R.width||"none"===R.style||"#00000000"===R.lightColor&&"#00000000"===R.darkColor?"0px":R.width,"--cbb-dm-light-border-color":"0px"!==R.width&&"none"!==R.style&&"#00000000"!==R.lightColor?R.lightColor:"#00000000","--cbb-dm-dark-border-color":"0px"!==R.width&&"none"!==R.style&&"#00000000"!==R.darkColor?R.darkColor:"#00000000","--cbb-dm-br-radius":R.radius,"--cbb-dm-light-box-shadow":`${T.style} ${T.hOffset} ${T.vOffset} ${T.blur} ${T.spread} ${T.lightColor}`,"--cbb-dm-dark-box-shadow":`${T.style} ${T.hOffset} ${T.vOffset} ${T.blur} ${T.spread} ${T.darkColor}`,"--cbb-dm-overflow":W}});return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(n.InspectorControls,{children:(0,o.jsx)(r.TabPanel,{activeClass:"cbb-active-tab",tabs:[{name:"layout",title:"Layout"},{name:"style",title:"Style"},{name:"sticky-navbar",title:"Sticky"}],children:a=>"layout"===a.name?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(i,{attributes:e,setAttributes:t}),(0,o.jsx)(c,{attributes:e,setAttributes:t}),(0,o.jsx)(B,{attributes:e,setAttributes:t}),(0,o.jsx)(k,{attributes:e,setAttributes:t}),(0,o.jsx)(C,{attributes:e,setAttributes:t}),(0,o.jsx)($,{attributes:e,setAttributes:t}),(0,o.jsx)(j,{attributes:e,setAttributes:t}),(0,o.jsx)(w,{attributes:e,setAttributes:t}),(0,o.jsx)(z,{attributes:e,setAttributes:t})]}):"style"===a.name?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(x,{attributes:e,setAttributes:t}),(0,o.jsx)(h,{attributes:e,setAttributes:t}),(0,o.jsx)(d,{attributes:e,setAttributes:t}),(0,o.jsx)(b,{attributes:e,setAttributes:t}),(0,o.jsx)(u,{attributes:e,setAttributes:t}),(0,o.jsx)(p,{attributes:e,setAttributes:t}),(0,o.jsx)(_,{attributes:e,setAttributes:t}),(0,o.jsx)(m,{attributes:e,setAttributes:t}),(0,o.jsx)(M,{attributes:e,setAttributes:t}),(0,o.jsx)(v,{attributes:e,setAttributes:t}),(0,o.jsx)(f,{attributes:e,setAttributes:t})]}):"sticky-navbar"===a.name?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(y,{attributes:e,setAttributes:t}),(0,o.jsx)(S,{attributes:e,setAttributes:t}),(0,o.jsx)(N,{attributes:e,setAttributes:t}),(0,o.jsx)(P,{attributes:e,setAttributes:t}),(0,o.jsx)(H,{attributes:e,setAttributes:t}),(0,o.jsx)(D,{attributes:e,setAttributes:t})]}):null})}),(0,o.jsx)("div",{...q,children:(0,o.jsx)(n.InnerBlocks,{})})]})},save:function({attributes:e}){const{containerWidth:t,containerHeight:a,containerColumnGap:l,containerLightBackgroundColor:r,containerDarkBackgroundColor:s,containerBackgroundImage:i,containerBgImageFocalPoint:c,containerLightBackgroundGradient:d,containerBorder:b,containerBoxShadow:u,containerMargin:g,containerPadding:h,containerJustifyContent:x,containerAlignItems:p,containerOverflow:_,stickyNavigationEnabled:m,stickyNavHeight:v,stickyNavLightBackgroundColor:f,stickyNavDarkBackgroundColor:k,containerDarkBackgroundGradient:C,centerStickyNav:$,overlayStickyNav:j,overlayNav:B}=e,w=(e,t,a)=>e||t?{[`--cbb-dm-${a}-bg-gradient`]:[t,e&&`url(${e})`].filter((e=>e)).join(", ")}:{},y=["cbb-desktop-menu-container",h.useGlobalPadding&&"has-global-padding",m&&"cbb-desktop-menu-container--sticky",u.enabled&&"cbb-desktop-menu-container--has-box-shadow",("#00000000"!==r||"#00000000"!==s)&&"cbb-desktop-menu-container--has-bg-color","0px"!==b.width&&"none"!==b.style&&("#00000000"!==b.lightColor||"#00000000"!==b.darkColor)&&"cbb-desktop-menu-container--has-border",(""!==d||""!==C)&&"cbb-desktop-menu-container--has-bg-gradient"].filter((e=>e)).join(" "),S=n.useBlockProps.save({className:`${y}`,style:{maxWidth:t,width:"100%",margin:g.differentMarginsEnabled?`${g.top} ${g.right} ${g.bottom} ${g.left}`:`${g.top}`,...!h.useGlobalPadding&&{padding:h.differentPaddingsEnabled?`${h.top} ${h.right} ${h.bottom} ${h.left}`:`${h.top}`},..."#00000000"!==r&&{"--cbb-dm-light-bg-color":r},..."#00000000"!==s&&{"--cbb-dm-dark-bg-color":s},..."flex-start"!==x&&{justifyContent:x},..."normal"!==p&&{alignItems:p},...0!==a&&{"--cbb-dm-height":a},..."normal"!==l&&{columnGap:l},...""!==d||""!==C?{...w(i.url,C,"dark"),...w(i.url,d,"light")}:{...i.url&&{backgroundImage:`url(${i.url})`}},...""!==i.url&&{backgroundPosition:`${100*c.x}% ${100*c.y}%`},..."0px"!==b.width&&"none"!==b.style&&("#00000000"!==b.lightColor||"#00000000"!==b.darkColor)&&{borderStyle:b.style},..."0px"!==b.width&&"none"!==b.style&&("#00000000"!==b.lightColor||"#00000000"!==b.darkColor)&&{borderWidth:b.width},..."0px"!==b.width&&"none"!==b.style&&"#00000000"!==b.lightColor&&{"--cbb-dm-light-border-color":b.lightColor},..."0px"!==b.width&&"none"!==b.style&&"#00000000"!==b.darkColor&&{"--cbb-dm-dark-border-color":b.darkColor},..."0px"!==b.radius&&"0%"!==b.radius&&{borderRadius:b.radius},...u.enabled&&{"--cbb-dm-light-box-shadow":`${u.style} ${u.hOffset} ${u.vOffset} ${u.blur} ${u.spread} ${u.lightColor}`},...u.enabled&&{"--cbb-dm-dark-box-shadow":`${u.style} ${u.hOffset} ${u.vOffset} ${u.blur} ${u.spread} ${u.darkColor}`},..."visible"!==_&&{overflow:_},...m&&0!==v&&{"--cbb-dm-sticky-height":v},...m&&{"--cbb-dm-sticky-light-bg-color":f},...m&&{"--cbb-dm-sticky-dark-bg-color":k},...$&&{left:0,right:0},...B?{"--cbb-dm-position":"absolute",left:0,right:0}:{"--cbb-dm-position":"relative"}}});return m?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{className:"cbb-desktop-menu-container__watcher"}),(0,o.jsx)("div",{...S,children:(0,o.jsx)(n.InnerBlocks.Content,{})}),(0,o.jsx)("div",{className:"cbb-desktop-menu-container__spacer-bottom",style:{"--cbb-spacer-bottom":`${j?"0px":a}`}})]}):(0,o.jsx)("div",{...S,children:(0,o.jsx)(n.InnerBlocks.Content,{})})}})}},a={};function o(e){var l=a[e];if(void 0!==l)return l.exports;var n=a[e]={exports:{}};return t[e](n,n.exports,o),n.exports}o.m=t,e=[],o.O=(t,a,l,n)=>{if(!a){var r=1/0;for(d=0;d<e.length;d++){for(var[a,l,n]=e[d],s=!0,i=0;i<a.length;i++)(!1&n||r>=n)&&Object.keys(o.O).every((e=>o.O[e](a[i])))?a.splice(i--,1):(s=!1,n<r&&(r=n));if(s){e.splice(d--,1);var c=l();void 0!==c&&(t=c)}}return t}n=n||0;for(var d=e.length;d>0&&e[d-1][2]>n;d--)e[d]=e[d-1];e[d]=[a,l,n]},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={459:0,811:0};o.O.j=t=>0===e[t];var t=(t,a)=>{var l,n,[r,s,i]=a,c=0;if(r.some((t=>0!==e[t]))){for(l in s)o.o(s,l)&&(o.m[l]=s[l]);if(i)var d=i(o)}for(t&&t(a);c<r.length;c++)n=r[c],o.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return o.O(d)},a=globalThis.webpackChunkcaledros_basic_blocks=globalThis.webpackChunkcaledros_basic_blocks||[];a.forEach(t.bind(null,0)),a.push=t.bind(null,a.push.bind(a))})();var l=o.O(void 0,[811],(()=>o(7)));l=o.O(l)})();
     1(()=>{"use strict";var e,t={529:()=>{const e=window.wp.blocks,t=JSON.parse('{"UU":"caledros-basic-blocks/desktop-menu-container"}'),a=window.wp.i18n,o=window.ReactJSXRuntime,l={icon:(0,o.jsx)("svg",{width:"24",height:"24",version:"1.1",viewBox:"0 0 6.35 6.35",xmlns:"http://www.w3.org/2000/svg",children:(0,o.jsx)("g",{transform:"translate(-96.573 -101.07)",children:(0,o.jsxs)("g",{transform:"matrix(.087396 0 0 .087396 90.571 91.268)",children:[(0,o.jsx)("path",{d:"m141.33 148.5a36.329 36.329 0 0 1-36.329 36.329 36.329 36.329 0 0 1-36.329-36.329 36.329 36.329 0 0 1 36.329-36.329 36.329 36.329 0 0 1 36.329 36.329z",fill:"#e0ebe0","stroke-width":"0"}),(0,o.jsx)("path",{d:"m138.18 148.5a33.177 33.177 0 0 1-33.177 33.177 33.177 33.177 0 0 1-33.177-33.177 33.177 33.177 0 0 1 33.177-33.177 33.177 33.177 0 0 1 33.177 33.177z",fill:"#252533","stroke-width":"0"}),(0,o.jsx)("path",{d:"m135.4 148.5a30.397 30.397 0 0 1-30.397 30.397 30.397 30.397 0 0 1-30.397-30.397 30.397 30.397 0 0 1 30.397-30.397 30.397 30.397 0 0 1 30.397 30.397z",fill:"#e0ebe0","stroke-width":"0"}),(0,o.jsxs)("g",{transform:"matrix(.90041 0 0 .90041 31.823 90.353)",fill:"#252533","stroke-width":"1.1106",children:[(0,o.jsx)("path",{d:"m93.777 55.9v9.3361c7.8313 1.1492 16.709-9.4028 15.094-9.3963z"}),(0,o.jsx)("path",{d:"m97.104 59.499c2.0783-0.03527 3.9177 0.15195 8.6289-2.233-5.125 1.0559-5.7944 0.56153-8.6392 0.57438-0.78106 0.0035-0.68526 1.6378 0.01037 1.6586z","stroke-width":"0"}),(0,o.jsx)("path",{d:"m53.478 56.801h38.884v9.3252s-3.9882 1.7008-3.4603 4.8679c0.52784 3.1671 3.1084 6.862 10.088 6.9206v7.1928h-7.2969s-4.3545-4.1057-10.865-3.8568-10.078 3.691-10.078 3.691h-7.4648v-7.3819s10.451 0.62207 9.9531-7.1331c-0.49766-7.7551-19.699-9.2481-19.699-9.2481z"})]}),(0,o.jsx)("path",{d:"m106.41 126.27a0.78523 0.78523 0 0 0-0.94136 0.59044l-2.4602 10.727a0.78523 0.78523 0 0 0 0.58951 0.94136 0.78523 0.78523 0 0 0 0.94044-0.59044l2.4611-10.727a0.78523 0.78523 0 0 0-0.58951-0.94136z",color:"#000000",fill:"#fc571b","stroke-width":"0"}),(0,o.jsx)("path",{d:"m100.45 127.77-5.9517 3.9678a0.78531 0.78531 0 0 0 0 1.3062l5.9517 3.9678a0.78523 0.78523 0 0 0 1.089-0.21724 0.78523 0.78523 0 0 0-0.21816-1.089l-4.9723-3.3152 4.9723-3.3143a0.78523 0.78523 0 0 0 0.21816-1.089 0.78523 0.78523 0 0 0-1.089-0.21724z",color:"#000000",fill:"#fc571b","stroke-width":"0"}),(0,o.jsx)("path",{d:"m109.55 127.77a0.78523 0.78523 0 0 0-1.089 0.21724 0.78523 0.78523 0 0 0 0.21816 1.089l4.9714 3.3143-4.9714 3.3152a0.78523 0.78523 0 0 0-0.21816 1.089 0.78523 0.78523 0 0 0 1.089 0.21724l5.9517-3.9678a0.78531 0.78531 0 0 0 0-1.3062z",color:"#000000",fill:"#fc571b","stroke-width":"0"})]})})})},n=window.wp.blockEditor,r=window.wp.components,s=window.wp.element;function i({attributes:e,setAttributes:t}){const{containerWidth:l}=e,i=l.replace(/\d+/g,"")||"px",c=["px","%","em","rem","vw"].includes(i)?i:"px",d=parseInt(l)||0,[b,u]=(0,s.useState)("100%"!==l&&"var(--wp--style--global--content-size)"!==l&&"var(--wp--style--global--wide-size)"!==l),h=(0,n.useSettings)("layout.contentSize","layout.wideSize")||[],[g="620px",x="1280px"]=h,p=(e,t)=>["%","vw"].includes(e)&&t>100?100:t;return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Maximum width","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use custom width",checked:b,onChange:()=>u((e=>!e))}),!b&&(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the max width for the container.","caledros-basic-blocks"),value:"100%"===l||"var(--wp--style--global--content-size)"===l||"var(--wp--style--global--wide-size)"===l?l:"",options:[{disabled:!0,label:"Select an option",value:""},{label:"Full width",value:"100%"},{label:`Content size (${g})`,value:"var(--wp--style--global--content-size)"},{label:`Wide size (${x})`,value:"var(--wp--style--global--wide-size)"}],onChange:e=>{t({containerWidth:e})}}),b&&(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the custom width (${c}) for the container.`,"caledros-basic-blocks"),value:"var(--wp--style--global--content-size)"===l||"var(--wp--style--global--wide-size)"===l?0:parseInt(l),max:"%"===c||"vw"===c?100:3e3,min:0,step:1,onChange:e=>{t({containerWidth:`${e}${c}`})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:c,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerWidth:`${p(e,d)}${e}`})}})]})]})}function c({attributes:e,setAttributes:t}){const{containerHeight:l}=e,n=l.replace(/\d+/g,"")||"px",s=e=>"px"===e?parseInt(l)||0:parseFloat(l)||0,i=(e,t)=>"vh"===e&&t>100?100:t;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Height","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the height (${n}) for the container. To ensure a consistent design, all direct child elements must have its minimum height set to zero.`,"caledros-basic-blocks"),value:s(n),max:"vh"===n?100:3e3,min:0,step:1,onChange:e=>t({containerHeight:`${e}${n}`})}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:n,options:[{label:"px",value:"px"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vh",value:"vh"}],onChange:e=>{t({containerHeight:`${i(e,s(e))}${e}`})}})]})})}function d({attributes:e,setAttributes:t}){const{containerBackgroundImage:l,containerBgImageFocalPoint:s}=e,i=()=>{t({containerBackgroundImage:{id:"",alt:"",url:""}})};return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Background image","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(n.MediaUploadCheck,{children:(0,o.jsx)(n.MediaUpload,{allowedTypes:["image"],value:l.id,render:({open:e})=>(0,o.jsxs)(o.Fragment,{children:[l.url&&(0,o.jsx)(r.FocalPointPicker,{__nextHasNoMarginBottom:!0,onChange:e=>{t({containerBgImageFocalPoint:e})},url:l.url,value:s}),(0,o.jsxs)("div",{style:{display:"flex",gap:"10px"},children:[(0,o.jsx)(r.Button,{variant:"primary",onClick:e,children:"Select image"}),(0,o.jsx)(r.Button,{variant:"secondary",onClick:i,children:"Remove image"})]})]}),onSelect:e=>{t({containerBackgroundImage:{id:e.id,alt:e.alt,url:e.url}})}})})})}function b({attributes:e,setAttributes:t}){const{containerLightBackgroundGradient:l}=e,[n,i]=(0,s.useState)(""!==l);return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Background gradient (light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable background gradient","caledros-basic-blocks"),checked:n,onChange:()=>{i((e=>!e)),t({containerLightBackgroundGradient:""})}}),n&&(0,o.jsx)(r.CustomGradientPicker,{onChange:e=>{t({containerLightBackgroundGradient:e})},value:""===l?"linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5))":l})]})}function u({attributes:e,setAttributes:t}){const{containerDarkBackgroundGradient:l}=e,[n,i]=(0,s.useState)(""!==l);return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Background gradient (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable background gradient (dark mode)","caledros-basic-blocks"),checked:n,onChange:()=>{i((e=>!e)),t({containerDarkBackgroundGradient:""})}}),n&&(0,o.jsx)(r.CustomGradientPicker,{onChange:e=>{t({containerDarkBackgroundGradient:e})},value:""===l?"linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5))":l})]})}const h=window.wp.data;function g({attributes:e,setAttributes:t}){const{containerDarkBackgroundColor:l}=e,[i,c]=(0,s.useState)("#00000000"===l),[d,b]=(0,n.useSettings)("color.palette","color.defaultPalette"),u=d.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),g=(0,h.select)("core/editor")?.getEditorSettings(),x=g?.__experimentalFeatures?.color?.palette,p=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),_=p(x,"default"),m=p(x,"theme"),v=p(x,"custom"),f=[...b?[_]:[],m,...v.colors?[v]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Background color (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Use transparent background.","caledros-basic-blocks"),checked:i,onChange:()=>{c((e=>!e)),t({containerDarkBackgroundColor:"#00000000"})}}),!i&&(0,o.jsx)(r.ColorPalette,{colors:x?f:u,value:l,onChange:e=>t({containerDarkBackgroundColor:e}),enableAlpha:!0,clearable:!1})]})}function x({attributes:e,setAttributes:t}){const{containerLightBackgroundColor:l}=e,[i,c]=(0,s.useState)("#00000000"===l),[d,b]=(0,n.useSettings)("color.palette","color.defaultPalette"),u=d.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),g=(0,h.select)("core/editor")?.getEditorSettings(),x=g?.__experimentalFeatures?.color?.palette,p=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),_=p(x,"default"),m=p(x,"theme"),v=p(x,"custom"),f=[...b?[_]:[],m,...v.colors?[v]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Background color (light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use transparent background",checked:i,onChange:()=>{c((e=>!e)),t({containerLightBackgroundColor:"#00000000"})}}),!i&&(0,o.jsx)(r.ColorPalette,{colors:x?f:u,value:l,onChange:e=>t({containerLightBackgroundColor:e}),enableAlpha:!0,clearable:!1})]})}function p({attributes:e,setAttributes:t}){const{containerBorder:l}=e,n=l.style.split(" "),i=n[0]||"solid",c=n[1]||"none",d=n[2]||"none",b=n[3]||"none",[u,h]=(0,s.useState)(!!l.style.includes(" "));return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Border style","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border styles for each side",checked:u,onChange:()=>{const e=!u;h(e),t(e?{containerBorder:{...l,style:"solid none none none"}}:{containerBorder:{...l,style:"solid"}})}}),!u&&(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the border style.","caledros-basic-blocks"),value:l.style,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({containerBorder:{...l,style:e}})}}),u&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the top border.","caledros-basic-blocks"),value:i,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({containerBorder:{...l,style:`${e} ${c} ${d} ${b}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the right border.","caledros-basic-blocks"),value:c,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({containerBorder:{...l,style:`${i} ${e} ${d} ${b}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the bottom border.","caledros-basic-blocks"),value:d,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({containerBorder:{...l,style:`${i} ${c} ${e} ${b}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the left border.","caledros-basic-blocks"),value:b,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({containerBorder:{...l,style:`${i} ${c} ${d} ${e}`}})}})]})]})}function _({attributes:e,setAttributes:t}){const{containerBorder:l}=e,n=l.width.split(" "),i=parseInt(n[0])||0,c=parseInt(n[1])||0,d=parseInt(n[2])||0,b=parseInt(n[3])||0,[u,h]=(0,s.useState)(!!l.width.includes(" "));return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Border width","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border widths for each side",checked:u,onChange:()=>{const e=!u;h(e),t(e?{containerBorder:{...l,width:"1px 1px 1px 1px"}}:{containerBorder:{...l,width:"1px"}})}}),!u&&(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the border width (px) for the container.","caledros-basic-blocks"),value:parseInt(l.width),max:50,min:0,step:1,onChange:e=>{t({containerBorder:{...l,width:`${e}px`}})}}),u&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the top border width (px) for the container.","caledros-basic-blocks"),value:i,max:50,min:0,step:1,onChange:e=>{t({containerBorder:{...l,width:`${e}px ${c}px ${d}px ${b}px`}})}}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the right border width (px) for the container.","caledros-basic-blocks"),value:c,max:50,min:0,step:1,onChange:e=>{t({containerBorder:{...l,width:`${i}px ${e}px ${d}px ${b}px`}})}}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the bottom border width (px) for the container.","caledros-basic-blocks"),value:d,max:50,min:0,step:1,onChange:e=>{t({containerBorder:{...l,width:`${i}px ${c}px ${e}px ${b}px`}})}}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the left border width (px) for the container.","caledros-basic-blocks"),value:b,max:50,min:0,step:1,onChange:e=>{t({containerBorder:{...l,width:`${i}px ${c}px ${d}px ${e}px`}})}})]})]})}function m({attributes:e,setAttributes:t}){const{containerBorder:l}=e,i=l.lightColor.split(" "),c=i[0]||"#000",d=i[1]||"#000",b=i[2]||"#000",u=i[3]||"#000",[g,x]=(0,s.useState)(!!l.lightColor.includes(" ")),[p,_]=(0,n.useSettings)("color.palette","color.defaultPalette"),m=p.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),v=(0,h.select)("core/editor")?.getEditorSettings(),f=v?.__experimentalFeatures?.color?.palette,k=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),C=k(f,"default"),$=k(f,"theme"),j=k(f,"custom"),B=[..._?[C]:[],$,...j.colors?[j]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Border color (light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border colors for each side",checked:g,onChange:()=>{const e=!g;x(e),t(e?{containerBorder:{...l,lightColor:"#000 #000 #000 #000"}}:{containerBorder:{...l,lightColor:"#000"}})}}),!g&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose the border color","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:m,value:l.lightColor,onChange:e=>t({containerBorder:{...l,lightColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0})]}),g&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the top border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:m,value:c,onChange:e=>{t({containerBorder:{...l,lightColor:`${e||"#00000000"} ${d} ${b} ${u}`}})},enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the right border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:m,value:d,onChange:e=>{t({containerBorder:{...l,lightColor:`${c} ${e||"#00000000"} ${b} ${u}`}})},enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the bottom border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:m,value:b,onChange:e=>{t({containerBorder:{...l,lightColor:`${c} ${d} ${e||"#00000000"} ${u}`}})},enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the left border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:m,value:u,onChange:e=>{t({containerBorder:{...l,lightColor:`${c} ${d} ${b} ${e||"#00000000"}`}})},enableAlpha:!0,clearable:!0})]})]})}function v({attributes:e,setAttributes:t}){const{containerBorder:l}=e,n=l.radius.split(" "),i=parseInt(n[0])||0,c=parseInt(n[1])||0,d=parseInt(n[2])||0,b=parseInt(n[3])||0,u=l.radius.split(" "),h=u[0]?u[0].replace(/\d+/g,""):"px",g=u[1]?u[1].replace(/\d+/g,""):"px",x=u[2]?u[2].replace(/\d+/g,""):"px",p=u[3]?u[3].replace(/\d+/g,""):"px",[_,m]=(0,s.useState)(!!l.radius.includes(" ")),v=(e,t)=>"%"===e&&t>100?100:t;return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Border radius","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border radiuses for each corner",checked:_,onChange:()=>{const e=!_;m(e),t(e?{containerBorder:{...l,radius:"10px 10px 10px 10px"}}:{containerBorder:{...l,radius:"10px"}})}}),!_&&(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the border radius (${h}) for the container.`,"caledros-basic-blocks"),value:parseInt(l.radius),max:"%"===h?100:150,min:0,step:1,onChange:e=>{t({containerBorder:{...l,radius:`${e}${h}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:h,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({containerBorder:{...l,radius:`${v(e,parseInt(l.radius))}${e}`}})}})]}),_&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top-left border radius (${h}).`,"caledros-basic-blocks"),value:i,max:"%"===h?100:150,min:0,step:1,onChange:e=>{t({containerBorder:{...l,radius:`${e}${h} ${c}${g} ${d}${x} ${b}${p}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:h,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({containerBorder:{...l,radius:`${v(e,i)}${e} ${c}${g} ${d}${x} ${b}${p}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top-right border radius (${g}).`,"caledros-basic-blocks"),value:c,max:"%"===g?100:150,min:0,step:1,onChange:e=>{t({containerBorder:{...l,radius:`${i}${h} ${e}${g} ${d}${x} ${b}${p}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:g,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({containerBorder:{...l,radius:`${i}${h} ${v(e,c)}${e} ${d}${x} ${b}${p}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom-right border radius (${x}).`,"caledros-basic-blocks"),value:d,max:"%"===x?100:150,min:0,step:1,onChange:e=>{t({containerBorder:{...l,radius:`${i}${h} ${c}${g} ${e}${x} ${b}${p}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:x,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({containerBorder:{...l,radius:`${i}${h} ${c}${g} ${v(e,d)}${e} ${b}${p}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom-left border radius (${p}).`,"caledros-basic-blocks"),value:b,max:"%"===p?100:150,min:0,step:1,onChange:e=>{t({containerBorder:{...l,radius:`${i}${h} ${c}${g} ${d}${x} ${e}${p}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:p,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({containerBorder:{...l,radius:`${i}${h} ${c}${g} ${d}${x} ${v(e,b)}${e}`}})}})]})]})]})}function f({attributes:e,setAttributes:t}){const{containerBoxShadow:l}=e,[s,i]=(0,n.useSettings)("color.palette","color.defaultPalette"),c=s.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),d=(0,h.select)("core/editor")?.getEditorSettings(),b=d?.__experimentalFeatures?.color?.palette,u=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),g=u(b,"default"),x=u(b,"theme"),p=u(b,"custom"),_=[...i?[g]:[],x,...p.colors?[p]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Box shadow","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable box shadow","caledros-basic-blocks"),checked:l.enabled,onChange:e=>{t({containerBoxShadow:{...l,enabled:e}})}}),l.enabled&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the box shadow.","caledros-basic-blocks"),value:""===l.style?"outline":"inset",options:[{label:"Outline",value:"outline"},{label:"Inset",value:"inset"}],onChange:e=>{t({containerBoxShadow:{...l,style:`${"outline"===e?"":e}`}})}}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the horizontal offset (px).","caledros-basic-blocks"),value:parseInt(l.hOffset),max:100,min:-100,step:1,onChange:e=>t({containerBoxShadow:{...l,hOffset:`${e}px`}})}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the vertical offset (px).","caledros-basic-blocks"),value:parseInt(l.vOffset),max:100,min:-100,step:1,onChange:e=>t({containerBoxShadow:{...l,vOffset:`${e}px`}})}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the blur (px).","caledros-basic-blocks"),value:parseInt(l.blur),max:100,min:0,step:1,onChange:e=>t({containerBoxShadow:{...l,blur:`${e}px`}})}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the spread (px).","caledros-basic-blocks"),value:parseInt(l.spread),max:100,min:-100,step:1,onChange:e=>t({containerBoxShadow:{...l,spread:`${e}px`}})}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the box shadow (light mode)","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:b?_:c,value:l.lightColor,onChange:e=>t({containerBoxShadow:{...l,lightColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the box shadow (dark mode)","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:b?_:c,value:l.darkColor,onChange:e=>t({containerBoxShadow:{...l,darkColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0})]})]})}function k({attributes:e,setAttributes:t}){const{containerMargin:l}=e,n=parseInt(l.top)||0,s=parseInt(l.left)||0,i=parseInt(l.bottom)||0,c=parseInt(l.right)||0,d=l.top.replace(/\d+/g,""),b=l.left.replace(/\d+/g,""),u=l.bottom.replace(/\d+/g,""),h=l.right.replace(/\d+/g,""),g=(e,t)=>"auto"===e?"":["%","vw"].includes(e)&&t>100?100:t;return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Margin","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable different margins","caledros-basic-blocks"),checked:l.differentMarginsEnabled,onChange:e=>{t({containerMargin:{...l,differentMarginsEnabled:e}})}}),!l.differentMarginsEnabled&&(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the margin (${d}) for the container.`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(d)?100:500,min:0,step:1,onChange:e=>{t({containerMargin:{...l,top:`${"auto"===d?"":e}${d}`}})},disabled:"auto"===d}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:d,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMargin:{...l,top:`${g(e,n)}${e}`}})}})]}),l.differentMarginsEnabled&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top margin (${d}) for the container.`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(d)?100:500,min:0,step:1,onChange:e=>{t({containerMargin:{...l,top:`${"auto"===d?"":e}${d}`}})},disabled:"auto"===d}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:d,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMargin:{...l,top:`${g(e,n)}${e}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the right margin (${h}) for the container.`,"caledros-basic-blocks"),value:c,max:["%","vw"].includes(h)?100:500,min:0,step:1,onChange:e=>{t({containerMargin:{...l,right:`${"auto"===h?"":e}${h}`}})},disabled:"auto"===h}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:h,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMargin:{...l,right:`${g(e,c)}${e}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom margin (${u}) for the container.`,"caledros-basic-blocks"),value:i,max:["%","vw"].includes(u)?100:500,min:0,step:1,onChange:e=>{t({containerMargin:{...l,bottom:`${"auto"===u?"":e}${u}`}})},disabled:"auto"===u}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:u,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMargin:{...l,bottom:`${g(e,i)}${e}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the left margin (${b}) for the container.`,"caledros-basic-blocks"),value:s,max:["%","vw"].includes(b)?100:500,min:0,step:1,onChange:e=>{t({containerMargin:{...l,left:`${"auto"===b?"":e}${b}`}})},disabled:"auto"===b}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:b,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMargin:{...l,left:`${g(e,s)}${e}`}})}})]})]})]})}function C({attributes:e,setAttributes:t}){const{containerPadding:l}=e,n=parseInt(l.top)||0,s=parseInt(l.left)||0,i=parseInt(l.bottom)||0,c=parseInt(l.right)||0,d=l.top.replace(/\d+/g,""),b=l.left.replace(/\d+/g,""),u=l.bottom.replace(/\d+/g,""),h=l.right.replace(/\d+/g,""),g=(e,t)=>["%","vw"].includes(e)&&t>100?100:t;return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Padding","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Use global padding","caledros-basic-blocks"),help:(0,a.__)("This option applies predefined padding to the right and left sides of the block, ensuring consistency across the entire site. To adjust this padding, navigate to the Layout section in the Full Site Editor.","caledros-basic-blocks"),checked:l.useGlobalPadding,onChange:e=>{t({containerPadding:{...l,useGlobalPadding:e}})}}),!l.useGlobalPadding&&(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable different paddings","caledros-basic-blocks"),checked:l.differentPaddingsEnabled,onChange:e=>{t({containerPadding:{...l,differentPaddingsEnabled:e}})}}),!l.differentPaddingsEnabled&&!l.useGlobalPadding&&(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the padding (${d}) for the container.`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(d)?100:500,min:0,step:1,onChange:e=>{t({containerPadding:{...l,top:`${e}${d}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:d,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerPadding:{...l,top:`${g(e,n)}${e}`}})}})]}),l.differentPaddingsEnabled&&!l.useGlobalPadding&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top padding (${d}) for the container.`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(d)?100:500,min:0,step:1,onChange:e=>{t({containerPadding:{...l,top:`${e}${d}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:d,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerPadding:{...l,top:`${g(e,n)}${e}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the right padding (${h}) for the container.`,"caledros-basic-blocks"),value:c,max:["%","vw"].includes(h)?100:500,min:0,step:1,onChange:e=>{t({containerPadding:{...l,right:`${e}${h}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:h,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerPadding:{...l,right:`${g(e,c)}${e}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom padding (${u}) for the container.`,"caledros-basic-blocks"),value:i,max:["%","vw"].includes(u)?100:500,min:0,step:1,onChange:e=>{t({containerPadding:{...l,bottom:`${e}${u}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:u,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerPadding:{...l,bottom:`${g(e,i)}${e}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the left padding (${b}) for the container.`,"caledros-basic-blocks"),value:s,max:["%","vw"].includes(b)?100:500,min:0,step:1,onChange:e=>{t({containerPadding:{...l,left:`${e}${b}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:b,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerPadding:{...l,left:`${g(e,s)}${e}`}})}})]})]})]})}function $({attributes:e,setAttributes:t}){const{containerJustifyContent:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Justify content","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Select the value for the justify content property.","caledros-basic-blocks"),value:l,options:[{label:"Flex start (default)",value:"flex-start"},{label:"Flex end",value:"flex-end"},{label:"Center",value:"center"},{label:"Space between",value:"space-between"},{label:"Space around",value:"space-around"},{label:"Space evenly",value:"space-evenly"}],onChange:e=>{t({containerJustifyContent:e})}})})}function j({attributes:e,setAttributes:t}){const{containerAlignItems:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Align items","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Select the value for the align items property.","caledros-basic-blocks"),value:l,options:[{label:"Flex start",value:"flex-start"},{label:"Flex end",value:"flex-end"},{label:"Center",value:"center"},{label:"Stretch",value:"stretch"},{label:"Baseline",value:"baseline"},{label:"Normal (default)",value:"normal"}],onChange:e=>{t({containerAlignItems:e})}})})}function B({attributes:e,setAttributes:t}){const{containerColumnGap:l}=e,[n,i]=(0,s.useState)("normal"===l);return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Column gap","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Use normal column gap (default value)","caledros-basic-blocks"),checked:n,onChange:()=>{const e=n?"0":"normal";i((e=>!e)),t({containerColumnGap:e})}}),!n&&(0,o.jsx)(r.RangeControl,{__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,help:(0,a.__)("Please select the column gap (px) for the flex container.","caledros-basic-blocks"),value:isNaN(parseInt(l))?0:parseInt(l),max:200,min:0,step:1,onChange:e=>t({containerColumnGap:`${e}px`})})]})}function w({attributes:e,setAttributes:t}){const{containerOverflow:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Overflow","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Select the value for the overflow property.","caledros-basic-blocks"),value:l,options:[{label:"Visible (default)",value:"visible"},{label:"Hidden",value:"hidden"},{label:"Scroll",value:"scroll"},{label:"Auto",value:"auto"}],onChange:e=>{t({containerOverflow:e})}})})}function y({attributes:e,setAttributes:t}){const{stickyNavigationEnabled:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Sticky navigation","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable sticky navigation","caledros-basic-blocks"),help:(0,a.__)("A sticky navigation bar will stick to the top of the screen while scrolling. The effect is only visible in the frontend, not in the editor.","caledros-basic-blocks"),checked:l,onChange:e=>t({stickyNavigationEnabled:e})})})}function S({attributes:e,setAttributes:t}){const{stickyNavHeight:l}=e,n=l.replace(/[\d.]+/g,"")||"px",s=e=>"px"===e?parseInt(l)||0:parseFloat(l)||0,i=(e,t)=>"vh"===e&&t>100?100:t;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Height","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the height (${n}) for the sticky navigation bar. This feature is only visible in the frontend.`,"caledros-basic-blocks"),value:s(n),max:"vh"===n?100:3e3,min:0,step:"px"===n?1:.01,onChange:e=>t({stickyNavHeight:`${e}${n}`})}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:n,options:[{label:"px",value:"px"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vh",value:"vh"}],onChange:e=>{t({stickyNavHeight:`${i(e,s(e))}${e}`})}})]})})}function N({attributes:e,setAttributes:t}){const{stickyNavLightBackgroundColor:l}=e,[i,c]=(0,s.useState)("#00000000"===l),[d,b]=(0,n.useSettings)("color.palette","color.defaultPalette"),u=d.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),g=(0,h.select)("core/editor")?.getEditorSettings(),x=g?.__experimentalFeatures?.color?.palette,p=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),_=p(x,"default"),m=p(x,"theme"),v=p(x,"custom"),f=[...b?[_]:[],m,...v.colors?[v]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Background color (light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use transparent background",help:(0,a.__)("Enable this option to set a transparent background for the sticky navigation bar. This feature is only visible in the frontend.","caledros-basic-blocks"),checked:i,onChange:()=>{c((e=>!e)),t({stickyNavLightBackgroundColor:"#00000000"})}}),!i&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a custom background color for the sticky navigation bar. This feature is only visible in the frontend.","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:x?f:u,value:l,onChange:e=>t({stickyNavLightBackgroundColor:e}),enableAlpha:!0,clearable:!1})]})]})}function P({attributes:e,setAttributes:t}){const{stickyNavDarkBackgroundColor:l}=e,[i,c]=(0,s.useState)("#00000000"===l),[d,b]=(0,n.useSettings)("color.palette","color.defaultPalette"),u=d.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),g=(0,h.select)("core/editor")?.getEditorSettings(),x=g?.__experimentalFeatures?.color?.palette,p=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),_=p(x,"default"),m=p(x,"theme"),v=p(x,"custom"),f=[...b?[_]:[],m,...v.colors?[v]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Background color (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use transparent background",help:(0,a.__)("Enable this option to set a transparent background for the sticky navigation bar. This feature is only visible in the frontend.","caledros-basic-blocks"),checked:i,onChange:()=>{c((e=>!e)),t({stickyNavDarkBackgroundColor:"#00000000"})}}),!i&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a custom background color for the sticky navigation bar. This feature is only visible in the frontend.","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:x?f:u,value:l,onChange:e=>t({stickyNavDarkBackgroundColor:e}),enableAlpha:!0,clearable:!1})]})]})}function M({attributes:e,setAttributes:t}){const{containerBorder:l}=e,i=l.darkColor.split(" "),c=i[0]||"#000",d=i[1]||"#000",b=i[2]||"#000",u=i[3]||"#000",[g,x]=(0,s.useState)(!!l.darkColor.includes(" ")),[p,_]=(0,n.useSettings)("color.palette","color.defaultPalette"),m=p.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),v=(0,h.select)("core/editor")?.getEditorSettings(),f=v?.__experimentalFeatures?.color?.palette,k=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),C=k(f,"default"),$=k(f,"theme"),j=k(f,"custom"),B=[..._?[C]:[],$,...j.colors?[j]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Border color (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border colors for each side",checked:g,onChange:()=>{const e=!g;x(e),t(e?{containerBorder:{...l,darkColor:"#000 #000 #000 #000"}}:{containerBorder:{...l,darkColor:"#000"}})}}),!g&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose the border color","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:m,value:l.darkColor,onChange:e=>t({containerBorder:{...l,darkColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0})]}),g&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the top border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:m,value:c,onChange:e=>{t({containerBorder:{...l,darkColor:`${e||"#00000000"} ${d} ${b} ${u}`}})},enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the right border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:m,value:d,onChange:e=>{t({containerBorder:{...l,darkColor:`${c} ${e||"#00000000"} ${b} ${u}`}})},enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the bottom border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:m,value:b,onChange:e=>{t({containerBorder:{...l,darkColor:`${c} ${d} ${e||"#00000000"} ${u}`}})},enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the left border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:m,value:u,onChange:e=>{t({containerBorder:{...l,darkColor:`${c} ${d} ${b} ${e||"#00000000"}`}})},enableAlpha:!0,clearable:!0})]})]})}function H({attributes:e,setAttributes:t}){const{centerStickyNav:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Center navigation bar","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Center navigation bar","caledros-basic-blocks"),help:(0,a.__)("Center the sticky navigation bar when the maximum width has a fixed value, or when it's less than 100%. For this option to work, the container's left and right margins must be set to 'auto'.","caledros-basic-blocks"),checked:l,onChange:e=>t({centerStickyNav:e})})})}function D({attributes:e,setAttributes:t}){const{overlayStickyNav:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Overlay navigation","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable overlay sticky navigation","caledros-basic-blocks"),help:(0,a.__)("This option transforms the sticky navigation bar into an overlay, allowing it to overlap the website's content until the user begins scrolling.","caledros-basic-blocks"),checked:l,onChange:e=>t({overlayStickyNav:e})})})}function z({attributes:e,setAttributes:t}){const{overlayNav:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Overlay navigation","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable overlay navigation","caledros-basic-blocks"),help:(0,a.__)("This option transforms the navigation bar into an overlay, allowing it to overlap the website's content.","caledros-basic-blocks"),checked:l,onChange:e=>t({overlayNav:e})})})}function A({attributes:e,setAttributes:t}){const{stickyNavBoxShadow:l}=e,[s,i]=(0,n.useSettings)("color.palette","color.defaultPalette"),c=s.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),d=(0,h.select)("core/editor")?.getEditorSettings(),b=d?.__experimentalFeatures?.color?.palette,u=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),g=u(b,"default"),x=u(b,"theme"),p=u(b,"custom"),_=[...i?[g]:[],x,...p.colors?[p]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Box shadow","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable box shadow","caledros-basic-blocks"),help:(0,a.__)("This control allows to set a custom box shadow for the sticky navigation bar. This feature is only visible on the frontend.","caledros-basic-blocks"),checked:l.enabled,onChange:e=>{t({stickyNavBoxShadow:{...l,enabled:e}})}}),l.enabled&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the box shadow.","caledros-basic-blocks"),value:""===l.style?"outline":"inset",options:[{label:"Outline",value:"outline"},{label:"Inset",value:"inset"}],onChange:e=>{t({stickyNavBoxShadow:{...l,style:`${"outline"===e?"":e}`}})}}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the horizontal offset (px).","caledros-basic-blocks"),value:parseInt(l.hOffset),max:100,min:-100,step:1,onChange:e=>t({stickyNavBoxShadow:{...l,hOffset:`${e}px`}})}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the vertical offset (px).","caledros-basic-blocks"),value:parseInt(l.vOffset),max:100,min:-100,step:1,onChange:e=>t({stickyNavBoxShadow:{...l,vOffset:`${e}px`}})}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the blur (px).","caledros-basic-blocks"),value:parseInt(l.blur),max:100,min:0,step:1,onChange:e=>t({stickyNavBoxShadow:{...l,blur:`${e}px`}})}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the spread (px).","caledros-basic-blocks"),value:parseInt(l.spread),max:100,min:-100,step:1,onChange:e=>t({stickyNavBoxShadow:{...l,spread:`${e}px`}})}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the box shadow (light mode)","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:b?_:c,value:l.lightColor,onChange:e=>t({stickyNavBoxShadow:{...l,lightColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the box shadow (dark mode)","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:b?_:c,value:l.darkColor,onChange:e=>t({stickyNavBoxShadow:{...l,darkColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0})]})]})}(0,e.registerBlockType)(t.UU,{icon:l.icon,edit:function({attributes:e,setAttributes:t}){const{containerWidth:a,containerHeight:l,containerColumnGap:s,containerLightBackgroundColor:h,containerBackgroundImage:O,containerBgImageFocalPoint:I,containerLightBackgroundGradient:F,containerDarkBackgroundGradient:R,containerBorder:T,containerBoxShadow:E,containerMargin:G,containerPadding:U,containerJustifyContent:L,containerAlignItems:W,containerOverflow:J,containerDarkBackgroundColor:V}=e,X=(e,t,a)=>e||t?{[`--cbb-dm-${a}-bg-gradient`]:[t,e&&`url(${e})`].filter((e=>e)).join(", ")}:{},q=["cbb-desktop-menu-container",E.enabled&&"cbb-desktop-menu-container--has-box-shadow","0px"!==T.width&&"none"!==T.style&&("#00000000"!==T.lightColor||"#00000000"!==T.darkColor)&&"cbb-desktop-menu-container--has-border",(""!==F||""!==R||O.url)&&"cbb-desktop-menu-container--has-bg-gradient"].filter((e=>e)).join(" "),K=(0,n.useBlockProps)({className:`${q}`,style:{maxWidth:`${a}`,width:"100%",margin:G.differentMarginsEnabled?`${G.top} ${G.right} ${G.bottom} ${G.left}`:`${G.top}`,...U.useGlobalPadding?{"--cbb-dm-fc-padding":"0px var(--wp--style--root--padding-right, 0px) 0px var(--wp--style--root--padding-left, 0px)"}:{"--cbb-dm-fc-padding":U.differentPaddingsEnabled?`${U.top} ${U.right} ${U.bottom} ${U.left}`:`${U.top}`},"--cbb-dm-light-bg-color":h,"--cbb-dm-dark-bg-color":V,"--cbb-dm-just-content":L,"--cbb-dm-align-items":W,"--cbb-dm-height":l,"--cbb-dm-column-gap":s,...X(O.url,R,"dark"),...X(O.url,F,"light"),"--cbb-dm-bg-position":`${100*I.x}% ${100*I.y}%`,"--cbb-dm-br-style":"0px"===T.width||"none"===T.style||"#00000000"===T.lightColor&&"#00000000"===T.darkColor?"none":T.style,"--cbb-dm-br-width":"0px"===T.width||"none"===T.style||"#00000000"===T.lightColor&&"#00000000"===T.darkColor?"0px":T.width,"--cbb-dm-light-border-color":"0px"!==T.width&&"none"!==T.style&&"#00000000"!==T.lightColor?T.lightColor:"#00000000","--cbb-dm-dark-border-color":"0px"!==T.width&&"none"!==T.style&&"#00000000"!==T.darkColor?T.darkColor:"#00000000","--cbb-dm-br-radius":T.radius,"--cbb-dm-light-box-shadow":`${E.style} ${E.hOffset} ${E.vOffset} ${E.blur} ${E.spread} ${E.lightColor}`,"--cbb-dm-dark-box-shadow":`${E.style} ${E.hOffset} ${E.vOffset} ${E.blur} ${E.spread} ${E.darkColor}`,"--cbb-dm-overflow":J}});return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(n.InspectorControls,{children:(0,o.jsx)(r.TabPanel,{activeClass:"cbb-active-tab",tabs:[{name:"layout",title:"Layout"},{name:"style",title:"Style"},{name:"sticky-navbar",title:"Sticky"}],children:a=>"layout"===a.name?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(i,{attributes:e,setAttributes:t}),(0,o.jsx)(c,{attributes:e,setAttributes:t}),(0,o.jsx)(B,{attributes:e,setAttributes:t}),(0,o.jsx)(k,{attributes:e,setAttributes:t}),(0,o.jsx)(C,{attributes:e,setAttributes:t}),(0,o.jsx)($,{attributes:e,setAttributes:t}),(0,o.jsx)(j,{attributes:e,setAttributes:t}),(0,o.jsx)(w,{attributes:e,setAttributes:t}),(0,o.jsx)(z,{attributes:e,setAttributes:t})]}):"style"===a.name?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(x,{attributes:e,setAttributes:t}),(0,o.jsx)(g,{attributes:e,setAttributes:t}),(0,o.jsx)(d,{attributes:e,setAttributes:t}),(0,o.jsx)(b,{attributes:e,setAttributes:t}),(0,o.jsx)(u,{attributes:e,setAttributes:t}),(0,o.jsx)(p,{attributes:e,setAttributes:t}),(0,o.jsx)(_,{attributes:e,setAttributes:t}),(0,o.jsx)(m,{attributes:e,setAttributes:t}),(0,o.jsx)(M,{attributes:e,setAttributes:t}),(0,o.jsx)(v,{attributes:e,setAttributes:t}),(0,o.jsx)(f,{attributes:e,setAttributes:t})]}):"sticky-navbar"===a.name?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(y,{attributes:e,setAttributes:t}),(0,o.jsx)(S,{attributes:e,setAttributes:t}),(0,o.jsx)(N,{attributes:e,setAttributes:t}),(0,o.jsx)(P,{attributes:e,setAttributes:t}),(0,o.jsx)(H,{attributes:e,setAttributes:t}),(0,o.jsx)(D,{attributes:e,setAttributes:t}),(0,o.jsx)(A,{attributes:e,setAttributes:t})]}):null})}),(0,o.jsx)("div",{...K,children:(0,o.jsx)(n.InnerBlocks,{})})]})},save:function({attributes:e}){const{containerWidth:t,containerHeight:a,containerColumnGap:l,containerLightBackgroundColor:r,containerDarkBackgroundColor:s,containerBackgroundImage:i,containerBgImageFocalPoint:c,containerLightBackgroundGradient:d,containerBorder:b,containerBoxShadow:u,containerMargin:h,containerPadding:g,containerJustifyContent:x,containerAlignItems:p,containerOverflow:_,stickyNavigationEnabled:m,stickyNavHeight:v,stickyNavLightBackgroundColor:f,stickyNavDarkBackgroundColor:k,containerDarkBackgroundGradient:C,centerStickyNav:$,overlayStickyNav:j,overlayNav:B,stickyNavBoxShadow:w}=e,y=(e,t,a)=>e||t?{[`--cbb-dm-${a}-bg-gradient`]:[t,e&&`url(${e})`].filter((e=>e)).join(", ")}:{},S=["cbb-desktop-menu-container",g.useGlobalPadding&&"has-global-padding",m&&"cbb-desktop-menu-container--sticky",u.enabled&&"cbb-desktop-menu-container--has-box-shadow",("#00000000"!==r||"#00000000"!==s)&&"cbb-desktop-menu-container--has-bg-color","0px"!==b.width&&"none"!==b.style&&("#00000000"!==b.lightColor||"#00000000"!==b.darkColor)&&"cbb-desktop-menu-container--has-border",(""!==d||""!==C)&&"cbb-desktop-menu-container--has-bg-gradient"].filter((e=>e)).join(" "),N=n.useBlockProps.save({className:`${S}`,style:{maxWidth:t,width:"100%",margin:h.differentMarginsEnabled?`${h.top} ${h.right} ${h.bottom} ${h.left}`:`${h.top}`,...!g.useGlobalPadding&&{padding:g.differentPaddingsEnabled?`${g.top} ${g.right} ${g.bottom} ${g.left}`:`${g.top}`},..."#00000000"!==r&&{"--cbb-dm-light-bg-color":r},..."#00000000"!==s&&{"--cbb-dm-dark-bg-color":s},..."flex-start"!==x&&{justifyContent:x},..."normal"!==p&&{alignItems:p},...0!==a&&{"--cbb-dm-height":a},..."normal"!==l&&{columnGap:l},...""!==d||""!==C?{...y(i.url,C,"dark"),...y(i.url,d,"light")}:{...i.url&&{backgroundImage:`url(${i.url})`}},...""!==i.url&&{backgroundPosition:`${100*c.x}% ${100*c.y}%`},..."0px"!==b.width&&"none"!==b.style&&("#00000000"!==b.lightColor||"#00000000"!==b.darkColor)&&{borderStyle:b.style},..."0px"!==b.width&&"none"!==b.style&&("#00000000"!==b.lightColor||"#00000000"!==b.darkColor)&&{borderWidth:b.width},..."0px"!==b.width&&"none"!==b.style&&"#00000000"!==b.lightColor&&{"--cbb-dm-light-border-color":b.lightColor},..."0px"!==b.width&&"none"!==b.style&&"#00000000"!==b.darkColor&&{"--cbb-dm-dark-border-color":b.darkColor},..."0px"!==b.radius&&"0%"!==b.radius&&{borderRadius:b.radius},...u.enabled&&{"--cbb-dm-light-box-shadow":`${u.style} ${u.hOffset} ${u.vOffset} ${u.blur} ${u.spread} ${u.lightColor}`},...u.enabled&&{"--cbb-dm-dark-box-shadow":`${u.style} ${u.hOffset} ${u.vOffset} ${u.blur} ${u.spread} ${u.darkColor}`},..."visible"!==_&&{overflow:_},...m&&0!==v&&{"--cbb-dm-sticky-height":v},...m&&{"--cbb-dm-sticky-light-bg-color":f},...m&&{"--cbb-dm-sticky-dark-bg-color":k},...$&&{left:0,right:0},...B?{"--cbb-dm-position":"absolute",left:0,right:0}:{"--cbb-dm-position":"relative"},...w.enabled&&{"--cbb-dm-sticky-light-box-shadow":`${w.style} ${w.hOffset} ${w.vOffset} ${w.blur} ${w.spread} ${w.lightColor}`},...w.enabled&&{"--cbb-dm-sticky-dark-box-shadow":`${w.style} ${w.hOffset} ${w.vOffset} ${w.blur} ${w.spread} ${w.darkColor}`}}});return m?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{className:"cbb-desktop-menu-container__watcher"}),(0,o.jsx)("div",{...N,children:(0,o.jsx)(n.InnerBlocks.Content,{})}),(0,o.jsx)("div",{className:"cbb-desktop-menu-container__spacer-bottom",style:{"--cbb-spacer-bottom":`${j?"0px":a}`}})]}):(0,o.jsx)("div",{...N,children:(0,o.jsx)(n.InnerBlocks.Content,{})})}})}},a={};function o(e){var l=a[e];if(void 0!==l)return l.exports;var n=a[e]={exports:{}};return t[e](n,n.exports,o),n.exports}o.m=t,e=[],o.O=(t,a,l,n)=>{if(!a){var r=1/0;for(d=0;d<e.length;d++){for(var[a,l,n]=e[d],s=!0,i=0;i<a.length;i++)(!1&n||r>=n)&&Object.keys(o.O).every((e=>o.O[e](a[i])))?a.splice(i--,1):(s=!1,n<r&&(r=n));if(s){e.splice(d--,1);var c=l();void 0!==c&&(t=c)}}return t}n=n||0;for(var d=e.length;d>0&&e[d-1][2]>n;d--)e[d]=e[d-1];e[d]=[a,l,n]},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={459:0,811:0};o.O.j=t=>0===e[t];var t=(t,a)=>{var l,n,[r,s,i]=a,c=0;if(r.some((t=>0!==e[t]))){for(l in s)o.o(s,l)&&(o.m[l]=s[l]);if(i)var d=i(o)}for(t&&t(a);c<r.length;c++)n=r[c],o.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return o.O(d)},a=globalThis.webpackChunkcaledros_basic_blocks=globalThis.webpackChunkcaledros_basic_blocks||[];a.forEach(t.bind(null,0)),a.push=t.bind(null,a.push.bind(a))})();var l=o.O(void 0,[811],(()=>o(529)));l=o.O(l)})();

  • caledros-basic-blocks/trunk/build/blocks/desktop-menu-container/style-index-rtl.css

    r3312194 r3335584  
    1 .cbb-desktop-menu-container{background-blend-mode:overlay;background-size:cover;display:flex;flex-direction:row;height:var(--cbb-dm-height,30px);position:var(--cbb-dm-position,relative);transition:height .2s,background-color .3s;z-index:900}.cbb-desktop-menu-container>*{height:100%}.cbb-desktop-menu-container--has-bg-color{background-color:var(--cbb-dm-light-bg-color,#00000000)}.cbb-desktop-menu-container--has-box-shadow{box-shadow:var(--cbb-dm-light-box-shadow,none)}.cbb-desktop-menu-container--has-border{border-color:var(--cbb-dm-light-border-color,#00000000)}.cbb-desktop-menu-container--has-bg-gradient{background-image:var(--cbb-dm-light-bg-gradient,none)}.cbb-desktop-menu-container--sticky{position:fixed;transition:height .2s,background-color .3s;z-index:900}.cbb-desktop-menu-container__spacer-bottom{margin-bottom:var(--cbb-spacer-bottom,0)}.cbb-desktop-menu-container--sticking-enabled{background-color:var(--cbb-dm-sticky-light-bg-color,#00000000);height:var(--cbb-dm-sticky-height,30px);transition:all .5s}@media (max-width:810px),(min-width:811px) and (hover:none){.cbb-desktop-menu-container,.cbb-desktop-menu-container__spacer-bottom,.cbb-desktop-menu-container__watcher{display:none}}html[data-theme=dark] .cbb-desktop-menu-container--has-bg-color{background-color:var(--cbb-dm-dark-bg-color,#00000000)}html[data-theme=dark] .cbb-desktop-menu-container--has-box-shadow{box-shadow:var(--cbb-dm-dark-box-shadow,none)}html[data-theme=dark] .cbb-desktop-menu-container--has-border{border-color:var(--cbb-dm-dark-border-color,#00000000)}html[data-theme=dark] .cbb-desktop-menu-container--sticking-enabled{background-color:var(--cbb-dm-sticky-dark-bg-color,#00000000)}html[data-theme=dark] .cbb-desktop-menu-container--has-bg-gradient{background-image:var(--cbb-dm-dark-bg-gradient,none)}
     1.cbb-desktop-menu-container{background-blend-mode:overlay;background-size:cover;display:flex;flex-direction:row;height:var(--cbb-dm-height,30px);position:var(--cbb-dm-position,relative);transition:height .2s,background-color .3s;z-index:900}.cbb-desktop-menu-container>*{height:100%}.cbb-desktop-menu-container--has-bg-color{background-color:var(--cbb-dm-light-bg-color,#00000000)}.cbb-desktop-menu-container--has-box-shadow{box-shadow:var(--cbb-dm-light-box-shadow,none)}.cbb-desktop-menu-container--has-border{border-color:var(--cbb-dm-light-border-color,#00000000)}.cbb-desktop-menu-container--has-bg-gradient{background-image:var(--cbb-dm-light-bg-gradient,none)}.cbb-desktop-menu-container--sticky{position:fixed;transition:height .2s,background-color .3s;z-index:900}.cbb-desktop-menu-container__spacer-bottom{margin-bottom:var(--cbb-spacer-bottom,0)}.cbb-desktop-menu-container--sticking-enabled{background-color:var(--cbb-dm-sticky-light-bg-color,#00000000);box-shadow:var(--cbb-dm-sticky-light-box-shadow,none);height:var(--cbb-dm-sticky-height,30px);transition:all .5s}@media (max-width:810px),(min-width:811px) and (hover:none){.cbb-desktop-menu-container,.cbb-desktop-menu-container__spacer-bottom,.cbb-desktop-menu-container__watcher{display:none}}html[data-theme=dark] .cbb-desktop-menu-container--has-bg-color{background-color:var(--cbb-dm-dark-bg-color,#00000000)}html[data-theme=dark] .cbb-desktop-menu-container--has-box-shadow{box-shadow:var(--cbb-dm-dark-box-shadow,none)}html[data-theme=dark] .cbb-desktop-menu-container--has-border{border-color:var(--cbb-dm-dark-border-color,#00000000)}html[data-theme=dark] .cbb-desktop-menu-container--sticking-enabled{background-color:var(--cbb-dm-sticky-dark-bg-color,#00000000);box-shadow:var(--cbb-dm-sticky-dark-box-shadow,none)}html[data-theme=dark] .cbb-desktop-menu-container--has-bg-gradient{background-image:var(--cbb-dm-dark-bg-gradient,none)}

  • caledros-basic-blocks/trunk/build/blocks/desktop-menu-container/style-index.css

    r3312194 r3335584  
    1 .cbb-desktop-menu-container{background-blend-mode:overlay;background-size:cover;display:flex;flex-direction:row;height:var(--cbb-dm-height,30px);position:var(--cbb-dm-position,relative);transition:height .2s,background-color .3s;z-index:900}.cbb-desktop-menu-container>*{height:100%}.cbb-desktop-menu-container--has-bg-color{background-color:var(--cbb-dm-light-bg-color,#00000000)}.cbb-desktop-menu-container--has-box-shadow{box-shadow:var(--cbb-dm-light-box-shadow,none)}.cbb-desktop-menu-container--has-border{border-color:var(--cbb-dm-light-border-color,#00000000)}.cbb-desktop-menu-container--has-bg-gradient{background-image:var(--cbb-dm-light-bg-gradient,none)}.cbb-desktop-menu-container--sticky{position:fixed;transition:height .2s,background-color .3s;z-index:900}.cbb-desktop-menu-container__spacer-bottom{margin-bottom:var(--cbb-spacer-bottom,0)}.cbb-desktop-menu-container--sticking-enabled{background-color:var(--cbb-dm-sticky-light-bg-color,#00000000);height:var(--cbb-dm-sticky-height,30px);transition:all .5s}@media (max-width:810px),(min-width:811px) and (hover:none){.cbb-desktop-menu-container,.cbb-desktop-menu-container__spacer-bottom,.cbb-desktop-menu-container__watcher{display:none}}html[data-theme=dark] .cbb-desktop-menu-container--has-bg-color{background-color:var(--cbb-dm-dark-bg-color,#00000000)}html[data-theme=dark] .cbb-desktop-menu-container--has-box-shadow{box-shadow:var(--cbb-dm-dark-box-shadow,none)}html[data-theme=dark] .cbb-desktop-menu-container--has-border{border-color:var(--cbb-dm-dark-border-color,#00000000)}html[data-theme=dark] .cbb-desktop-menu-container--sticking-enabled{background-color:var(--cbb-dm-sticky-dark-bg-color,#00000000)}html[data-theme=dark] .cbb-desktop-menu-container--has-bg-gradient{background-image:var(--cbb-dm-dark-bg-gradient,none)}
     1.cbb-desktop-menu-container{background-blend-mode:overlay;background-size:cover;display:flex;flex-direction:row;height:var(--cbb-dm-height,30px);position:var(--cbb-dm-position,relative);transition:height .2s,background-color .3s;z-index:900}.cbb-desktop-menu-container>*{height:100%}.cbb-desktop-menu-container--has-bg-color{background-color:var(--cbb-dm-light-bg-color,#00000000)}.cbb-desktop-menu-container--has-box-shadow{box-shadow:var(--cbb-dm-light-box-shadow,none)}.cbb-desktop-menu-container--has-border{border-color:var(--cbb-dm-light-border-color,#00000000)}.cbb-desktop-menu-container--has-bg-gradient{background-image:var(--cbb-dm-light-bg-gradient,none)}.cbb-desktop-menu-container--sticky{position:fixed;transition:height .2s,background-color .3s;z-index:900}.cbb-desktop-menu-container__spacer-bottom{margin-bottom:var(--cbb-spacer-bottom,0)}.cbb-desktop-menu-container--sticking-enabled{background-color:var(--cbb-dm-sticky-light-bg-color,#00000000);box-shadow:var(--cbb-dm-sticky-light-box-shadow,none);height:var(--cbb-dm-sticky-height,30px);transition:all .5s}@media (max-width:810px),(min-width:811px) and (hover:none){.cbb-desktop-menu-container,.cbb-desktop-menu-container__spacer-bottom,.cbb-desktop-menu-container__watcher{display:none}}html[data-theme=dark] .cbb-desktop-menu-container--has-bg-color{background-color:var(--cbb-dm-dark-bg-color,#00000000)}html[data-theme=dark] .cbb-desktop-menu-container--has-box-shadow{box-shadow:var(--cbb-dm-dark-box-shadow,none)}html[data-theme=dark] .cbb-desktop-menu-container--has-border{border-color:var(--cbb-dm-dark-border-color,#00000000)}html[data-theme=dark] .cbb-desktop-menu-container--sticking-enabled{background-color:var(--cbb-dm-sticky-dark-bg-color,#00000000);box-shadow:var(--cbb-dm-sticky-dark-box-shadow,none)}html[data-theme=dark] .cbb-desktop-menu-container--has-bg-gradient{background-image:var(--cbb-dm-dark-bg-gradient,none)}

  • caledros-basic-blocks/trunk/build/blocks/flex-container/block.json

    r3312222 r3335584  
    111111      "default": "flex-start"
    112112    },
     113    "containerJustifyContentTablet": {
     114      "type": "object",
     115      "default": {
     116        "enabled": false,
     117        "value": "flex-start"
     118      }
     119    },
     120    "containerJustifyContentMobile": {
     121      "type": "object",
     122      "default": {
     123        "enabled": false,
     124        "value": "flex-start"
     125      }
     126    },
    113127    "containerAlignItems": {
    114128      "type": "string",
    115129      "default": "normal"
     130    },
     131    "containerAlignItemsTablet": {
     132      "type": "object",
     133      "default": {
     134        "enabled": false,
     135        "value": "normal"
     136      }
     137    },
     138    "containerAlignItemsMobile": {
     139      "type": "object",
     140      "default": {
     141        "enabled": false,
     142        "value": "normal"
     143      }
    116144    },
    117145    "containerColumnGap": {

  • caledros-basic-blocks/trunk/build/blocks/flex-container/index-rtl.css

    r3312194 r3335584  
    1 .cbb-flex-container>.block-editor-inner-blocks>.block-editor-block-list__layout{align-items:var(--cbb-align-items,normal);background-color:var(--cbb-light-bg-color,#00000000);background-position:var(--cbb-bg-position,0 0);background-size:cover;border-radius:var(--cbb-br-radius,0);border-style:var(--cbb-br-style,none);border-width:var(--cbb-br-width,0);box-shadow:var(--cbb-box-shadow,none);box-sizing:border-box;-moz-column-gap:var(--cbb-column-gap,normal);column-gap:var(--cbb-column-gap,normal);display:flex;flex-direction:var(--cbb-fdir-lg,row);height:100%;justify-content:var(--cbb-just-content,flex-start);min-height:var(--cbb-min-height,0);overflow:var(--cbb-overflow,visible);padding:var(--cbb-fc-padding,0);row-gap:var(--cbb-row-gap,normal)}.cbb-flex-container>.block-editor-inner-blocks{height:100%;width:100%}.cbb-flex-container--has-bg-gradient>.block-editor-inner-blocks>.block-editor-block-list__layout{background-image:var(--cbb-light-bg-gradient,none)}.cbb-flex-container--has-bg-gradient,.cbb-flex-container>.block-editor-inner-blocks>.block-editor-block-list__layout .cbb-flex-container--has-bg-gradient{background-image:none}.cbb-flex-container--has-bg-color>.block-editor-inner-blocks>.block-editor-block-list__layout{background-blend-mode:overlay}.cbb-flex-container--has-bg-color{background-color:transparent!important}.cbb-slider .cbb-flex-container{background-image:var(--cbb-light-bg-gradient,none)}.cbb-flex-container--has-box-shadow>.block-editor-inner-blocks>.block-editor-block-list__layout{box-shadow:var(--cbb-light-box-shadow,none)}.cbb-flex-container--has-box-shadow{box-shadow:none!important}.cbb-flex-container--has-border>.block-editor-inner-blocks>.block-editor-block-list__layout{border-color:var(--cbb-light-border-color,"#00000000")}.cbb-flex-container--has-border{border-color:"#00000000"}@media (max-width:810px){.cbb-flex-container>.block-editor-inner-blocks>.block-editor-block-list__layout{flex-direction:var(--cbb-fdir-md,row)}}@media (max-width:450px){.cbb-flex-container>.block-editor-inner-blocks>.block-editor-block-list__layout{flex-direction:var(--cbb-fdir-sm,row)}}html[data-theme=dark] .cbb-flex-container>.block-editor-inner-blocks>.block-editor-block-list__layout{background-color:var(--cbb-dark-bg-color,#00000000)}html[data-theme=dark] .cbb-flex-container--has-box-shadow>.block-editor-inner-blocks>.block-editor-block-list__layout{box-shadow:var(--cbb-dark-box-shadow,none)}html[data-theme=dark] .cbb-flex-container--has-box-shadow{box-shadow:none!important}html[data-theme=dark] .cbb-flex-container--has-bg-gradient>.block-editor-inner-blocks>.block-editor-block-list__layout{background-image:var(--cbb-dark-bg-gradient,none)}html[data-theme=dark] .cbb-flex-container--has-bg-gradient{background-image:none}html[data-theme=dark] .cbb-flex-container--has-border>.block-editor-inner-blocks>.block-editor-block-list__layout{border-color:var(--cbb-dark-border-color,"#00000000")}html[data-theme=dark] .cbb-flex-container--has-border{border-color:"#00000000"}.cbb-flex-container:has(>.block-editor-inner-blocks>.block-editor-block-list__layout>.cbb-image-gallery){overflow:hidden!important}.cbb-flex-container:has(>.block-editor-inner-blocks>.block-editor-block-list__layout>.cbb-slider){overflow:hidden!important}
     1.cbb-flex-container>.block-editor-inner-blocks>.block-editor-block-list__layout{align-items:var(--cbb-align-items,normal);background-color:var(--cbb-light-bg-color,#00000000);background-position:var(--cbb-bg-position,0 0);background-size:cover;border-radius:var(--cbb-br-radius,0);border-style:var(--cbb-br-style,none);border-width:var(--cbb-br-width,0);box-shadow:var(--cbb-box-shadow,none);box-sizing:border-box;-moz-column-gap:var(--cbb-column-gap,normal);column-gap:var(--cbb-column-gap,normal);display:flex;flex-direction:var(--cbb-fdir-lg,row);height:100%;justify-content:var(--cbb-just-content,flex-start);min-height:var(--cbb-min-height,0);overflow:var(--cbb-overflow,visible);padding:var(--cbb-fc-padding,0);row-gap:var(--cbb-row-gap,normal)}.cbb-flex-container>.block-editor-inner-blocks{height:100%;width:100%}.cbb-flex-container--has-bg-gradient>.block-editor-inner-blocks>.block-editor-block-list__layout{background-image:var(--cbb-light-bg-gradient,none)}.cbb-flex-container--has-bg-gradient,.cbb-flex-container>.block-editor-inner-blocks>.block-editor-block-list__layout .cbb-flex-container--has-bg-gradient{background-image:none}.cbb-flex-container--has-bg-color>.block-editor-inner-blocks>.block-editor-block-list__layout{background-blend-mode:overlay}.cbb-flex-container--has-bg-color{background-color:transparent!important}.cbb-slider .cbb-flex-container{background-image:var(--cbb-light-bg-gradient,none)}.cbb-flex-container--has-box-shadow>.block-editor-inner-blocks>.block-editor-block-list__layout{box-shadow:var(--cbb-light-box-shadow,none)}.cbb-flex-container--has-box-shadow{box-shadow:none!important}.cbb-flex-container--has-border>.block-editor-inner-blocks>.block-editor-block-list__layout{border-color:var(--cbb-light-border-color,"#00000000")}.cbb-flex-container--has-border{border-color:"#00000000"}@media (max-width:810px){.cbb-flex-container>.block-editor-inner-blocks>.block-editor-block-list__layout{flex-direction:var(--cbb-fdir-md,row)}.cbb-flex-container--custom-just-content-tablet>.block-editor-inner-blocks>.block-editor-block-list__layout{justify-content:var(--cbb-just-content-md,flex-start)}.cbb-flex-container--custom-align-items-tablet>.block-editor-inner-blocks>.block-editor-block-list__layout{align-items:var(--cbb-align-items-md,normal)}}@media (max-width:450px){.cbb-flex-container>.block-editor-inner-blocks>.block-editor-block-list__layout{flex-direction:var(--cbb-fdir-sm,row)}.cbb-flex-container--custom-just-content-mobile>.block-editor-inner-blocks>.block-editor-block-list__layout{justify-content:var(--cbb-just-content-sm,flex-start)}.cbb-flex-container--custom-align-items-mobile>.block-editor-inner-blocks>.block-editor-block-list__layout{align-items:var(--cbb-align-items-sm,normal)}}html[data-theme=dark] .cbb-flex-container>.block-editor-inner-blocks>.block-editor-block-list__layout{background-color:var(--cbb-dark-bg-color,#00000000)}html[data-theme=dark] .cbb-flex-container--has-box-shadow>.block-editor-inner-blocks>.block-editor-block-list__layout{box-shadow:var(--cbb-dark-box-shadow,none)}html[data-theme=dark] .cbb-flex-container--has-box-shadow{box-shadow:none!important}html[data-theme=dark] .cbb-flex-container--has-bg-gradient>.block-editor-inner-blocks>.block-editor-block-list__layout{background-image:var(--cbb-dark-bg-gradient,none)}html[data-theme=dark] .cbb-flex-container--has-bg-gradient{background-image:none}html[data-theme=dark] .cbb-flex-container--has-border>.block-editor-inner-blocks>.block-editor-block-list__layout{border-color:var(--cbb-dark-border-color,"#00000000")}html[data-theme=dark] .cbb-flex-container--has-border{border-color:"#00000000"}.cbb-flex-container:has(>.block-editor-inner-blocks>.block-editor-block-list__layout>.cbb-image-gallery){overflow:hidden!important}.cbb-flex-container:has(>.block-editor-inner-blocks>.block-editor-block-list__layout>.cbb-slider){overflow:hidden!important}

  • caledros-basic-blocks/trunk/build/blocks/flex-container/index.asset.php

    r3313530 r3335584  
    1 <?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n'), 'version' => '94cc9b46821045e18b08');
     1<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n'), 'version' => '3753b4a57df34e663f21');

  • caledros-basic-blocks/trunk/build/blocks/flex-container/index.css

    r3312194 r3335584  
    1 .cbb-flex-container>.block-editor-inner-blocks>.block-editor-block-list__layout{align-items:var(--cbb-align-items,normal);background-color:var(--cbb-light-bg-color,#00000000);background-position:var(--cbb-bg-position,0 0);background-size:cover;border-radius:var(--cbb-br-radius,0);border-style:var(--cbb-br-style,none);border-width:var(--cbb-br-width,0);box-shadow:var(--cbb-box-shadow,none);box-sizing:border-box;-moz-column-gap:var(--cbb-column-gap,normal);column-gap:var(--cbb-column-gap,normal);display:flex;flex-direction:var(--cbb-fdir-lg,row);height:100%;justify-content:var(--cbb-just-content,flex-start);min-height:var(--cbb-min-height,0);overflow:var(--cbb-overflow,visible);padding:var(--cbb-fc-padding,0);row-gap:var(--cbb-row-gap,normal)}.cbb-flex-container>.block-editor-inner-blocks{height:100%;width:100%}.cbb-flex-container--has-bg-gradient>.block-editor-inner-blocks>.block-editor-block-list__layout{background-image:var(--cbb-light-bg-gradient,none)}.cbb-flex-container--has-bg-gradient,.cbb-flex-container>.block-editor-inner-blocks>.block-editor-block-list__layout .cbb-flex-container--has-bg-gradient{background-image:none}.cbb-flex-container--has-bg-color>.block-editor-inner-blocks>.block-editor-block-list__layout{background-blend-mode:overlay}.cbb-flex-container--has-bg-color{background-color:transparent!important}.cbb-slider .cbb-flex-container{background-image:var(--cbb-light-bg-gradient,none)}.cbb-flex-container--has-box-shadow>.block-editor-inner-blocks>.block-editor-block-list__layout{box-shadow:var(--cbb-light-box-shadow,none)}.cbb-flex-container--has-box-shadow{box-shadow:none!important}.cbb-flex-container--has-border>.block-editor-inner-blocks>.block-editor-block-list__layout{border-color:var(--cbb-light-border-color,"#00000000")}.cbb-flex-container--has-border{border-color:"#00000000"}@media (max-width:810px){.cbb-flex-container>.block-editor-inner-blocks>.block-editor-block-list__layout{flex-direction:var(--cbb-fdir-md,row)}}@media (max-width:450px){.cbb-flex-container>.block-editor-inner-blocks>.block-editor-block-list__layout{flex-direction:var(--cbb-fdir-sm,row)}}html[data-theme=dark] .cbb-flex-container>.block-editor-inner-blocks>.block-editor-block-list__layout{background-color:var(--cbb-dark-bg-color,#00000000)}html[data-theme=dark] .cbb-flex-container--has-box-shadow>.block-editor-inner-blocks>.block-editor-block-list__layout{box-shadow:var(--cbb-dark-box-shadow,none)}html[data-theme=dark] .cbb-flex-container--has-box-shadow{box-shadow:none!important}html[data-theme=dark] .cbb-flex-container--has-bg-gradient>.block-editor-inner-blocks>.block-editor-block-list__layout{background-image:var(--cbb-dark-bg-gradient,none)}html[data-theme=dark] .cbb-flex-container--has-bg-gradient{background-image:none}html[data-theme=dark] .cbb-flex-container--has-border>.block-editor-inner-blocks>.block-editor-block-list__layout{border-color:var(--cbb-dark-border-color,"#00000000")}html[data-theme=dark] .cbb-flex-container--has-border{border-color:"#00000000"}.cbb-flex-container:has(>.block-editor-inner-blocks>.block-editor-block-list__layout>.cbb-image-gallery){overflow:hidden!important}.cbb-flex-container:has(>.block-editor-inner-blocks>.block-editor-block-list__layout>.cbb-slider){overflow:hidden!important}
     1.cbb-flex-container>.block-editor-inner-blocks>.block-editor-block-list__layout{align-items:var(--cbb-align-items,normal);background-color:var(--cbb-light-bg-color,#00000000);background-position:var(--cbb-bg-position,0 0);background-size:cover;border-radius:var(--cbb-br-radius,0);border-style:var(--cbb-br-style,none);border-width:var(--cbb-br-width,0);box-shadow:var(--cbb-box-shadow,none);box-sizing:border-box;-moz-column-gap:var(--cbb-column-gap,normal);column-gap:var(--cbb-column-gap,normal);display:flex;flex-direction:var(--cbb-fdir-lg,row);height:100%;justify-content:var(--cbb-just-content,flex-start);min-height:var(--cbb-min-height,0);overflow:var(--cbb-overflow,visible);padding:var(--cbb-fc-padding,0);row-gap:var(--cbb-row-gap,normal)}.cbb-flex-container>.block-editor-inner-blocks{height:100%;width:100%}.cbb-flex-container--has-bg-gradient>.block-editor-inner-blocks>.block-editor-block-list__layout{background-image:var(--cbb-light-bg-gradient,none)}.cbb-flex-container--has-bg-gradient,.cbb-flex-container>.block-editor-inner-blocks>.block-editor-block-list__layout .cbb-flex-container--has-bg-gradient{background-image:none}.cbb-flex-container--has-bg-color>.block-editor-inner-blocks>.block-editor-block-list__layout{background-blend-mode:overlay}.cbb-flex-container--has-bg-color{background-color:transparent!important}.cbb-slider .cbb-flex-container{background-image:var(--cbb-light-bg-gradient,none)}.cbb-flex-container--has-box-shadow>.block-editor-inner-blocks>.block-editor-block-list__layout{box-shadow:var(--cbb-light-box-shadow,none)}.cbb-flex-container--has-box-shadow{box-shadow:none!important}.cbb-flex-container--has-border>.block-editor-inner-blocks>.block-editor-block-list__layout{border-color:var(--cbb-light-border-color,"#00000000")}.cbb-flex-container--has-border{border-color:"#00000000"}@media (max-width:810px){.cbb-flex-container>.block-editor-inner-blocks>.block-editor-block-list__layout{flex-direction:var(--cbb-fdir-md,row)}.cbb-flex-container--custom-just-content-tablet>.block-editor-inner-blocks>.block-editor-block-list__layout{justify-content:var(--cbb-just-content-md,flex-start)}.cbb-flex-container--custom-align-items-tablet>.block-editor-inner-blocks>.block-editor-block-list__layout{align-items:var(--cbb-align-items-md,normal)}}@media (max-width:450px){.cbb-flex-container>.block-editor-inner-blocks>.block-editor-block-list__layout{flex-direction:var(--cbb-fdir-sm,row)}.cbb-flex-container--custom-just-content-mobile>.block-editor-inner-blocks>.block-editor-block-list__layout{justify-content:var(--cbb-just-content-sm,flex-start)}.cbb-flex-container--custom-align-items-mobile>.block-editor-inner-blocks>.block-editor-block-list__layout{align-items:var(--cbb-align-items-sm,normal)}}html[data-theme=dark] .cbb-flex-container>.block-editor-inner-blocks>.block-editor-block-list__layout{background-color:var(--cbb-dark-bg-color,#00000000)}html[data-theme=dark] .cbb-flex-container--has-box-shadow>.block-editor-inner-blocks>.block-editor-block-list__layout{box-shadow:var(--cbb-dark-box-shadow,none)}html[data-theme=dark] .cbb-flex-container--has-box-shadow{box-shadow:none!important}html[data-theme=dark] .cbb-flex-container--has-bg-gradient>.block-editor-inner-blocks>.block-editor-block-list__layout{background-image:var(--cbb-dark-bg-gradient,none)}html[data-theme=dark] .cbb-flex-container--has-bg-gradient{background-image:none}html[data-theme=dark] .cbb-flex-container--has-border>.block-editor-inner-blocks>.block-editor-block-list__layout{border-color:var(--cbb-dark-border-color,"#00000000")}html[data-theme=dark] .cbb-flex-container--has-border{border-color:"#00000000"}.cbb-flex-container:has(>.block-editor-inner-blocks>.block-editor-block-list__layout>.cbb-image-gallery){overflow:hidden!important}.cbb-flex-container:has(>.block-editor-inner-blocks>.block-editor-block-list__layout>.cbb-slider){overflow:hidden!important}

  • caledros-basic-blocks/trunk/build/blocks/flex-container/index.js

    r3313530 r3335584  
    1 (()=>{"use strict";var e,t={270:()=>{const e=window.wp.blocks,t=JSON.parse('{"UU":"caledros-basic-blocks/flex-container"}'),a=window.wp.i18n,o=window.ReactJSXRuntime,l={icon:(0,o.jsx)("svg",{width:"24",height:"24",version:"1.1",viewBox:"0 0 6.35 6.35",xmlns:"http://www.w3.org/2000/svg",children:(0,o.jsx)("g",{transform:"translate(-96.573 -101.07)",children:(0,o.jsxs)("g",{transform:"matrix(.087396 0 0 .087396 90.571 91.268)",children:[(0,o.jsx)("path",{d:"m141.33 148.5a36.329 36.329 0 0 1-36.329 36.329 36.329 36.329 0 0 1-36.329-36.329 36.329 36.329 0 0 1 36.329-36.329 36.329 36.329 0 0 1 36.329 36.329z",fill:"#e0ebe0","stroke-width":"0"}),(0,o.jsx)("path",{d:"m138.18 148.5a33.177 33.177 0 0 1-33.177 33.177 33.177 33.177 0 0 1-33.177-33.177 33.177 33.177 0 0 1 33.177-33.177 33.177 33.177 0 0 1 33.177 33.177z",fill:"#252533","stroke-width":"0"}),(0,o.jsx)("path",{d:"m135.4 148.5a30.397 30.397 0 0 1-30.397 30.397 30.397 30.397 0 0 1-30.397-30.397 30.397 30.397 0 0 1 30.397-30.397 30.397 30.397 0 0 1 30.397 30.397z",fill:"#e0ebe0","stroke-width":"0"}),(0,o.jsxs)("g",{transform:"matrix(.90041 0 0 .90041 31.823 90.353)",fill:"#252533","stroke-width":"1.1106",children:[(0,o.jsx)("path",{d:"m93.777 55.9v9.3361c7.8313 1.1492 16.709-9.4028 15.094-9.3963z"}),(0,o.jsx)("path",{d:"m97.104 59.499c2.0783-0.03527 3.9177 0.15195 8.6289-2.233-5.125 1.0559-5.7944 0.56153-8.6392 0.57438-0.78106 0.0035-0.68526 1.6378 0.01037 1.6586z","stroke-width":"0"}),(0,o.jsx)("path",{d:"m53.478 56.801h38.884v9.3252s-3.9882 1.7008-3.4603 4.8679c0.52784 3.1671 3.1084 6.862 10.088 6.9206v7.1928h-7.2969s-4.3545-4.1057-10.865-3.8568-10.078 3.691-10.078 3.691h-7.4648v-7.3819s10.451 0.62207 9.9531-7.1331c-0.49766-7.7551-19.699-9.2481-19.699-9.2481z"})]}),(0,o.jsx)("path",{d:"m106.41 126.27a0.78523 0.78523 0 0 0-0.94136 0.59044l-2.4602 10.727a0.78523 0.78523 0 0 0 0.58951 0.94136 0.78523 0.78523 0 0 0 0.94044-0.59044l2.4611-10.727a0.78523 0.78523 0 0 0-0.58951-0.94136z",color:"#000000",fill:"#fc571b","stroke-width":"0"}),(0,o.jsx)("path",{d:"m100.45 127.77-5.9517 3.9678a0.78531 0.78531 0 0 0 0 1.3062l5.9517 3.9678a0.78523 0.78523 0 0 0 1.089-0.21724 0.78523 0.78523 0 0 0-0.21816-1.089l-4.9723-3.3152 4.9723-3.3143a0.78523 0.78523 0 0 0 0.21816-1.089 0.78523 0.78523 0 0 0-1.089-0.21724z",color:"#000000",fill:"#fc571b","stroke-width":"0"}),(0,o.jsx)("path",{d:"m109.55 127.77a0.78523 0.78523 0 0 0-1.089 0.21724 0.78523 0.78523 0 0 0 0.21816 1.089l4.9714 3.3143-4.9714 3.3152a0.78523 0.78523 0 0 0-0.21816 1.089 0.78523 0.78523 0 0 0 1.089 0.21724l5.9517-3.9678a0.78531 0.78531 0 0 0 0-1.3062z",color:"#000000",fill:"#fc571b","stroke-width":"0"})]})})})},n=window.wp.blockEditor,r=window.wp.components,s=window.wp.element;function i({attributes:e,setAttributes:t}){const{containerWidth:l}=e,i=l.replace(/\d+/g,"")||"px",c=["px","%","em","rem","vw"].includes(i)?i:"px",d=parseInt(l)||0,[b,u]=(0,s.useState)("100%"!==l&&"var(--wp--style--global--content-size)"!==l&&"var(--wp--style--global--wide-size)"!==l),x=(0,n.useSettings)("layout.contentSize","layout.wideSize")||[],[h="620px",g="1280px"]=x,p=(e,t)=>["%","vw"].includes(e)&&t>100?100:t;return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Maximum width","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use custom width",checked:b,onChange:()=>u((e=>!e))}),!b&&(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the maximum width for the container.","caledros-basic-blocks"),value:"100%"===l||"var(--wp--style--global--content-size)"===l||"var(--wp--style--global--wide-size)"===l?l:"",options:[{disabled:!0,label:"Select an option",value:""},{label:"Full width",value:"100%"},{label:`Content size (${h})`,value:"var(--wp--style--global--content-size)"},{label:`Wide size (${g})`,value:"var(--wp--style--global--wide-size)"}],onChange:e=>{t({containerWidth:e})}}),b&&(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the custom maximum width (${c}) for the container.`,"caledros-basic-blocks"),value:"var(--wp--style--global--content-size)"===l||"var(--wp--style--global--wide-size)"===l?0:parseInt(l),max:"%"===c||"vw"===c?100:3e3,min:0,step:1,onChange:e=>{t({containerWidth:`${e}${c}`})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:c,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerWidth:`${p(e,d)}${e}`})}})]})]})}function c({attributes:e,setAttributes:t}){const{containerMinHeight:l}=e,n=l.replace(/\d+/g,"")||"px",s=parseInt(l)||0,i=(e,t)=>"auto"===e?"":"vh"===e&&t>100?100:t;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Minimum height","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the minimum height (${n}) for the container.`,"caledros-basic-blocks"),initialPosition:0,max:"vh"===n?100:3e3,min:0,step:1,value:"auto"===n?0:s,onChange:e=>t({containerMinHeight:`${"auto"!==n?e:""}${n}`}),disabled:"auto"===n}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:n,options:[{label:"px",value:"px"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vh",value:"vh"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMinHeight:`${i(e,s)}${e}`})}})]})})}const d=window.wp.data;function b({attributes:e,setAttributes:t}){const{containerLightBackgroundColor:l}=e,[i,c]=(0,s.useState)("#00000000"===l),[b,u]=(0,n.useSettings)("color.palette","color.defaultPalette"),x=b.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),h=(0,d.select)("core/editor")?.getEditorSettings(),g=h?.__experimentalFeatures?.color?.palette,p=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),_=p(g,"default"),m=p(g,"theme"),v=p(g,"custom"),f=[...u?[_]:[],m,...v.colors?[v]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Background color (light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use transparent background",checked:i,onChange:()=>{c((e=>!e)),t({containerLightBackgroundColor:"#00000000"})}}),!i&&(0,o.jsx)(r.ColorPalette,{colors:g?f:x,value:l,onChange:e=>t({containerLightBackgroundColor:e}),enableAlpha:!0,clearable:!1})]})}function u({attributes:e,setAttributes:t}){const{containerDarkBackgroundColor:l}=e,[i,c]=(0,s.useState)("#00000000"===l),[b,u]=(0,n.useSettings)("color.palette","color.defaultPalette"),x=b.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),h=(0,d.select)("core/editor")?.getEditorSettings(),g=h?.__experimentalFeatures?.color?.palette,p=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),_=p(g,"default"),m=p(g,"theme"),v=p(g,"custom"),f=[...u?[_]:[],m,...v.colors?[v]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Background color (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use transparent background",checked:i,onChange:()=>{c((e=>!e)),t({containerDarkBackgroundColor:"#00000000"})}}),!i&&(0,o.jsx)(r.ColorPalette,{colors:g?f:x,value:l,onChange:e=>t({containerDarkBackgroundColor:e}),enableAlpha:!0,clearable:!1})]})}function x({attributes:e,setAttributes:t}){const{containerBackgroundImage:l,containerBgImageFocalPoint:s}=e,i=()=>{t({containerBackgroundImage:{id:"",alt:"",url:""}})};return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Background image","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(n.MediaUploadCheck,{children:(0,o.jsx)(n.MediaUpload,{allowedTypes:["image"],value:l.id,render:({open:e})=>(0,o.jsxs)(o.Fragment,{children:[l.url&&(0,o.jsx)(r.FocalPointPicker,{__nextHasNoMarginBottom:!0,onChange:e=>{t({containerBgImageFocalPoint:e})},url:l.url,value:s}),(0,o.jsxs)("div",{style:{display:"flex",gap:"10px"},children:[(0,o.jsx)(r.Button,{variant:"primary",onClick:e,children:"Select image"}),(0,o.jsx)(r.Button,{variant:"secondary",onClick:i,children:"Remove image"})]})]}),onSelect:e=>{t({containerBackgroundImage:{id:e.id,alt:e.alt,url:e.url}})}})})})}function h({attributes:e,setAttributes:t}){const{containerLightBackgroundGradient:l}=e,[n,i]=(0,s.useState)(""!==l);return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Background gradient (light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable background gradient","caledros-basic-blocks"),checked:n,onChange:()=>{i((e=>!e)),t({containerLightBackgroundGradient:""})}}),n&&(0,o.jsx)(r.CustomGradientPicker,{onChange:e=>{t({containerLightBackgroundGradient:e})},value:""===l?"linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5))":l})]})}function g({attributes:e,setAttributes:t}){const{containerDarkBackgroundGradient:l}=e,[n,i]=(0,s.useState)(""!==l);return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Background gradient (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable background gradient","caledros-basic-blocks"),checked:n,onChange:()=>{i((e=>!e)),t({containerDarkBackgroundGradient:""})}}),n&&(0,o.jsx)(r.CustomGradientPicker,{onChange:e=>{t({containerDarkBackgroundGradient:e})},value:""===l?"linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5))":l})]})}function p({attributes:e,setAttributes:t}){const{containerBorder:l}=e,n=l.style.split(" "),i=n[0]||"solid",c=n[1]||"none",d=n[2]||"none",b=n[3]||"none",[u,x]=(0,s.useState)(!!l.style.includes(" "));return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Border style","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border styles for each side",checked:u,onChange:()=>{const e=!u;x(e),t(e?{containerBorder:{...l,style:"solid none none none"}}:{containerBorder:{...l,style:"solid"}})}}),!u&&(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the border style.","caledros-basic-blocks"),value:l.style,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({containerBorder:{...l,style:e}})}}),u&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the top border.","caledros-basic-blocks"),value:i,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({containerBorder:{...l,style:`${e} ${c} ${d} ${b}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the right border.","caledros-basic-blocks"),value:c,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({containerBorder:{...l,style:`${i} ${e} ${d} ${b}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the bottom border.","caledros-basic-blocks"),value:d,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({containerBorder:{...l,style:`${i} ${c} ${e} ${b}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the left border.","caledros-basic-blocks"),value:b,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({containerBorder:{...l,style:`${i} ${c} ${d} ${e}`}})}})]})]})}function _({attributes:e,setAttributes:t}){const{containerBorder:l}=e,n=l.width.split(" "),i=parseInt(n[0])||0,c=parseInt(n[1])||0,d=parseInt(n[2])||0,b=parseInt(n[3])||0,[u,x]=(0,s.useState)(!!l.width.includes(" "));return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Border width","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border widths for each side",checked:u,onChange:()=>{const e=!u;x(e),t(e?{containerBorder:{...l,width:"1px 1px 1px 1px"}}:{containerBorder:{...l,width:"1px"}})}}),!u&&(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the border width (px) for the container.","caledros-basic-blocks"),value:parseInt(l.width),max:50,min:0,step:1,onChange:e=>{t({containerBorder:{...l,width:`${e}px`}})}}),u&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the top border width (px) for the container.","caledros-basic-blocks"),value:i,max:50,min:0,step:1,onChange:e=>{t({containerBorder:{...l,width:`${e}px ${c}px ${d}px ${b}px`}})}}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the right border width (px) for the container.","caledros-basic-blocks"),value:c,max:50,min:0,step:1,onChange:e=>{t({containerBorder:{...l,width:`${i}px ${e}px ${d}px ${b}px`}})}}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the bottom border width (px) for the container.","caledros-basic-blocks"),value:d,max:50,min:0,step:1,onChange:e=>{t({containerBorder:{...l,width:`${i}px ${c}px ${e}px ${b}px`}})}}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the left border width (px) for the container.","caledros-basic-blocks"),value:b,max:50,min:0,step:1,onChange:e=>{t({containerBorder:{...l,width:`${i}px ${c}px ${d}px ${e}px`}})}})]})]})}function m({attributes:e,setAttributes:t}){const{containerBorder:l}=e,i=l.lightColor.split(" "),c=i[0]||"#000",b=i[1]||"#000",u=i[2]||"#000",x=i[3]||"#000",[h,g]=(0,s.useState)(!!l.lightColor.includes(" ")),[p,_]=(0,n.useSettings)("color.palette","color.defaultPalette"),m=p.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),v=(0,d.select)("core/editor")?.getEditorSettings(),f=v?.__experimentalFeatures?.color?.palette,C=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),$=C(f,"default"),k=C(f,"theme"),j=C(f,"custom"),B=[..._?[$]:[],k,...j.colors?[j]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Border color (light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border colors for each side",checked:h,onChange:()=>{const e=!h;g(e),t(e?{containerBorder:{...l,lightColor:"#000 #000 #000 #000"}}:{containerBorder:{...l,lightColor:"#000"}})}}),!h&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose the border color","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:m,value:l.lightColor,onChange:e=>t({containerBorder:{...l,lightColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0})]}),h&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the top border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:m,value:c,onChange:e=>{t({containerBorder:{...l,lightColor:`${e||"#00000000"} ${b} ${u} ${x}`}})},enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the right border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:m,value:b,onChange:e=>{t({containerBorder:{...l,lightColor:`${c} ${e||"#00000000"} ${u} ${x}`}})},enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the bottom border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:m,value:u,onChange:e=>{t({containerBorder:{...l,lightColor:`${c} ${b} ${e||"#00000000"} ${x}`}})},enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the left border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:m,value:x,onChange:e=>{t({containerBorder:{...l,lightColor:`${c} ${b} ${u} ${e||"#00000000"}`}})},enableAlpha:!0,clearable:!0})]})]})}function v({attributes:e,setAttributes:t}){const{containerBorder:l}=e,i=l.darkColor.split(" "),c=i[0]||"#000",b=i[1]||"#000",u=i[2]||"#000",x=i[3]||"#000",[h,g]=(0,s.useState)(!!l.darkColor.includes(" ")),[p,_]=(0,n.useSettings)("color.palette","color.defaultPalette"),m=p.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),v=(0,d.select)("core/editor")?.getEditorSettings(),f=v?.__experimentalFeatures?.color?.palette,C=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),$=C(f,"default"),k=C(f,"theme"),j=C(f,"custom"),B=[..._?[$]:[],k,...j.colors?[j]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Border color (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border colors for each side",checked:h,onChange:()=>{const e=!h;g(e),t(e?{containerBorder:{...l,darkColor:"#000 #000 #000 #000"}}:{containerBorder:{...l,darkColor:"#000"}})}}),!h&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose the border color","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:m,value:l.darkColor,onChange:e=>t({containerBorder:{...l,darkColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0})]}),h&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the top border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:m,value:c,onChange:e=>{t({containerBorder:{...l,darkColor:`${e||"#00000000"} ${b} ${u} ${x}`}})},enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the right border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:m,value:b,onChange:e=>{t({containerBorder:{...l,darkColor:`${c} ${e||"#00000000"} ${u} ${x}`}})},enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the bottom border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:m,value:u,onChange:e=>{t({containerBorder:{...l,darkColor:`${c} ${b} ${e||"#00000000"} ${x}`}})},enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the left border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:m,value:x,onChange:e=>{t({containerBorder:{...l,darkColor:`${c} ${b} ${u} ${e||"#00000000"}`}})},enableAlpha:!0,clearable:!0})]})]})}function f({attributes:e,setAttributes:t}){const{containerBorder:l}=e,n=l.radius.split(" "),i=parseInt(n[0])||0,c=parseInt(n[1])||0,d=parseInt(n[2])||0,b=parseInt(n[3])||0,u=l.radius.split(" "),x=u[0]?u[0].replace(/\d+/g,""):"px",h=u[1]?u[1].replace(/\d+/g,""):"px",g=u[2]?u[2].replace(/\d+/g,""):"px",p=u[3]?u[3].replace(/\d+/g,""):"px",[_,m]=(0,s.useState)(!!l.radius.includes(" ")),v=(e,t)=>"%"===e&&t>100?100:t;return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Border radius","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border radiuses for each corner",checked:_,onChange:()=>{const e=!_;m(e),t(e?{containerBorder:{...l,radius:"10px 10px 10px 10px"}}:{containerBorder:{...l,radius:"10px"}})}}),!_&&(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the border radius (${x}) for the container.`,"caledros-basic-blocks"),value:parseInt(l.radius),max:"%"===x?100:150,min:0,step:1,onChange:e=>{t({containerBorder:{...l,radius:`${e}${x}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:x,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({containerBorder:{...l,radius:`${v(e,parseInt(l.radius))}${e}`}})}})]}),_&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top-left border radius (${x}).`,"caledros-basic-blocks"),value:i,max:"%"===x?100:150,min:0,step:1,onChange:e=>{t({containerBorder:{...l,radius:`${e}${x} ${c}${h} ${d}${g} ${b}${p}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:x,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({containerBorder:{...l,radius:`${v(e,i)}${e} ${c}${h} ${d}${g} ${b}${p}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top-right border radius (${h}).`,"caledros-basic-blocks"),value:c,max:"%"===h?100:150,min:0,step:1,onChange:e=>{t({containerBorder:{...l,radius:`${i}${x} ${e}${h} ${d}${g} ${b}${p}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:h,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({containerBorder:{...l,radius:`${i}${x} ${v(e,c)}${e} ${d}${g} ${b}${p}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom-right border radius (${g}).`,"caledros-basic-blocks"),value:d,max:"%"===g?100:150,min:0,step:1,onChange:e=>{t({containerBorder:{...l,radius:`${i}${x} ${c}${h} ${e}${g} ${b}${p}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:g,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({containerBorder:{...l,radius:`${i}${x} ${c}${h} ${v(e,d)}${e} ${b}${p}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom-left border radius (${p}).`,"caledros-basic-blocks"),value:b,max:"%"===p?100:150,min:0,step:1,onChange:e=>{t({containerBorder:{...l,radius:`${i}${x} ${c}${h} ${d}${g} ${e}${p}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:p,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({containerBorder:{...l,radius:`${i}${x} ${c}${h} ${d}${g} ${v(e,b)}${e}`}})}})]})]})]})}function C({attributes:e,setAttributes:t}){const{containerBoxShadow:l}=e,[s,i]=(0,n.useSettings)("color.palette","color.defaultPalette"),c=s.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),b=(0,d.select)("core/editor")?.getEditorSettings(),u=b?.__experimentalFeatures?.color?.palette,x=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),h=x(u,"default"),g=x(u,"theme"),p=x(u,"custom"),_=[...i?[h]:[],g,...p.colors?[p]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Box shadow","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable box shadow","caledros-basic-blocks"),checked:l.enabled,onChange:e=>{t({containerBoxShadow:{...l,enabled:e}})}}),l.enabled&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the box shadow.","caledros-basic-blocks"),value:""===l.style?"outline":"inset",options:[{label:"Outline",value:"outline"},{label:"Inset",value:"inset"}],onChange:e=>{t({containerBoxShadow:{...l,style:`${"outline"===e?"":e}`}})}}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the horizontal offset (px).","caledros-basic-blocks"),value:parseInt(l.hOffset),max:100,min:-100,step:1,onChange:e=>t({containerBoxShadow:{...l,hOffset:`${e}px`}})}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the vertical offset (px).","caledros-basic-blocks"),value:parseInt(l.vOffset),max:100,min:-100,step:1,onChange:e=>t({containerBoxShadow:{...l,vOffset:`${e}px`}})}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the blur (px).","caledros-basic-blocks"),value:parseInt(l.blur),max:100,min:0,step:1,onChange:e=>t({containerBoxShadow:{...l,blur:`${e}px`}})}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the spread (px).","caledros-basic-blocks"),value:parseInt(l.spread),max:100,min:-100,step:1,onChange:e=>t({containerBoxShadow:{...l,spread:`${e}px`}})}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the box shadow (light mode)","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:u?_:c,value:l.lightColor,onChange:e=>t({containerBoxShadow:{...l,lightColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the box shadow (dark mode)","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:u?_:c,value:l.darkColor,onChange:e=>t({containerBoxShadow:{...l,darkColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0})]})]})}function $({attributes:e,setAttributes:t}){const{containerMargin:l}=e,n=parseInt(l.top)||0,s=parseInt(l.left)||0,i=parseInt(l.bottom)||0,c=parseInt(l.right)||0,d=l.top.replace(/\d+/g,""),b=l.left.replace(/\d+/g,""),u=l.bottom.replace(/\d+/g,""),x=l.right.replace(/\d+/g,""),h=(e,t)=>"auto"===e?"":["%","vw"].includes(e)&&t>100?100:t;return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Margin","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable different margins","caledros-basic-blocks"),checked:l.differentMarginsEnabled,onChange:e=>{t({containerMargin:{...l,differentMarginsEnabled:e}})}}),!l.differentMarginsEnabled&&(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the margin (${d}) for the container.`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(d)?100:500,min:0,step:1,onChange:e=>{t({containerMargin:{...l,top:`${"auto"===d?"":e}${d}`}})},disabled:"auto"===d}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:d,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMargin:{...l,top:`${h(e,n)}${e}`}})}})]}),l.differentMarginsEnabled&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top margin (${d}) for the container.`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(d)?100:500,min:0,step:1,onChange:e=>{t({containerMargin:{...l,top:`${"auto"===d?"":e}${d}`}})},disabled:"auto"===d}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:d,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMargin:{...l,top:`${h(e,n)}${e}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the right margin (${x}) for the container.`,"caledros-basic-blocks"),value:c,max:["%","vw"].includes(x)?100:500,min:0,step:1,onChange:e=>{t({containerMargin:{...l,right:`${"auto"===x?"":e}${x}`}})},disabled:"auto"===x}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:x,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMargin:{...l,right:`${h(e,c)}${e}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom margin (${u}) for the container.`,"caledros-basic-blocks"),value:i,max:["%","vw"].includes(u)?100:500,min:0,step:1,onChange:e=>{t({containerMargin:{...l,bottom:`${"auto"===u?"":e}${u}`}})},disabled:"auto"===u}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:u,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMargin:{...l,bottom:`${h(e,i)}${e}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the left margin (${b}) for the container.`,"caledros-basic-blocks"),value:s,max:["%","vw"].includes(b)?100:500,min:0,step:1,onChange:e=>{t({containerMargin:{...l,left:`${"auto"===b?"":e}${b}`}})},disabled:"auto"===b}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:b,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMargin:{...l,left:`${h(e,s)}${e}`}})}})]})]})]})}function k({attributes:e,setAttributes:t}){const{containerPadding:l}=e,n=parseInt(l.top)||0,s=parseInt(l.left)||0,i=parseInt(l.bottom)||0,c=parseInt(l.right)||0,d=l.top.replace(/\d+/g,""),b=l.left.replace(/\d+/g,""),u=l.bottom.replace(/\d+/g,""),x=l.right.replace(/\d+/g,""),h=(e,t)=>["%","vw"].includes(e)&&t>100?100:t;return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Padding","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Use global padding","caledros-basic-blocks"),help:(0,a.__)("This option applies predefined padding to the right and left sides of the block, ensuring consistency across the entire site. To adjust this padding, navigate to the Layout section in the Full Site Editor.","caledros-basic-blocks"),checked:l.useGlobalPadding,onChange:e=>{t({containerPadding:{...l,useGlobalPadding:e}})}}),!l.useGlobalPadding&&(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable different paddings","caledros-basic-blocks"),checked:l.differentPaddingsEnabled,onChange:e=>{t({containerPadding:{...l,differentPaddingsEnabled:e}})}}),!l.differentPaddingsEnabled&&!l.useGlobalPadding&&(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the padding (${d}) for the container`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(d)?100:500,min:0,step:1,onChange:e=>{t({containerPadding:{...l,top:`${e}${d}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:d,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerPadding:{...l,top:`${h(e,n)}${e}`}})}})]}),l.differentPaddingsEnabled&&!l.useGlobalPadding&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top padding (${d}) for the container`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(d)?100:500,min:0,step:1,onChange:e=>{t({containerPadding:{...l,top:`${e}${d}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:d,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerPadding:{...l,top:`${h(e,n)}${e}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the right padding (${x}) for the container`,"caledros-basic-blocks"),value:c,max:["%","vw"].includes(x)?100:500,min:0,step:1,onChange:e=>{t({containerPadding:{...l,right:`${e}${x}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:x,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerPadding:{...l,right:`${h(e,c)}${e}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom padding (${u}) for the container`,"caledros-basic-blocks"),value:i,max:["%","vw"].includes(u)?100:500,min:0,step:1,onChange:e=>{t({containerPadding:{...l,bottom:`${e}${u}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:u,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerPadding:{...l,bottom:`${h(e,i)}${e}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the left padding (${b}) for the container`,"caledros-basic-blocks"),value:s,max:["%","vw"].includes(b)?100:500,min:0,step:1,onChange:e=>{t({containerPadding:{...l,left:`${e}${b}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:b,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerPadding:{...l,left:`${h(e,s)}${e}`}})}})]})]})]})}function j({attributes:e,setAttributes:t}){const{containerFlexDirection:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Flex direction (desktop)","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the flex direction for the container (desktop).","caledros-basic-blocks"),value:l.desktop,options:[{label:"Row",value:"row"},{label:"Row reverse",value:"row-reverse"},{label:"Column",value:"column"},{label:"Column reverse",value:"column-reverse"}],onChange:e=>{t({containerFlexDirection:{...l,desktop:e}})}})})}function B({attributes:e,setAttributes:t}){const{containerFlexDirection:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Flex direction (tablet)","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the flex direction for the container (tablet).","caledros-basic-blocks"),value:l.tablet,options:[{label:"Row",value:"row"},{label:"Row reverse",value:"row-reverse"},{label:"Column",value:"column"},{label:"Column reverse",value:"column-reverse"}],onChange:e=>{t({containerFlexDirection:{...l,tablet:e}})}})})}function w({attributes:e,setAttributes:t}){const{containerFlexDirection:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Flex direction (mobile)","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the flex direction for the container (mobile).","caledros-basic-blocks"),value:l.mobile,options:[{label:"Row",value:"row"},{label:"Row reverse",value:"row-reverse"},{label:"Column",value:"column"},{label:"Column reverse",value:"column-reverse"}],onChange:e=>{t({containerFlexDirection:{...l,mobile:e}})}})})}function S({attributes:e,setAttributes:t}){const{containerJustifyContent:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Justify content","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Select the value for the justify content property.","caledros-basic-blocks"),value:l,options:[{label:"Flex start (default)",value:"flex-start"},{label:"Flex end",value:"flex-end"},{label:"Center",value:"center"},{label:"Space between",value:"space-between"},{label:"Space around",value:"space-around"},{label:"Space evenly",value:"space-evenly"}],onChange:e=>{t({containerJustifyContent:e})}})})}function N({attributes:e,setAttributes:t}){const{containerAlignItems:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Align items","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Select the value for the align items property.","caledros-basic-blocks"),value:l,options:[{label:"Flex start",value:"flex-start"},{label:"Flex end",value:"flex-end"},{label:"Center",value:"center"},{label:"Stretch",value:"stretch"},{label:"Baseline",value:"baseline"},{label:"Normal (default)",value:"normal"}],onChange:e=>{t({containerAlignItems:e})}})})}function P({attributes:e,setAttributes:t}){const{containerRowGap:l}=e,[n,i]=(0,s.useState)("normal"===l);return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Row gap","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Use normal row gap (default value)","caledros-basic-blocks"),checked:n,onChange:()=>{const e=n?"0":"normal";i((e=>!e)),t({containerRowGap:e})}}),!n&&(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the row gap (px) for the flex container.","caledros-basic-blocks"),value:isNaN(parseInt(l))?0:parseInt(l),max:200,min:0,step:1,onChange:e=>t({containerRowGap:`${e}px`})})]})}function M({attributes:e,setAttributes:t}){const{containerColumnGap:l}=e,[n,i]=(0,s.useState)("normal"===l);return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Column gap","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Use normal column gap (default value)","caledros-basic-blocks"),checked:n,onChange:()=>{const e=n?"0":"normal";i((e=>!e)),t({containerColumnGap:e})}}),!n&&(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the column gap (px) for the flex container.","caledros-basic-blocks"),value:isNaN(parseInt(l))?0:parseInt(l),max:200,min:0,step:1,onChange:e=>t({containerColumnGap:`${e}px`})})]})}function y({attributes:e,setAttributes:t}){const{containerOverflow:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Overflow","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Select the value for the overflow property. The container will automatically have 'overflow:hidden' applied if it's the parent of a slider or image gallery block.","caledros-basic-blocks"),value:l,options:[{label:"Visible (default)",value:"visible"},{label:"Hidden",value:"hidden"},{label:"Scroll",value:"scroll"},{label:"Auto",value:"auto"}],onChange:e=>{t({containerOverflow:e})}})})}function D({attributes:e,setAttributes:t}){const{fullWidthTabletEnabled:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Full Width (Tablet and Mobile)","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable the flex container to expand to full width on tablets and mobile devices.","caledros-basic-blocks"),checked:l,onChange:e=>{t({fullWidthTabletEnabled:e})}})})}function H({attributes:e,setAttributes:t}){const{fullWidthMobileEnabled:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Full Width (Mobile)","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable the flex container to expand to full width only on mobile devices.","caledros-basic-blocks"),checked:l,onChange:e=>{t({fullWidthMobileEnabled:e})}})})}(0,e.registerBlockType)(t.UU,{icon:l.icon,edit:function({attributes:e,setAttributes:t}){const{containerWidth:a,containerMinHeight:l,containerColumnGap:s,containerRowGap:d,containerLightBackgroundColor:z,containerDarkBackgroundColor:A,containerBackgroundImage:O,containerBgImageFocalPoint:I,containerLightBackgroundGradient:R,containerDarkBackgroundGradient:F,containerBorder:G,containerBoxShadow:E,containerMargin:T,containerPadding:W,containerFlexDirection:U,containerJustifyContent:L,containerAlignItems:J,containerOverflow:V,fullWidthMobileEnabled:X,fullWidthTabletEnabled:q}=e,K=(e,t,a)=>e||t?{[`--cbb-${a}-bg-gradient`]:[t,e&&`url(${e})`].filter((e=>e)).join(", ")}:{},Q=["cbb-flex-container",E.enabled&&"cbb-flex-container--has-box-shadow","0px"!==G.width&&"none"!==G.style&&("#00000000"!==G.lightColor||"#00000000"!==G.darkColor)&&"cbb-flex-container--has-border",("#00000000"!==z||"#00000000"!==A)&&"cbb-flex-container--has-bg-color",(""!==R||""!==F||O.url)&&"cbb-flex-container--has-bg-gradient",q&&"cbb-flex-container--full-width-tablet ",X&&"cbb-flex-container--full-width-mobile"].filter((e=>e)).join(" "),Y=(0,n.useBlockProps)({className:`${Q}`,style:{maxWidth:`${a}`,width:"100%",margin:T.differentMarginsEnabled?`${T.top} ${T.right} ${T.bottom} ${T.left}`:`${T.top}`,...W.useGlobalPadding?{"--cbb-fc-padding":"0px var(--wp--style--root--padding-right, 0px) 0px var(--wp--style--root--padding-left, 0px)"}:{"--cbb-fc-padding":W.differentPaddingsEnabled?`${W.top} ${W.right} ${W.bottom} ${W.left}`:`${W.top}`},"--cbb-fdir-lg":U.desktop,"--cbb-fdir-md":U.tablet,"--cbb-fdir-sm":U.mobile,"--cbb-just-content":L,"--cbb-align-items":J,"--cbb-min-height":l,"--cbb-row-gap":d,"--cbb-column-gap":s,"--cbb-light-bg-color":z,"--cbb-dark-bg-color":A,...K(O.url,F,"dark"),...K(O.url,R,"light"),"--cbb-bg-position":`${100*I.x}% ${100*I.y}%`,"--cbb-br-style":"0px"===G.width||"none"===G.style||"#00000000"===G.lightColor&&"#00000000"===G.darkColor?"none":G.style,"--cbb-br-width":"0px"===G.width||"none"===G.style||"#00000000"===G.lightColor&&"#00000000"===G.darkColor?"0px":G.width,"--cbb-light-border-color":"0px"!==G.width&&"none"!==G.style&&"#00000000"!==G.lightColor?G.lightColor:"#00000000","--cbb-dark-border-color":"0px"!==G.width&&"none"!==G.style&&"#00000000"!==G.darkColor?G.darkColor:"#00000000","--cbb-br-radius":G.radius,"--cbb-light-box-shadow":`${E.style} ${E.hOffset} ${E.vOffset} ${E.blur} ${E.spread} ${E.lightColor}`,"--cbb-dark-box-shadow":`${E.style} ${E.hOffset} ${E.vOffset} ${E.blur} ${E.spread} ${E.darkColor}`,"--cbb-overflow":V}});return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(n.InspectorControls,{children:(0,o.jsx)(r.TabPanel,{activeClass:"cbb-active-tab",tabs:[{name:"layout",title:"Layout"},{name:"style",title:"Style"},{name:"additional",title:"Additional"}],children:a=>"layout"===a.name?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(j,{attributes:e,setAttributes:t}),(0,o.jsx)(B,{attributes:e,setAttributes:t}),(0,o.jsx)(w,{attributes:e,setAttributes:t}),(0,o.jsx)(i,{attributes:e,setAttributes:t}),(0,o.jsx)(D,{attributes:e,setAttributes:t}),(0,o.jsx)(H,{attributes:e,setAttributes:t}),(0,o.jsx)(c,{attributes:e,setAttributes:t}),(0,o.jsx)(P,{attributes:e,setAttributes:t}),(0,o.jsx)(M,{attributes:e,setAttributes:t})]}):"style"===a.name?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(b,{attributes:e,setAttributes:t}),(0,o.jsx)(u,{attributes:e,setAttributes:t}),(0,o.jsx)(x,{attributes:e,setAttributes:t}),(0,o.jsx)(h,{attributes:e,setAttributes:t}),(0,o.jsx)(g,{attributes:e,setAttributes:t}),(0,o.jsx)(p,{attributes:e,setAttributes:t}),(0,o.jsx)(_,{attributes:e,setAttributes:t}),(0,o.jsx)(m,{attributes:e,setAttributes:t}),(0,o.jsx)(v,{attributes:e,setAttributes:t}),(0,o.jsx)(f,{attributes:e,setAttributes:t}),(0,o.jsx)(C,{attributes:e,setAttributes:t})]}):"additional"===a.name?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)($,{attributes:e,setAttributes:t}),(0,o.jsx)(k,{attributes:e,setAttributes:t}),(0,o.jsx)(S,{attributes:e,setAttributes:t}),(0,o.jsx)(N,{attributes:e,setAttributes:t}),(0,o.jsx)(y,{attributes:e,setAttributes:t})]}):null})}),(0,o.jsx)("div",{...Y,children:(0,o.jsx)(n.InnerBlocks,{})})]})},save:function({attributes:e}){const{containerWidth:t,containerMinHeight:a,containerLightBackgroundColor:l,containerDarkBackgroundColor:r,containerBackgroundImage:s,containerBgImageFocalPoint:i,containerLightBackgroundGradient:c,containerDarkBackgroundGradient:d,containerBorder:b,containerBoxShadow:u,containerMargin:x,containerPadding:h,containerFlexDirection:g,containerJustifyContent:p,containerAlignItems:_,containerRowGap:m,containerColumnGap:v,containerOverflow:f,fullWidthMobileEnabled:C,fullWidthTabletEnabled:$}=e,k=(e,t,a)=>e||t?{[`--cbb-${a}-bg-gradient`]:[t,e&&`url(${e})`].filter((e=>e)).join(", ")}:{},j=["cbb-flex-container",h.useGlobalPadding&&"has-global-padding",u.enabled&&"cbb-flex-container--has-box-shadow","0px"!==b.width&&"none"!==b.style&&("#00000000"!==b.lightColor||"#00000000"!==b.darkColor)&&"cbb-flex-container--has-border",("#00000000"!==l||"#00000000"!==r)&&"cbb-flex-container--has-bg-color",(""!==c||""!==d)&&"cbb-flex-container--has-bg-gradient",$&&"cbb-flex-container--full-width-tablet ",C&&"cbb-flex-container--full-width-mobile"].filter((e=>e)).join(" "),B=n.useBlockProps.save({className:`${j}`,style:{maxWidth:t,width:"100%",margin:x.differentMarginsEnabled?`${x.top} ${x.right} ${x.bottom} ${x.left}`:`${x.top}`,...!h.useGlobalPadding&&{padding:h.differentPaddingsEnabled?`${h.top} ${h.right} ${h.bottom} ${h.left}`:`${h.top}`},..."#00000000"!==l&&{"--cbb-light-bg-color":l},..."#00000000"!==r&&{"--cbb-dark-bg-color":r},..."flex-start"!==p&&{justifyContent:p},..."normal"!==_&&{alignItems:_},...0!==a&&{minHeight:a},..."normal"!==m&&{rowGap:m},..."normal"!==v&&{columnGap:v},...""!==c||""!==d?{...k(s.url,d,"dark"),...k(s.url,c,"light")}:{...s.url&&{backgroundImage:`url(${s.url})`}},...""!==s.url&&{backgroundPosition:`${100*i.x}% ${100*i.y}%`},..."0px"!==b.width&&"none"!==b.style&&("#00000000"!==b.lightColor||"#00000000"!==b.darkColor)&&{borderStyle:b.style},..."0px"!==b.width&&"none"!==b.style&&("#00000000"!==b.lightColor||"#00000000"!==b.darkColor)&&{borderWidth:b.width},..."0px"!==b.width&&"none"!==b.style&&"#00000000"!==b.lightColor&&{"--cbb-light-border-color":b.lightColor},..."0px"!==b.width&&"none"!==b.style&&"#00000000"!==b.darkColor&&{"--cbb-dark-border-color":b.darkColor},..."0px"!==b.radius&&"0%"!==b.radius&&{borderRadius:b.radius},...u.enabled&&{"--cbb-light-box-shadow":`${u.style} ${u.hOffset} ${u.vOffset} ${u.blur} ${u.spread} ${u.lightColor}`},...u.enabled&&{"--cbb-dark-box-shadow":`${u.style} ${u.hOffset} ${u.vOffset} ${u.blur} ${u.spread} ${u.darkColor}`},..."visible"!==f&&{overflow:f},"--cbb-fdir-lg":g.desktop,"--cbb-fdir-md":g.tablet,"--cbb-fdir-sm":g.mobile}});return(0,o.jsx)("div",{...B,children:(0,o.jsx)(n.InnerBlocks.Content,{})})}})}},a={};function o(e){var l=a[e];if(void 0!==l)return l.exports;var n=a[e]={exports:{}};return t[e](n,n.exports,o),n.exports}o.m=t,e=[],o.O=(t,a,l,n)=>{if(!a){var r=1/0;for(d=0;d<e.length;d++){for(var[a,l,n]=e[d],s=!0,i=0;i<a.length;i++)(!1&n||r>=n)&&Object.keys(o.O).every((e=>o.O[e](a[i])))?a.splice(i--,1):(s=!1,n<r&&(r=n));if(s){e.splice(d--,1);var c=l();void 0!==c&&(t=c)}}return t}n=n||0;for(var d=e.length;d>0&&e[d-1][2]>n;d--)e[d]=e[d-1];e[d]=[a,l,n]},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={786:0,342:0};o.O.j=t=>0===e[t];var t=(t,a)=>{var l,n,[r,s,i]=a,c=0;if(r.some((t=>0!==e[t]))){for(l in s)o.o(s,l)&&(o.m[l]=s[l]);if(i)var d=i(o)}for(t&&t(a);c<r.length;c++)n=r[c],o.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return o.O(d)},a=globalThis.webpackChunkcaledros_basic_blocks=globalThis.webpackChunkcaledros_basic_blocks||[];a.forEach(t.bind(null,0)),a.push=t.bind(null,a.push.bind(a))})();var l=o.O(void 0,[342],(()=>o(270)));l=o.O(l)})();
     1(()=>{"use strict";var e,t={45:()=>{const e=window.wp.blocks,t=JSON.parse('{"UU":"caledros-basic-blocks/flex-container"}'),a=window.wp.i18n,l=window.ReactJSXRuntime,o={icon:(0,l.jsx)("svg",{width:"24",height:"24",version:"1.1",viewBox:"0 0 6.35 6.35",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("g",{transform:"translate(-96.573 -101.07)",children:(0,l.jsxs)("g",{transform:"matrix(.087396 0 0 .087396 90.571 91.268)",children:[(0,l.jsx)("path",{d:"m141.33 148.5a36.329 36.329 0 0 1-36.329 36.329 36.329 36.329 0 0 1-36.329-36.329 36.329 36.329 0 0 1 36.329-36.329 36.329 36.329 0 0 1 36.329 36.329z",fill:"#e0ebe0","stroke-width":"0"}),(0,l.jsx)("path",{d:"m138.18 148.5a33.177 33.177 0 0 1-33.177 33.177 33.177 33.177 0 0 1-33.177-33.177 33.177 33.177 0 0 1 33.177-33.177 33.177 33.177 0 0 1 33.177 33.177z",fill:"#252533","stroke-width":"0"}),(0,l.jsx)("path",{d:"m135.4 148.5a30.397 30.397 0 0 1-30.397 30.397 30.397 30.397 0 0 1-30.397-30.397 30.397 30.397 0 0 1 30.397-30.397 30.397 30.397 0 0 1 30.397 30.397z",fill:"#e0ebe0","stroke-width":"0"}),(0,l.jsxs)("g",{transform:"matrix(.90041 0 0 .90041 31.823 90.353)",fill:"#252533","stroke-width":"1.1106",children:[(0,l.jsx)("path",{d:"m93.777 55.9v9.3361c7.8313 1.1492 16.709-9.4028 15.094-9.3963z"}),(0,l.jsx)("path",{d:"m97.104 59.499c2.0783-0.03527 3.9177 0.15195 8.6289-2.233-5.125 1.0559-5.7944 0.56153-8.6392 0.57438-0.78106 0.0035-0.68526 1.6378 0.01037 1.6586z","stroke-width":"0"}),(0,l.jsx)("path",{d:"m53.478 56.801h38.884v9.3252s-3.9882 1.7008-3.4603 4.8679c0.52784 3.1671 3.1084 6.862 10.088 6.9206v7.1928h-7.2969s-4.3545-4.1057-10.865-3.8568-10.078 3.691-10.078 3.691h-7.4648v-7.3819s10.451 0.62207 9.9531-7.1331c-0.49766-7.7551-19.699-9.2481-19.699-9.2481z"})]}),(0,l.jsx)("path",{d:"m106.41 126.27a0.78523 0.78523 0 0 0-0.94136 0.59044l-2.4602 10.727a0.78523 0.78523 0 0 0 0.58951 0.94136 0.78523 0.78523 0 0 0 0.94044-0.59044l2.4611-10.727a0.78523 0.78523 0 0 0-0.58951-0.94136z",color:"#000000",fill:"#fc571b","stroke-width":"0"}),(0,l.jsx)("path",{d:"m100.45 127.77-5.9517 3.9678a0.78531 0.78531 0 0 0 0 1.3062l5.9517 3.9678a0.78523 0.78523 0 0 0 1.089-0.21724 0.78523 0.78523 0 0 0-0.21816-1.089l-4.9723-3.3152 4.9723-3.3143a0.78523 0.78523 0 0 0 0.21816-1.089 0.78523 0.78523 0 0 0-1.089-0.21724z",color:"#000000",fill:"#fc571b","stroke-width":"0"}),(0,l.jsx)("path",{d:"m109.55 127.77a0.78523 0.78523 0 0 0-1.089 0.21724 0.78523 0.78523 0 0 0 0.21816 1.089l4.9714 3.3143-4.9714 3.3152a0.78523 0.78523 0 0 0-0.21816 1.089 0.78523 0.78523 0 0 0 1.089 0.21724l5.9517-3.9678a0.78531 0.78531 0 0 0 0-1.3062z",color:"#000000",fill:"#fc571b","stroke-width":"0"})]})})})},n=window.wp.blockEditor,r=window.wp.components,s=window.wp.element;function i({attributes:e,setAttributes:t}){const{containerWidth:o}=e,i=o.replace(/\d+/g,"")||"px",c=["px","%","em","rem","vw"].includes(i)?i:"px",b=parseInt(o)||0,[d,u]=(0,s.useState)("100%"!==o&&"var(--wp--style--global--content-size)"!==o&&"var(--wp--style--global--wide-size)"!==o),x=(0,n.useSettings)("layout.contentSize","layout.wideSize")||[],[h="620px",g="1280px"]=x,p=(e,t)=>["%","vw"].includes(e)&&t>100?100:t;return(0,l.jsxs)(r.PanelBody,{title:(0,a.__)("Maximum width","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use custom width",checked:d,onChange:()=>u((e=>!e))}),!d&&(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the maximum width for the container.","caledros-basic-blocks"),value:"100%"===o||"var(--wp--style--global--content-size)"===o||"var(--wp--style--global--wide-size)"===o?o:"",options:[{disabled:!0,label:"Select an option",value:""},{label:"Full width",value:"100%"},{label:`Content size (${h})`,value:"var(--wp--style--global--content-size)"},{label:`Wide size (${g})`,value:"var(--wp--style--global--wide-size)"}],onChange:e=>{t({containerWidth:e})}}),d&&(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the custom maximum width (${c}) for the container.`,"caledros-basic-blocks"),value:"var(--wp--style--global--content-size)"===o||"var(--wp--style--global--wide-size)"===o?0:parseInt(o),max:"%"===c||"vw"===c?100:3e3,min:0,step:1,onChange:e=>{t({containerWidth:`${e}${c}`})}}),(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:c,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerWidth:`${p(e,b)}${e}`})}})]})]})}function c({attributes:e,setAttributes:t}){const{containerMinHeight:o}=e,n=o.replace(/\d+/g,"")||"px",s=parseInt(o)||0,i=(e,t)=>"auto"===e?"":"vh"===e&&t>100?100:t;return(0,l.jsx)(r.PanelBody,{title:(0,a.__)("Minimum height","caledros-basic-blocks"),initialOpen:!1,children:(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the minimum height (${n}) for the container.`,"caledros-basic-blocks"),initialPosition:0,max:"vh"===n?100:3e3,min:0,step:1,value:"auto"===n?0:s,onChange:e=>t({containerMinHeight:`${"auto"!==n?e:""}${n}`}),disabled:"auto"===n}),(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:n,options:[{label:"px",value:"px"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vh",value:"vh"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMinHeight:`${i(e,s)}${e}`})}})]})})}const b=window.wp.data;function d({attributes:e,setAttributes:t}){const{containerLightBackgroundColor:o}=e,[i,c]=(0,s.useState)("#00000000"===o),[d,u]=(0,n.useSettings)("color.palette","color.defaultPalette"),x=d.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),h=(0,b.select)("core/editor")?.getEditorSettings(),g=h?.__experimentalFeatures?.color?.palette,p=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),_=p(g,"default"),m=p(g,"theme"),v=p(g,"custom"),f=[...u?[_]:[],m,...v.colors?[v]:[]];return(0,l.jsxs)(r.PanelBody,{title:(0,a.__)("Background color (light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use transparent background",checked:i,onChange:()=>{c((e=>!e)),t({containerLightBackgroundColor:"#00000000"})}}),!i&&(0,l.jsx)(r.ColorPalette,{colors:g?f:x,value:o,onChange:e=>t({containerLightBackgroundColor:e}),enableAlpha:!0,clearable:!1})]})}function u({attributes:e,setAttributes:t}){const{containerDarkBackgroundColor:o}=e,[i,c]=(0,s.useState)("#00000000"===o),[d,u]=(0,n.useSettings)("color.palette","color.defaultPalette"),x=d.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),h=(0,b.select)("core/editor")?.getEditorSettings(),g=h?.__experimentalFeatures?.color?.palette,p=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),_=p(g,"default"),m=p(g,"theme"),v=p(g,"custom"),f=[...u?[_]:[],m,...v.colors?[v]:[]];return(0,l.jsxs)(r.PanelBody,{title:(0,a.__)("Background color (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use transparent background",checked:i,onChange:()=>{c((e=>!e)),t({containerDarkBackgroundColor:"#00000000"})}}),!i&&(0,l.jsx)(r.ColorPalette,{colors:g?f:x,value:o,onChange:e=>t({containerDarkBackgroundColor:e}),enableAlpha:!0,clearable:!1})]})}function x({attributes:e,setAttributes:t}){const{containerBackgroundImage:o,containerBgImageFocalPoint:s}=e,i=()=>{t({containerBackgroundImage:{id:"",alt:"",url:""}})};return(0,l.jsx)(r.PanelBody,{title:(0,a.__)("Background image","caledros-basic-blocks"),initialOpen:!1,children:(0,l.jsx)(n.MediaUploadCheck,{children:(0,l.jsx)(n.MediaUpload,{allowedTypes:["image"],value:o.id,render:({open:e})=>(0,l.jsxs)(l.Fragment,{children:[o.url&&(0,l.jsx)(r.FocalPointPicker,{__nextHasNoMarginBottom:!0,onChange:e=>{t({containerBgImageFocalPoint:e})},url:o.url,value:s}),(0,l.jsxs)("div",{style:{display:"flex",gap:"10px"},children:[(0,l.jsx)(r.Button,{variant:"primary",onClick:e,children:"Select image"}),(0,l.jsx)(r.Button,{variant:"secondary",onClick:i,children:"Remove image"})]})]}),onSelect:e=>{t({containerBackgroundImage:{id:e.id,alt:e.alt,url:e.url}})}})})})}function h({attributes:e,setAttributes:t}){const{containerLightBackgroundGradient:o}=e,[n,i]=(0,s.useState)(""!==o);return(0,l.jsxs)(r.PanelBody,{title:(0,a.__)("Background gradient (light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable background gradient","caledros-basic-blocks"),checked:n,onChange:()=>{i((e=>!e)),t({containerLightBackgroundGradient:""})}}),n&&(0,l.jsx)(r.CustomGradientPicker,{onChange:e=>{t({containerLightBackgroundGradient:e})},value:""===o?"linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5))":o})]})}function g({attributes:e,setAttributes:t}){const{containerDarkBackgroundGradient:o}=e,[n,i]=(0,s.useState)(""!==o);return(0,l.jsxs)(r.PanelBody,{title:(0,a.__)("Background gradient (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable background gradient","caledros-basic-blocks"),checked:n,onChange:()=>{i((e=>!e)),t({containerDarkBackgroundGradient:""})}}),n&&(0,l.jsx)(r.CustomGradientPicker,{onChange:e=>{t({containerDarkBackgroundGradient:e})},value:""===o?"linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5))":o})]})}function p({attributes:e,setAttributes:t}){const{containerBorder:o}=e,n=o.style.split(" "),i=n[0]||"solid",c=n[1]||"none",b=n[2]||"none",d=n[3]||"none",[u,x]=(0,s.useState)(!!o.style.includes(" "));return(0,l.jsxs)(r.PanelBody,{title:(0,a.__)("Border style","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border styles for each side",checked:u,onChange:()=>{const e=!u;x(e),t(e?{containerBorder:{...o,style:"solid none none none"}}:{containerBorder:{...o,style:"solid"}})}}),!u&&(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the border style.","caledros-basic-blocks"),value:o.style,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({containerBorder:{...o,style:e}})}}),u&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the top border.","caledros-basic-blocks"),value:i,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({containerBorder:{...o,style:`${e} ${c} ${b} ${d}`}})}}),(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the right border.","caledros-basic-blocks"),value:c,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({containerBorder:{...o,style:`${i} ${e} ${b} ${d}`}})}}),(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the bottom border.","caledros-basic-blocks"),value:b,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({containerBorder:{...o,style:`${i} ${c} ${e} ${d}`}})}}),(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the left border.","caledros-basic-blocks"),value:d,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({containerBorder:{...o,style:`${i} ${c} ${b} ${e}`}})}})]})]})}function _({attributes:e,setAttributes:t}){const{containerBorder:o}=e,n=o.width.split(" "),i=parseInt(n[0])||0,c=parseInt(n[1])||0,b=parseInt(n[2])||0,d=parseInt(n[3])||0,[u,x]=(0,s.useState)(!!o.width.includes(" "));return(0,l.jsxs)(r.PanelBody,{title:(0,a.__)("Border width","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border widths for each side",checked:u,onChange:()=>{const e=!u;x(e),t(e?{containerBorder:{...o,width:"1px 1px 1px 1px"}}:{containerBorder:{...o,width:"1px"}})}}),!u&&(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the border width (px) for the container.","caledros-basic-blocks"),value:parseInt(o.width),max:50,min:0,step:1,onChange:e=>{t({containerBorder:{...o,width:`${e}px`}})}}),u&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the top border width (px) for the container.","caledros-basic-blocks"),value:i,max:50,min:0,step:1,onChange:e=>{t({containerBorder:{...o,width:`${e}px ${c}px ${b}px ${d}px`}})}}),(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the right border width (px) for the container.","caledros-basic-blocks"),value:c,max:50,min:0,step:1,onChange:e=>{t({containerBorder:{...o,width:`${i}px ${e}px ${b}px ${d}px`}})}}),(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the bottom border width (px) for the container.","caledros-basic-blocks"),value:b,max:50,min:0,step:1,onChange:e=>{t({containerBorder:{...o,width:`${i}px ${c}px ${e}px ${d}px`}})}}),(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the left border width (px) for the container.","caledros-basic-blocks"),value:d,max:50,min:0,step:1,onChange:e=>{t({containerBorder:{...o,width:`${i}px ${c}px ${b}px ${e}px`}})}})]})]})}function m({attributes:e,setAttributes:t}){const{containerBorder:o}=e,i=o.lightColor.split(" "),c=i[0]||"#000",d=i[1]||"#000",u=i[2]||"#000",x=i[3]||"#000",[h,g]=(0,s.useState)(!!o.lightColor.includes(" ")),[p,_]=(0,n.useSettings)("color.palette","color.defaultPalette"),m=p.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),v=(0,b.select)("core/editor")?.getEditorSettings(),f=v?.__experimentalFeatures?.color?.palette,C=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),$=C(f,"default"),j=C(f,"theme"),k=C(f,"custom"),B=[..._?[$]:[],j,...k.colors?[k]:[]];return(0,l.jsxs)(r.PanelBody,{title:(0,a.__)("Border color (light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border colors for each side",checked:h,onChange:()=>{const e=!h;g(e),t(e?{containerBorder:{...o,lightColor:"#000 #000 #000 #000"}}:{containerBorder:{...o,lightColor:"#000"}})}}),!h&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose the border color","caledros-basic-blocks")}),(0,l.jsx)(r.ColorPalette,{colors:f?B:m,value:o.lightColor,onChange:e=>t({containerBorder:{...o,lightColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0})]}),h&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the top border","caledros-basic-blocks")}),(0,l.jsx)(r.ColorPalette,{colors:f?B:m,value:c,onChange:e=>{t({containerBorder:{...o,lightColor:`${e||"#00000000"} ${d} ${u} ${x}`}})},enableAlpha:!0,clearable:!0}),(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the right border","caledros-basic-blocks")}),(0,l.jsx)(r.ColorPalette,{colors:f?B:m,value:d,onChange:e=>{t({containerBorder:{...o,lightColor:`${c} ${e||"#00000000"} ${u} ${x}`}})},enableAlpha:!0,clearable:!0}),(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the bottom border","caledros-basic-blocks")}),(0,l.jsx)(r.ColorPalette,{colors:f?B:m,value:u,onChange:e=>{t({containerBorder:{...o,lightColor:`${c} ${d} ${e||"#00000000"} ${x}`}})},enableAlpha:!0,clearable:!0}),(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the left border","caledros-basic-blocks")}),(0,l.jsx)(r.ColorPalette,{colors:f?B:m,value:x,onChange:e=>{t({containerBorder:{...o,lightColor:`${c} ${d} ${u} ${e||"#00000000"}`}})},enableAlpha:!0,clearable:!0})]})]})}function v({attributes:e,setAttributes:t}){const{containerBorder:o}=e,i=o.darkColor.split(" "),c=i[0]||"#000",d=i[1]||"#000",u=i[2]||"#000",x=i[3]||"#000",[h,g]=(0,s.useState)(!!o.darkColor.includes(" ")),[p,_]=(0,n.useSettings)("color.palette","color.defaultPalette"),m=p.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),v=(0,b.select)("core/editor")?.getEditorSettings(),f=v?.__experimentalFeatures?.color?.palette,C=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),$=C(f,"default"),j=C(f,"theme"),k=C(f,"custom"),B=[..._?[$]:[],j,...k.colors?[k]:[]];return(0,l.jsxs)(r.PanelBody,{title:(0,a.__)("Border color (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border colors for each side",checked:h,onChange:()=>{const e=!h;g(e),t(e?{containerBorder:{...o,darkColor:"#000 #000 #000 #000"}}:{containerBorder:{...o,darkColor:"#000"}})}}),!h&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose the border color","caledros-basic-blocks")}),(0,l.jsx)(r.ColorPalette,{colors:f?B:m,value:o.darkColor,onChange:e=>t({containerBorder:{...o,darkColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0})]}),h&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the top border","caledros-basic-blocks")}),(0,l.jsx)(r.ColorPalette,{colors:f?B:m,value:c,onChange:e=>{t({containerBorder:{...o,darkColor:`${e||"#00000000"} ${d} ${u} ${x}`}})},enableAlpha:!0,clearable:!0}),(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the right border","caledros-basic-blocks")}),(0,l.jsx)(r.ColorPalette,{colors:f?B:m,value:d,onChange:e=>{t({containerBorder:{...o,darkColor:`${c} ${e||"#00000000"} ${u} ${x}`}})},enableAlpha:!0,clearable:!0}),(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the bottom border","caledros-basic-blocks")}),(0,l.jsx)(r.ColorPalette,{colors:f?B:m,value:u,onChange:e=>{t({containerBorder:{...o,darkColor:`${c} ${d} ${e||"#00000000"} ${x}`}})},enableAlpha:!0,clearable:!0}),(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the left border","caledros-basic-blocks")}),(0,l.jsx)(r.ColorPalette,{colors:f?B:m,value:x,onChange:e=>{t({containerBorder:{...o,darkColor:`${c} ${d} ${u} ${e||"#00000000"}`}})},enableAlpha:!0,clearable:!0})]})]})}function f({attributes:e,setAttributes:t}){const{containerBorder:o}=e,n=o.radius.split(" "),i=parseInt(n[0])||0,c=parseInt(n[1])||0,b=parseInt(n[2])||0,d=parseInt(n[3])||0,u=o.radius.split(" "),x=u[0]?u[0].replace(/\d+/g,""):"px",h=u[1]?u[1].replace(/\d+/g,""):"px",g=u[2]?u[2].replace(/\d+/g,""):"px",p=u[3]?u[3].replace(/\d+/g,""):"px",[_,m]=(0,s.useState)(!!o.radius.includes(" ")),v=(e,t)=>"%"===e&&t>100?100:t;return(0,l.jsxs)(r.PanelBody,{title:(0,a.__)("Border radius","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border radiuses for each corner",checked:_,onChange:()=>{const e=!_;m(e),t(e?{containerBorder:{...o,radius:"10px 10px 10px 10px"}}:{containerBorder:{...o,radius:"10px"}})}}),!_&&(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the border radius (${x}) for the container.`,"caledros-basic-blocks"),value:parseInt(o.radius),max:"%"===x?100:150,min:0,step:1,onChange:e=>{t({containerBorder:{...o,radius:`${e}${x}`}})}}),(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:x,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({containerBorder:{...o,radius:`${v(e,parseInt(o.radius))}${e}`}})}})]}),_&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top-left border radius (${x}).`,"caledros-basic-blocks"),value:i,max:"%"===x?100:150,min:0,step:1,onChange:e=>{t({containerBorder:{...o,radius:`${e}${x} ${c}${h} ${b}${g} ${d}${p}`}})}}),(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:x,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({containerBorder:{...o,radius:`${v(e,i)}${e} ${c}${h} ${b}${g} ${d}${p}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top-right border radius (${h}).`,"caledros-basic-blocks"),value:c,max:"%"===h?100:150,min:0,step:1,onChange:e=>{t({containerBorder:{...o,radius:`${i}${x} ${e}${h} ${b}${g} ${d}${p}`}})}}),(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:h,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({containerBorder:{...o,radius:`${i}${x} ${v(e,c)}${e} ${b}${g} ${d}${p}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom-right border radius (${g}).`,"caledros-basic-blocks"),value:b,max:"%"===g?100:150,min:0,step:1,onChange:e=>{t({containerBorder:{...o,radius:`${i}${x} ${c}${h} ${e}${g} ${d}${p}`}})}}),(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:g,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({containerBorder:{...o,radius:`${i}${x} ${c}${h} ${v(e,b)}${e} ${d}${p}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom-left border radius (${p}).`,"caledros-basic-blocks"),value:d,max:"%"===p?100:150,min:0,step:1,onChange:e=>{t({containerBorder:{...o,radius:`${i}${x} ${c}${h} ${b}${g} ${e}${p}`}})}}),(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:p,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({containerBorder:{...o,radius:`${i}${x} ${c}${h} ${b}${g} ${v(e,d)}${e}`}})}})]})]})]})}function C({attributes:e,setAttributes:t}){const{containerBoxShadow:o}=e,[s,i]=(0,n.useSettings)("color.palette","color.defaultPalette"),c=s.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),d=(0,b.select)("core/editor")?.getEditorSettings(),u=d?.__experimentalFeatures?.color?.palette,x=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),h=x(u,"default"),g=x(u,"theme"),p=x(u,"custom"),_=[...i?[h]:[],g,...p.colors?[p]:[]];return(0,l.jsxs)(r.PanelBody,{title:(0,a.__)("Box shadow","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable box shadow","caledros-basic-blocks"),checked:o.enabled,onChange:e=>{t({containerBoxShadow:{...o,enabled:e}})}}),o.enabled&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the box shadow.","caledros-basic-blocks"),value:""===o.style?"outline":"inset",options:[{label:"Outline",value:"outline"},{label:"Inset",value:"inset"}],onChange:e=>{t({containerBoxShadow:{...o,style:`${"outline"===e?"":e}`}})}}),(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the horizontal offset (px).","caledros-basic-blocks"),value:parseInt(o.hOffset),max:100,min:-100,step:1,onChange:e=>t({containerBoxShadow:{...o,hOffset:`${e}px`}})}),(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the vertical offset (px).","caledros-basic-blocks"),value:parseInt(o.vOffset),max:100,min:-100,step:1,onChange:e=>t({containerBoxShadow:{...o,vOffset:`${e}px`}})}),(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the blur (px).","caledros-basic-blocks"),value:parseInt(o.blur),max:100,min:0,step:1,onChange:e=>t({containerBoxShadow:{...o,blur:`${e}px`}})}),(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the spread (px).","caledros-basic-blocks"),value:parseInt(o.spread),max:100,min:-100,step:1,onChange:e=>t({containerBoxShadow:{...o,spread:`${e}px`}})}),(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the box shadow (light mode)","caledros-basic-blocks")}),(0,l.jsx)(r.ColorPalette,{colors:u?_:c,value:o.lightColor,onChange:e=>t({containerBoxShadow:{...o,lightColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0}),(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the box shadow (dark mode)","caledros-basic-blocks")}),(0,l.jsx)(r.ColorPalette,{colors:u?_:c,value:o.darkColor,onChange:e=>t({containerBoxShadow:{...o,darkColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0})]})]})}function $({attributes:e,setAttributes:t}){const{containerMargin:o}=e,n=parseInt(o.top)||0,s=parseInt(o.left)||0,i=parseInt(o.bottom)||0,c=parseInt(o.right)||0,b=o.top.replace(/\d+/g,""),d=o.left.replace(/\d+/g,""),u=o.bottom.replace(/\d+/g,""),x=o.right.replace(/\d+/g,""),h=(e,t)=>"auto"===e?"":["%","vw"].includes(e)&&t>100?100:t;return(0,l.jsxs)(r.PanelBody,{title:(0,a.__)("Margin","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable different margins","caledros-basic-blocks"),checked:o.differentMarginsEnabled,onChange:e=>{t({containerMargin:{...o,differentMarginsEnabled:e}})}}),!o.differentMarginsEnabled&&(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the margin (${b}) for the container.`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(b)?100:500,min:0,step:1,onChange:e=>{t({containerMargin:{...o,top:`${"auto"===b?"":e}${b}`}})},disabled:"auto"===b}),(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:b,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMargin:{...o,top:`${h(e,n)}${e}`}})}})]}),o.differentMarginsEnabled&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top margin (${b}) for the container.`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(b)?100:500,min:0,step:1,onChange:e=>{t({containerMargin:{...o,top:`${"auto"===b?"":e}${b}`}})},disabled:"auto"===b}),(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:b,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMargin:{...o,top:`${h(e,n)}${e}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the right margin (${x}) for the container.`,"caledros-basic-blocks"),value:c,max:["%","vw"].includes(x)?100:500,min:0,step:1,onChange:e=>{t({containerMargin:{...o,right:`${"auto"===x?"":e}${x}`}})},disabled:"auto"===x}),(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:x,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMargin:{...o,right:`${h(e,c)}${e}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom margin (${u}) for the container.`,"caledros-basic-blocks"),value:i,max:["%","vw"].includes(u)?100:500,min:0,step:1,onChange:e=>{t({containerMargin:{...o,bottom:`${"auto"===u?"":e}${u}`}})},disabled:"auto"===u}),(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:u,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMargin:{...o,bottom:`${h(e,i)}${e}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the left margin (${d}) for the container.`,"caledros-basic-blocks"),value:s,max:["%","vw"].includes(d)?100:500,min:0,step:1,onChange:e=>{t({containerMargin:{...o,left:`${"auto"===d?"":e}${d}`}})},disabled:"auto"===d}),(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:d,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMargin:{...o,left:`${h(e,s)}${e}`}})}})]})]})]})}function j({attributes:e,setAttributes:t}){const{containerPadding:o}=e,n=parseInt(o.top)||0,s=parseInt(o.left)||0,i=parseInt(o.bottom)||0,c=parseInt(o.right)||0,b=o.top.replace(/\d+/g,""),d=o.left.replace(/\d+/g,""),u=o.bottom.replace(/\d+/g,""),x=o.right.replace(/\d+/g,""),h=(e,t)=>["%","vw"].includes(e)&&t>100?100:t;return(0,l.jsxs)(r.PanelBody,{title:(0,a.__)("Padding","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Use global padding","caledros-basic-blocks"),help:(0,a.__)("This option applies predefined padding to the right and left sides of the block, ensuring consistency across the entire site. To adjust this padding, navigate to the Layout section in the Full Site Editor.","caledros-basic-blocks"),checked:o.useGlobalPadding,onChange:e=>{t({containerPadding:{...o,useGlobalPadding:e}})}}),!o.useGlobalPadding&&(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable different paddings","caledros-basic-blocks"),checked:o.differentPaddingsEnabled,onChange:e=>{t({containerPadding:{...o,differentPaddingsEnabled:e}})}}),!o.differentPaddingsEnabled&&!o.useGlobalPadding&&(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the padding (${b}) for the container`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(b)?100:500,min:0,step:1,onChange:e=>{t({containerPadding:{...o,top:`${e}${b}`}})}}),(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:b,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerPadding:{...o,top:`${h(e,n)}${e}`}})}})]}),o.differentPaddingsEnabled&&!o.useGlobalPadding&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top padding (${b}) for the container`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(b)?100:500,min:0,step:1,onChange:e=>{t({containerPadding:{...o,top:`${e}${b}`}})}}),(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:b,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerPadding:{...o,top:`${h(e,n)}${e}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the right padding (${x}) for the container`,"caledros-basic-blocks"),value:c,max:["%","vw"].includes(x)?100:500,min:0,step:1,onChange:e=>{t({containerPadding:{...o,right:`${e}${x}`}})}}),(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:x,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerPadding:{...o,right:`${h(e,c)}${e}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom padding (${u}) for the container`,"caledros-basic-blocks"),value:i,max:["%","vw"].includes(u)?100:500,min:0,step:1,onChange:e=>{t({containerPadding:{...o,bottom:`${e}${u}`}})}}),(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:u,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerPadding:{...o,bottom:`${h(e,i)}${e}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the left padding (${d}) for the container`,"caledros-basic-blocks"),value:s,max:["%","vw"].includes(d)?100:500,min:0,step:1,onChange:e=>{t({containerPadding:{...o,left:`${e}${d}`}})}}),(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:d,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerPadding:{...o,left:`${h(e,s)}${e}`}})}})]})]})]})}function k({attributes:e,setAttributes:t}){const{containerFlexDirection:o}=e;return(0,l.jsx)(r.PanelBody,{title:(0,a.__)("Flex direction (desktop)","caledros-basic-blocks"),initialOpen:!1,children:(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the flex direction for the container (desktop).","caledros-basic-blocks"),value:o.desktop,options:[{label:"Row",value:"row"},{label:"Row reverse",value:"row-reverse"},{label:"Column",value:"column"},{label:"Column reverse",value:"column-reverse"}],onChange:e=>{t({containerFlexDirection:{...o,desktop:e}})}})})}function B({attributes:e,setAttributes:t}){const{containerFlexDirection:o}=e;return(0,l.jsx)(r.PanelBody,{title:(0,a.__)("Flex direction (tablet)","caledros-basic-blocks"),initialOpen:!1,children:(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the flex direction for the container (tablet).","caledros-basic-blocks"),value:o.tablet,options:[{label:"Row",value:"row"},{label:"Row reverse",value:"row-reverse"},{label:"Column",value:"column"},{label:"Column reverse",value:"column-reverse"}],onChange:e=>{t({containerFlexDirection:{...o,tablet:e}})}})})}function w({attributes:e,setAttributes:t}){const{containerFlexDirection:o}=e;return(0,l.jsx)(r.PanelBody,{title:(0,a.__)("Flex direction (mobile)","caledros-basic-blocks"),initialOpen:!1,children:(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the flex direction for the container (mobile).","caledros-basic-blocks"),value:o.mobile,options:[{label:"Row",value:"row"},{label:"Row reverse",value:"row-reverse"},{label:"Column",value:"column"},{label:"Column reverse",value:"column-reverse"}],onChange:e=>{t({containerFlexDirection:{...o,mobile:e}})}})})}function S({attributes:e,setAttributes:t}){const{containerJustifyContent:o}=e;return(0,l.jsx)(r.PanelBody,{title:(0,a.__)("Justify content","caledros-basic-blocks"),initialOpen:!1,children:(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Select the value for the justify content property.","caledros-basic-blocks"),value:o,options:[{label:"Flex start (default)",value:"flex-start"},{label:"Flex end",value:"flex-end"},{label:"Center",value:"center"},{label:"Space between",value:"space-between"},{label:"Space around",value:"space-around"},{label:"Space evenly",value:"space-evenly"}],onChange:e=>{t({containerJustifyContent:e})}})})}function y({attributes:e,setAttributes:t}){const{containerAlignItems:o}=e;return(0,l.jsx)(r.PanelBody,{title:(0,a.__)("Align items","caledros-basic-blocks"),initialOpen:!1,children:(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Select the value for the align items property.","caledros-basic-blocks"),value:o,options:[{label:"Flex start",value:"flex-start"},{label:"Flex end",value:"flex-end"},{label:"Center",value:"center"},{label:"Stretch",value:"stretch"},{label:"Baseline",value:"baseline"},{label:"Normal (default)",value:"normal"}],onChange:e=>{t({containerAlignItems:e})}})})}function M({attributes:e,setAttributes:t}){const{containerRowGap:o}=e,[n,i]=(0,s.useState)("normal"===o);return(0,l.jsxs)(r.PanelBody,{title:(0,a.__)("Row gap","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Use normal row gap (default value)","caledros-basic-blocks"),checked:n,onChange:()=>{const e=n?"0":"normal";i((e=>!e)),t({containerRowGap:e})}}),!n&&(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the row gap (px) for the flex container.","caledros-basic-blocks"),value:isNaN(parseInt(o))?0:parseInt(o),max:200,min:0,step:1,onChange:e=>t({containerRowGap:`${e}px`})})]})}function N({attributes:e,setAttributes:t}){const{containerColumnGap:o}=e,[n,i]=(0,s.useState)("normal"===o);return(0,l.jsxs)(r.PanelBody,{title:(0,a.__)("Column gap","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Use normal column gap (default value)","caledros-basic-blocks"),checked:n,onChange:()=>{const e=n?"0":"normal";i((e=>!e)),t({containerColumnGap:e})}}),!n&&(0,l.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the column gap (px) for the flex container.","caledros-basic-blocks"),value:isNaN(parseInt(o))?0:parseInt(o),max:200,min:0,step:1,onChange:e=>t({containerColumnGap:`${e}px`})})]})}function P({attributes:e,setAttributes:t}){const{containerOverflow:o}=e;return(0,l.jsx)(r.PanelBody,{title:(0,a.__)("Overflow","caledros-basic-blocks"),initialOpen:!1,children:(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Select the value for the overflow property. The container will automatically have 'overflow:hidden' applied if it's the parent of a slider or image gallery block.","caledros-basic-blocks"),value:o,options:[{label:"Visible (default)",value:"visible"},{label:"Hidden",value:"hidden"},{label:"Scroll",value:"scroll"},{label:"Auto",value:"auto"}],onChange:e=>{t({containerOverflow:e})}})})}function D({attributes:e,setAttributes:t}){const{fullWidthTabletEnabled:o}=e;return(0,l.jsx)(r.PanelBody,{title:(0,a.__)("Full Width (Tablet and Mobile)","caledros-basic-blocks"),initialOpen:!1,children:(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable the flex container to expand to full width on tablets and mobile devices.","caledros-basic-blocks"),checked:o,onChange:e=>{t({fullWidthTabletEnabled:e})}})})}function A({attributes:e,setAttributes:t}){const{fullWidthMobileEnabled:o}=e;return(0,l.jsx)(r.PanelBody,{title:(0,a.__)("Full Width (Mobile)","caledros-basic-blocks"),initialOpen:!1,children:(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable the flex container to expand to full width only on mobile devices.","caledros-basic-blocks"),checked:o,onChange:e=>{t({fullWidthMobileEnabled:e})}})})}function H({attributes:e,setAttributes:t}){const{containerJustifyContentTablet:o}=e;return(0,l.jsxs)(r.PanelBody,{title:(0,a.__)("Justify Content (Tablet and Mobile)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable control","caledros-basic-blocks"),help:(0,a.__)("This control enables selecting a custom value for the 'justify content' property in both tablet and mobile devices.","caledros-basic-blocks"),checked:o.enabled,onChange:e=>{t({containerJustifyContentTablet:{...o,enabled:e}})}}),o.enabled&&(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Select the value for the justify content property.","caledros-basic-blocks"),value:o.value,options:[{label:"Flex start (default)",value:"flex-start"},{label:"Flex end",value:"flex-end"},{label:"Center",value:"center"},{label:"Space between",value:"space-between"},{label:"Space around",value:"space-around"},{label:"Space evenly",value:"space-evenly"}],onChange:e=>{t({containerJustifyContentTablet:{...o,value:e}})}})]})}function z({attributes:e,setAttributes:t}){const{containerJustifyContentMobile:o}=e;return(0,l.jsxs)(r.PanelBody,{title:(0,a.__)("Justify content (Mobile)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable control","caledros-basic-blocks"),help:(0,a.__)("This control enables selecting a custom value for the 'justify content' property in mobile devices.","caledros-basic-blocks"),checked:o.enabled,onChange:e=>{t({containerJustifyContentMobile:{...o,enabled:e}})}}),o.enabled&&(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Select the value for the justify content property.","caledros-basic-blocks"),value:o.value,options:[{label:"Flex start (default)",value:"flex-start"},{label:"Flex end",value:"flex-end"},{label:"Center",value:"center"},{label:"Space between",value:"space-between"},{label:"Space around",value:"space-around"},{label:"Space evenly",value:"space-evenly"}],onChange:e=>{t({containerJustifyContentMobile:{...o,value:e}})}})]})}function I({attributes:e,setAttributes:t}){const{containerAlignItemsTablet:o}=e;return(0,l.jsxs)(r.PanelBody,{title:(0,a.__)("Align Items (Tablet and Mobile)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable control","caledros-basic-blocks"),help:(0,a.__)("This control enables selecting a custom value for the 'align items' property in both tablets and mobile devices.","caledros-basic-blocks"),checked:o.enabled,onChange:e=>{t({containerAlignItemsTablet:{...o,enabled:e}})}}),o.enabled&&(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Select the value for the align items property.","caledros-basic-blocks"),value:o.value,options:[{label:"Flex start",value:"flex-start"},{label:"Flex end",value:"flex-end"},{label:"Center",value:"center"},{label:"Stretch",value:"stretch"},{label:"Baseline",value:"baseline"},{label:"Normal (default)",value:"normal"}],onChange:e=>{t({containerAlignItemsTablet:{...o,value:e}})}})]})}function O({attributes:e,setAttributes:t}){const{containerAlignItemsMobile:o}=e;return(0,l.jsxs)(r.PanelBody,{title:(0,a.__)("Align Items (Mobile)","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable control","caledros-basic-blocks"),help:(0,a.__)("This control enables selecting a custom value for the 'align items' property in mobile devices.","caledros-basic-blocks"),checked:o.enabled,onChange:e=>{t({containerAlignItemsMobile:{...o,enabled:e}})}}),o.enabled&&(0,l.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Select the value for the align items property.","caledros-basic-blocks"),value:o.value,options:[{label:"Flex start",value:"flex-start"},{label:"Flex end",value:"flex-end"},{label:"Center",value:"center"},{label:"Stretch",value:"stretch"},{label:"Baseline",value:"baseline"},{label:"Normal (default)",value:"normal"}],onChange:e=>{t({containerAlignItemsMobile:{...o,value:e}})}})]})}(0,e.registerBlockType)(t.UU,{icon:o.icon,edit:function({attributes:e,setAttributes:t}){const{containerWidth:a,containerMinHeight:o,containerColumnGap:s,containerRowGap:b,containerLightBackgroundColor:F,containerDarkBackgroundColor:T,containerBackgroundImage:R,containerBgImageFocalPoint:E,containerLightBackgroundGradient:G,containerDarkBackgroundGradient:W,containerBorder:J,containerBoxShadow:U,containerMargin:L,containerPadding:V,containerFlexDirection:X,containerJustifyContent:q,containerAlignItems:K,containerOverflow:Q,fullWidthMobileEnabled:Y,fullWidthTabletEnabled:Z,containerJustifyContentTablet:ee,containerJustifyContentMobile:te,containerAlignItemsTablet:ae,containerAlignItemsMobile:le}=e,oe=(e,t,a)=>e||t?{[`--cbb-${a}-bg-gradient`]:[t,e&&`url(${e})`].filter((e=>e)).join(", ")}:{},ne=["cbb-flex-container",U.enabled&&"cbb-flex-container--has-box-shadow","0px"!==J.width&&"none"!==J.style&&("#00000000"!==J.lightColor||"#00000000"!==J.darkColor)&&"cbb-flex-container--has-border",("#00000000"!==F||"#00000000"!==T)&&"cbb-flex-container--has-bg-color",(""!==G||""!==W||R.url)&&"cbb-flex-container--has-bg-gradient",Z&&"cbb-flex-container--full-width-tablet",Y&&"cbb-flex-container--full-width-mobile",ee.enabled&&"cbb-flex-container--custom-just-content-tablet",te.enabled&&"cbb-flex-container--custom-just-content-mobile",ae.enabled&&"cbb-flex-container--custom-align-items-tablet",le.enabled&&"cbb-flex-container--custom-align-items-mobile"].filter((e=>e)).join(" "),re=(0,n.useBlockProps)({className:`${ne}`,style:{maxWidth:`${a}`,width:"100%",margin:L.differentMarginsEnabled?`${L.top} ${L.right} ${L.bottom} ${L.left}`:`${L.top}`,...V.useGlobalPadding?{"--cbb-fc-padding":"0px var(--wp--style--root--padding-right, 0px) 0px var(--wp--style--root--padding-left, 0px)"}:{"--cbb-fc-padding":V.differentPaddingsEnabled?`${V.top} ${V.right} ${V.bottom} ${V.left}`:`${V.top}`},"--cbb-fdir-lg":X.desktop,"--cbb-fdir-md":X.tablet,"--cbb-fdir-sm":X.mobile,"--cbb-just-content":q,...ee.enabled&&{"--cbb-just-content-md":ee.value},...te.enabled&&{"--cbb-just-content-sm":te.value},"--cbb-align-items":K,...ae.enabled&&{"--cbb-align-items-md":ae.value},...le.enabled&&{"--cbb-align-items-sm":le.value},"--cbb-min-height":o,"--cbb-row-gap":b,"--cbb-column-gap":s,"--cbb-light-bg-color":F,"--cbb-dark-bg-color":T,...oe(R.url,W,"dark"),...oe(R.url,G,"light"),"--cbb-bg-position":`${100*E.x}% ${100*E.y}%`,"--cbb-br-style":"0px"===J.width||"none"===J.style||"#00000000"===J.lightColor&&"#00000000"===J.darkColor?"none":J.style,"--cbb-br-width":"0px"===J.width||"none"===J.style||"#00000000"===J.lightColor&&"#00000000"===J.darkColor?"0px":J.width,"--cbb-light-border-color":"0px"!==J.width&&"none"!==J.style&&"#00000000"!==J.lightColor?J.lightColor:"#00000000","--cbb-dark-border-color":"0px"!==J.width&&"none"!==J.style&&"#00000000"!==J.darkColor?J.darkColor:"#00000000","--cbb-br-radius":J.radius,"--cbb-light-box-shadow":`${U.style} ${U.hOffset} ${U.vOffset} ${U.blur} ${U.spread} ${U.lightColor}`,"--cbb-dark-box-shadow":`${U.style} ${U.hOffset} ${U.vOffset} ${U.blur} ${U.spread} ${U.darkColor}`,"--cbb-overflow":Q}});return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(n.InspectorControls,{children:(0,l.jsx)(r.TabPanel,{activeClass:"cbb-active-tab",tabs:[{name:"layout",title:"Layout"},{name:"style",title:"Style"},{name:"additional",title:"Additional"}],children:a=>"layout"===a.name?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(k,{attributes:e,setAttributes:t}),(0,l.jsx)(B,{attributes:e,setAttributes:t}),(0,l.jsx)(w,{attributes:e,setAttributes:t}),(0,l.jsx)(i,{attributes:e,setAttributes:t}),(0,l.jsx)(D,{attributes:e,setAttributes:t}),(0,l.jsx)(A,{attributes:e,setAttributes:t}),(0,l.jsx)(c,{attributes:e,setAttributes:t}),(0,l.jsx)(M,{attributes:e,setAttributes:t}),(0,l.jsx)(N,{attributes:e,setAttributes:t})]}):"style"===a.name?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(d,{attributes:e,setAttributes:t}),(0,l.jsx)(u,{attributes:e,setAttributes:t}),(0,l.jsx)(x,{attributes:e,setAttributes:t}),(0,l.jsx)(h,{attributes:e,setAttributes:t}),(0,l.jsx)(g,{attributes:e,setAttributes:t}),(0,l.jsx)(p,{attributes:e,setAttributes:t}),(0,l.jsx)(_,{attributes:e,setAttributes:t}),(0,l.jsx)(m,{attributes:e,setAttributes:t}),(0,l.jsx)(v,{attributes:e,setAttributes:t}),(0,l.jsx)(f,{attributes:e,setAttributes:t}),(0,l.jsx)(C,{attributes:e,setAttributes:t})]}):"additional"===a.name?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)($,{attributes:e,setAttributes:t}),(0,l.jsx)(j,{attributes:e,setAttributes:t}),(0,l.jsx)(S,{attributes:e,setAttributes:t}),(0,l.jsx)(H,{attributes:e,setAttributes:t}),(0,l.jsx)(z,{attributes:e,setAttributes:t}),(0,l.jsx)(y,{attributes:e,setAttributes:t}),(0,l.jsx)(I,{attributes:e,setAttributes:t}),(0,l.jsx)(O,{attributes:e,setAttributes:t}),(0,l.jsx)(P,{attributes:e,setAttributes:t})]}):null})}),(0,l.jsx)("div",{...re,children:(0,l.jsx)(n.InnerBlocks,{})})]})},save:function({attributes:e}){const{containerWidth:t,containerMinHeight:a,containerLightBackgroundColor:o,containerDarkBackgroundColor:r,containerBackgroundImage:s,containerBgImageFocalPoint:i,containerLightBackgroundGradient:c,containerDarkBackgroundGradient:b,containerBorder:d,containerBoxShadow:u,containerMargin:x,containerPadding:h,containerFlexDirection:g,containerJustifyContent:p,containerAlignItems:_,containerRowGap:m,containerColumnGap:v,containerOverflow:f,fullWidthMobileEnabled:C,fullWidthTabletEnabled:$,containerJustifyContentTablet:j,containerJustifyContentMobile:k,containerAlignItemsTablet:B,containerAlignItemsMobile:w}=e,S=(e,t,a)=>e||t?{[`--cbb-${a}-bg-gradient`]:[t,e&&`url(${e})`].filter((e=>e)).join(", ")}:{},y=["cbb-flex-container",h.useGlobalPadding&&"has-global-padding",u.enabled&&"cbb-flex-container--has-box-shadow","0px"!==d.width&&"none"!==d.style&&("#00000000"!==d.lightColor||"#00000000"!==d.darkColor)&&"cbb-flex-container--has-border",("#00000000"!==o||"#00000000"!==r)&&"cbb-flex-container--has-bg-color",(""!==c||""!==b)&&"cbb-flex-container--has-bg-gradient",$&&"cbb-flex-container--full-width-tablet",C&&"cbb-flex-container--full-width-mobile",j.enabled&&"cbb-flex-container--custom-just-content-tablet",k.enabled&&"cbb-flex-container--custom-just-content-mobile",B.enabled&&"cbb-flex-container--custom-align-items-tablet",w.enabled&&"cbb-flex-container--custom-align-items-mobile"].filter((e=>e)).join(" "),M=n.useBlockProps.save({className:`${y}`,style:{maxWidth:t,width:"100%",margin:x.differentMarginsEnabled?`${x.top} ${x.right} ${x.bottom} ${x.left}`:`${x.top}`,...!h.useGlobalPadding&&{padding:h.differentPaddingsEnabled?`${h.top} ${h.right} ${h.bottom} ${h.left}`:`${h.top}`},..."#00000000"!==o&&{"--cbb-light-bg-color":o},..."#00000000"!==r&&{"--cbb-dark-bg-color":r},..."flex-start"!==p&&{justifyContent:p},...j.enabled&&{"--cbb-just-content-md":j.value},...k.enabled&&{"--cbb-just-content-sm":k.value},..."normal"!==_&&{alignItems:_},...B.enabled&&{"--cbb-align-items-md":B.value},...w.enabled&&{"--cbb-align-items-sm":w.value},...0!==a&&{minHeight:a},..."normal"!==m&&{rowGap:m},..."normal"!==v&&{columnGap:v},...""!==c||""!==b?{...S(s.url,b,"dark"),...S(s.url,c,"light")}:{...s.url&&{backgroundImage:`url(${s.url})`}},...""!==s.url&&{backgroundPosition:`${100*i.x}% ${100*i.y}%`},..."0px"!==d.width&&"none"!==d.style&&("#00000000"!==d.lightColor||"#00000000"!==d.darkColor)&&{borderStyle:d.style},..."0px"!==d.width&&"none"!==d.style&&("#00000000"!==d.lightColor||"#00000000"!==d.darkColor)&&{borderWidth:d.width},..."0px"!==d.width&&"none"!==d.style&&"#00000000"!==d.lightColor&&{"--cbb-light-border-color":d.lightColor},..."0px"!==d.width&&"none"!==d.style&&"#00000000"!==d.darkColor&&{"--cbb-dark-border-color":d.darkColor},..."0px"!==d.radius&&"0%"!==d.radius&&{borderRadius:d.radius},...u.enabled&&{"--cbb-light-box-shadow":`${u.style} ${u.hOffset} ${u.vOffset} ${u.blur} ${u.spread} ${u.lightColor}`},...u.enabled&&{"--cbb-dark-box-shadow":`${u.style} ${u.hOffset} ${u.vOffset} ${u.blur} ${u.spread} ${u.darkColor}`},..."visible"!==f&&{overflow:f},"--cbb-fdir-lg":g.desktop,"--cbb-fdir-md":g.tablet,"--cbb-fdir-sm":g.mobile}});return(0,l.jsx)("div",{...M,children:(0,l.jsx)(n.InnerBlocks.Content,{})})}})}},a={};function l(e){var o=a[e];if(void 0!==o)return o.exports;var n=a[e]={exports:{}};return t[e](n,n.exports,l),n.exports}l.m=t,e=[],l.O=(t,a,o,n)=>{if(!a){var r=1/0;for(b=0;b<e.length;b++){for(var[a,o,n]=e[b],s=!0,i=0;i<a.length;i++)(!1&n||r>=n)&&Object.keys(l.O).every((e=>l.O[e](a[i])))?a.splice(i--,1):(s=!1,n<r&&(r=n));if(s){e.splice(b--,1);var c=o();void 0!==c&&(t=c)}}return t}n=n||0;for(var b=e.length;b>0&&e[b-1][2]>n;b--)e[b]=e[b-1];e[b]=[a,o,n]},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={786:0,342:0};l.O.j=t=>0===e[t];var t=(t,a)=>{var o,n,[r,s,i]=a,c=0;if(r.some((t=>0!==e[t]))){for(o in s)l.o(s,o)&&(l.m[o]=s[o]);if(i)var b=i(l)}for(t&&t(a);c<r.length;c++)n=r[c],l.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return l.O(b)},a=globalThis.webpackChunkcaledros_basic_blocks=globalThis.webpackChunkcaledros_basic_blocks||[];a.forEach(t.bind(null,0)),a.push=t.bind(null,a.push.bind(a))})();var o=l.O(void 0,[342],(()=>l(45)));o=l.O(o)})();

  • caledros-basic-blocks/trunk/build/blocks/flex-container/style-index-rtl.css

    r3312194 r3335584  
    1 .cbb-flex-container{background-size:cover;display:flex;flex-direction:var(--cbb-fdir-lg,row)}.cbb-flex-container--has-bg-color{background-blend-mode:overlay;background-color:var(--cbb-light-bg-color,#00000000);transition:background-color .3s}.cbb-flex-container--has-box-shadow{box-shadow:var(--cbb-light-box-shadow,none)}.cbb-flex-container--has-bg-gradient{background-image:var(--cbb-light-bg-gradient,none)}.cbb-flex-container--has-border{border-color:var(--cbb-light-border-color,#00000000)}@media (max-width:810px){.cbb-flex-container{flex-direction:var(--cbb-fdir-md,row)}}@media (max-width:450px){.cbb-flex-container{flex-direction:var(--cbb-fdir-sm,row)}}html[data-theme=dark] .cbb-flex-container--has-bg-color{background-color:var(--cbb-dark-bg-color,#00000000)}html[data-theme=dark] .cbb-flex-container--has-bg-gradient{background-image:var(--cbb-dark-bg-gradient,none)}html[data-theme=dark] .cbb-flex-container--has-box-shadow{box-shadow:var(--cbb-dark-box-shadow,none)}html[data-theme=dark] .cbb-flex-container--has-border{border-color:var(--cbb-dark-border-color,#00000000)}@media (max-width:810px){.cbb-flex-container--full-width-tablet{max-width:100%!important}}@media (max-width:450px){.cbb-flex-container--full-width-mobile{max-width:100%!important}}.cbb-flex-container:has(>.cbb-image-gallery){overflow:hidden!important}.cbb-flex-container:has(>.cbb-slider){overflow:hidden!important}.has-global-padding :where(:not(.alignfull.is-layout-flow)>.has-global-padding:not(.wp-block-block,.alignfull)){padding-right:var(--wp--style--root--padding-left)!important;padding-left:var(--wp--style--root--padding-right)!important}
     1.cbb-flex-container{background-size:cover;display:flex;flex-direction:var(--cbb-fdir-lg,row)}.cbb-flex-container--has-bg-color{background-blend-mode:overlay;background-color:var(--cbb-light-bg-color,#00000000);transition:background-color .3s}.cbb-flex-container--has-box-shadow{box-shadow:var(--cbb-light-box-shadow,none)}.cbb-flex-container--has-bg-gradient{background-image:var(--cbb-light-bg-gradient,none)}.cbb-flex-container--has-border{border-color:var(--cbb-light-border-color,#00000000)}@media (max-width:810px){.cbb-flex-container{flex-direction:var(--cbb-fdir-md,row)}.cbb-flex-container--custom-just-content-tablet{justify-content:var(--cbb-just-content-md,flex-start)!important}.cbb-flex-container--custom-align-items-tablet{align-items:var(--cbb-align-items-md,normal)!important}}@media (max-width:450px){.cbb-flex-container{flex-direction:var(--cbb-fdir-sm,row)}.cbb-flex-container--custom-just-content-mobile{justify-content:var(--cbb-just-content-sm,flex-start)!important}.cbb-flex-container--custom-align-items-mobile{align-items:var(--cbb-align-items-sm,normal)!important}}html[data-theme=dark] .cbb-flex-container--has-bg-color{background-color:var(--cbb-dark-bg-color,#00000000)}html[data-theme=dark] .cbb-flex-container--has-bg-gradient{background-image:var(--cbb-dark-bg-gradient,none)}html[data-theme=dark] .cbb-flex-container--has-box-shadow{box-shadow:var(--cbb-dark-box-shadow,none)}html[data-theme=dark] .cbb-flex-container--has-border{border-color:var(--cbb-dark-border-color,#00000000)}@media (max-width:810px){.cbb-flex-container--full-width-tablet{max-width:100%!important}}@media (max-width:450px){.cbb-flex-container--full-width-mobile{max-width:100%!important}}.cbb-flex-container:has(>.cbb-image-gallery){overflow:hidden!important}.cbb-flex-container:has(>.cbb-slider){overflow:hidden!important}.has-global-padding :where(:not(.alignfull.is-layout-flow)>.has-global-padding:not(.wp-block-block,.alignfull)){padding-right:var(--wp--style--root--padding-left)!important;padding-left:var(--wp--style--root--padding-right)!important}

  • caledros-basic-blocks/trunk/build/blocks/flex-container/style-index.css

    r3312194 r3335584  
    1 .cbb-flex-container{background-size:cover;display:flex;flex-direction:var(--cbb-fdir-lg,row)}.cbb-flex-container--has-bg-color{background-blend-mode:overlay;background-color:var(--cbb-light-bg-color,#00000000);transition:background-color .3s}.cbb-flex-container--has-box-shadow{box-shadow:var(--cbb-light-box-shadow,none)}.cbb-flex-container--has-bg-gradient{background-image:var(--cbb-light-bg-gradient,none)}.cbb-flex-container--has-border{border-color:var(--cbb-light-border-color,#00000000)}@media (max-width:810px){.cbb-flex-container{flex-direction:var(--cbb-fdir-md,row)}}@media (max-width:450px){.cbb-flex-container{flex-direction:var(--cbb-fdir-sm,row)}}html[data-theme=dark] .cbb-flex-container--has-bg-color{background-color:var(--cbb-dark-bg-color,#00000000)}html[data-theme=dark] .cbb-flex-container--has-bg-gradient{background-image:var(--cbb-dark-bg-gradient,none)}html[data-theme=dark] .cbb-flex-container--has-box-shadow{box-shadow:var(--cbb-dark-box-shadow,none)}html[data-theme=dark] .cbb-flex-container--has-border{border-color:var(--cbb-dark-border-color,#00000000)}@media (max-width:810px){.cbb-flex-container--full-width-tablet{max-width:100%!important}}@media (max-width:450px){.cbb-flex-container--full-width-mobile{max-width:100%!important}}.cbb-flex-container:has(>.cbb-image-gallery){overflow:hidden!important}.cbb-flex-container:has(>.cbb-slider){overflow:hidden!important}.has-global-padding :where(:not(.alignfull.is-layout-flow)>.has-global-padding:not(.wp-block-block,.alignfull)){padding-left:var(--wp--style--root--padding-left)!important;padding-right:var(--wp--style--root--padding-right)!important}
     1.cbb-flex-container{background-size:cover;display:flex;flex-direction:var(--cbb-fdir-lg,row)}.cbb-flex-container--has-bg-color{background-blend-mode:overlay;background-color:var(--cbb-light-bg-color,#00000000);transition:background-color .3s}.cbb-flex-container--has-box-shadow{box-shadow:var(--cbb-light-box-shadow,none)}.cbb-flex-container--has-bg-gradient{background-image:var(--cbb-light-bg-gradient,none)}.cbb-flex-container--has-border{border-color:var(--cbb-light-border-color,#00000000)}@media (max-width:810px){.cbb-flex-container{flex-direction:var(--cbb-fdir-md,row)}.cbb-flex-container--custom-just-content-tablet{justify-content:var(--cbb-just-content-md,flex-start)!important}.cbb-flex-container--custom-align-items-tablet{align-items:var(--cbb-align-items-md,normal)!important}}@media (max-width:450px){.cbb-flex-container{flex-direction:var(--cbb-fdir-sm,row)}.cbb-flex-container--custom-just-content-mobile{justify-content:var(--cbb-just-content-sm,flex-start)!important}.cbb-flex-container--custom-align-items-mobile{align-items:var(--cbb-align-items-sm,normal)!important}}html[data-theme=dark] .cbb-flex-container--has-bg-color{background-color:var(--cbb-dark-bg-color,#00000000)}html[data-theme=dark] .cbb-flex-container--has-bg-gradient{background-image:var(--cbb-dark-bg-gradient,none)}html[data-theme=dark] .cbb-flex-container--has-box-shadow{box-shadow:var(--cbb-dark-box-shadow,none)}html[data-theme=dark] .cbb-flex-container--has-border{border-color:var(--cbb-dark-border-color,#00000000)}@media (max-width:810px){.cbb-flex-container--full-width-tablet{max-width:100%!important}}@media (max-width:450px){.cbb-flex-container--full-width-mobile{max-width:100%!important}}.cbb-flex-container:has(>.cbb-image-gallery){overflow:hidden!important}.cbb-flex-container:has(>.cbb-slider){overflow:hidden!important}.has-global-padding :where(:not(.alignfull.is-layout-flow)>.has-global-padding:not(.wp-block-block,.alignfull)){padding-left:var(--wp--style--root--padding-left)!important;padding-right:var(--wp--style--root--padding-right)!important}

  • caledros-basic-blocks/trunk/build/blocks/icon/index.asset.php

    r3313530 r3335584  
    1 <?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-i18n'), 'version' => '3779075eb4022558af2a');
     1<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-i18n'), 'version' => '488b340a1f8fc961ba4e');

  • caledros-basic-blocks/trunk/build/blocks/icon/index.js

    r3313530 r3335584  
    1 (()=>{"use strict";var e,l={167:()=>{const e=window.wp.blocks,l=JSON.parse('{"UU":"caledros-basic-blocks/icon"}'),o=window.ReactJSXRuntime,t={icon:(0,o.jsx)("svg",{width:"24",height:"24",version:"1.1",viewBox:"0 0 6.35 6.35",xmlns:"http://www.w3.org/2000/svg",children:(0,o.jsx)("g",{transform:"translate(-96.573 -101.07)",children:(0,o.jsxs)("g",{transform:"matrix(.087396 0 0 .087396 90.571 91.268)",children:[(0,o.jsx)("path",{d:"m141.33 148.5a36.329 36.329 0 0 1-36.329 36.329 36.329 36.329 0 0 1-36.329-36.329 36.329 36.329 0 0 1 36.329-36.329 36.329 36.329 0 0 1 36.329 36.329z",fill:"#e0ebe0","stroke-width":"0"}),(0,o.jsx)("path",{d:"m138.18 148.5a33.177 33.177 0 0 1-33.177 33.177 33.177 33.177 0 0 1-33.177-33.177 33.177 33.177 0 0 1 33.177-33.177 33.177 33.177 0 0 1 33.177 33.177z",fill:"#252533","stroke-width":"0"}),(0,o.jsx)("path",{d:"m135.4 148.5a30.397 30.397 0 0 1-30.397 30.397 30.397 30.397 0 0 1-30.397-30.397 30.397 30.397 0 0 1 30.397-30.397 30.397 30.397 0 0 1 30.397 30.397z",fill:"#e0ebe0","stroke-width":"0"}),(0,o.jsxs)("g",{transform:"matrix(.90041 0 0 .90041 31.823 90.353)",fill:"#252533","stroke-width":"1.1106",children:[(0,o.jsx)("path",{d:"m93.777 55.9v9.3361c7.8313 1.1492 16.709-9.4028 15.094-9.3963z"}),(0,o.jsx)("path",{d:"m97.104 59.499c2.0783-0.03527 3.9177 0.15195 8.6289-2.233-5.125 1.0559-5.7944 0.56153-8.6392 0.57438-0.78106 0.0035-0.68526 1.6378 0.01037 1.6586z","stroke-width":"0"}),(0,o.jsx)("path",{d:"m53.478 56.801h38.884v9.3252s-3.9882 1.7008-3.4603 4.8679c0.52784 3.1671 3.1084 6.862 10.088 6.9206v7.1928h-7.2969s-4.3545-4.1057-10.865-3.8568-10.078 3.691-10.078 3.691h-7.4648v-7.3819s10.451 0.62207 9.9531-7.1331c-0.49766-7.7551-19.699-9.2481-19.699-9.2481z"})]}),(0,o.jsx)("path",{d:"m106.41 126.27a0.78523 0.78523 0 0 0-0.94136 0.59044l-2.4602 10.727a0.78523 0.78523 0 0 0 0.58951 0.94136 0.78523 0.78523 0 0 0 0.94044-0.59044l2.4611-10.727a0.78523 0.78523 0 0 0-0.58951-0.94136z",color:"#000000",fill:"#fc571b","stroke-width":"0"}),(0,o.jsx)("path",{d:"m100.45 127.77-5.9517 3.9678a0.78531 0.78531 0 0 0 0 1.3062l5.9517 3.9678a0.78523 0.78523 0 0 0 1.089-0.21724 0.78523 0.78523 0 0 0-0.21816-1.089l-4.9723-3.3152 4.9723-3.3143a0.78523 0.78523 0 0 0 0.21816-1.089 0.78523 0.78523 0 0 0-1.089-0.21724z",color:"#000000",fill:"#fc571b","stroke-width":"0"}),(0,o.jsx)("path",{d:"m109.55 127.77a0.78523 0.78523 0 0 0-1.089 0.21724 0.78523 0.78523 0 0 0 0.21816 1.089l4.9714 3.3143-4.9714 3.3152a0.78523 0.78523 0 0 0-0.21816 1.089 0.78523 0.78523 0 0 0 1.089 0.21724l5.9517-3.9678a0.78531 0.78531 0 0 0 0-1.3062z",color:"#000000",fill:"#fc571b","stroke-width":"0"})]})})})},a=window.wp.blockEditor,s=window.wp.i18n,i=window.wp.components;function n({attributes:e,setAttributes:l}){const{icon:t}=e;return(0,o.jsx)(i.PanelBody,{title:(0,s.__)("Icon","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,s.__)("Choose the icon","caledros-basic-blocks"),value:t,options:[{label:"Alarm Fill",value:"alarm-fill"},{label:"Award",value:"award"},{label:"Bricks",value:"bricks"},{label:"Brightness High",value:"brightness-high"},{label:"Building",value:"building"},{label:"Buildings",value:"buildings"},{label:"Cloud Sun",value:"cloud-sun"},{label:"Gear",value:"gear"},{label:"Hourglass",value:"hourglass"},{label:"Hourglass Bottom",value:"hourglass-bottom"},{label:"Hourglass Split",value:"hourglass-split"},{label:"Hourglass Top",value:"hourglass-top"},{label:"Lightbulb",value:"lightbulb"},{label:"Moon Stars",value:"moon-stars"},{label:"People Fill",value:"people-fill"},{label:"Person Circle",value:"person-circle"},{label:"Quote",value:"quote"},{label:"Robot",value:"robot"},{label:"Rocket Takeoff",value:"rocket-takeoff"},{label:"Star",value:"star"},{label:"Stickies",value:"stickies"},{label:"Tools",value:"tools"},{label:"Umbrella Fill",value:"umbrella-fill"},{label:"Watch",value:"watch"},{label:"Wind",value:"wind"},{label:"Wrench",value:"wrench"},{label:"Wrench Adjustable",value:"wrench-adjustable"},{label:"Wrench Adjustable Circle",value:"wrench-adjustable-circle"}],onChange:e=>l({icon:e})})})}function r({attributes:e,setAttributes:l}){const{iconLink:t,iconLinkEnabled:a}=e;return(0,o.jsxs)(i.PanelBody,{title:(0,s.__)("Icon link","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(i.ToggleControl,{__nextHasNoMarginBottom:!0,checked:a,label:(0,s.__)("Enable icon link","caledros-basic-blocks"),onChange:e=>{l({iconLinkEnabled:e})}}),a&&(0,o.jsx)(i.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,onChange:e=>l({iconLink:e}),value:(0,s.__)(t,"caledros-basic-blocks"),help:(0,s.__)("Paste the link for the icon","caledros-basic-blocks")})]})}const c=window.wp.data;function b({attributes:e,setAttributes:l}){const{iconsColor:t}=e,[n,r]=(0,a.useSettings)("color.palette","color.defaultPalette"),b=n.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),u=(0,c.select)("core/editor")?.getEditorSettings(),d=u?.__experimentalFeatures?.color?.palette,h=(e,l)=>({colors:e?.[l]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${l}`}),p=h(d,"default"),m=h(d,"theme"),v=h(d,"custom"),x=[...r?[p]:[],m,...v.colors?[v]:[]];return(0,o.jsx)(i.PanelBody,{title:(0,s.__)("Icon color (light mode)","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(i.ColorPalette,{colors:d?x:b,value:t,onChange:e=>l({iconsColor:e}),enableAlpha:!0,clearable:!1})})}function u({attributes:e,setAttributes:l}){const{iconsDarkColor:t}=e,[n,r]=(0,a.useSettings)("color.palette","color.defaultPalette"),b=n.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),u=(0,c.select)("core/editor")?.getEditorSettings(),d=u?.__experimentalFeatures?.color?.palette,h=(e,l)=>({colors:e?.[l]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${l}`}),p=h(d,"default"),m=h(d,"theme"),v=h(d,"custom"),x=[...r?[p]:[],m,...v.colors?[v]:[]];return(0,o.jsx)(i.PanelBody,{title:(0,s.__)("Icon color (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(i.ColorPalette,{colors:d?x:b,value:t,onChange:e=>l({iconsDarkColor:e}),enableAlpha:!0,clearable:!1})})}function d({attributes:e,setAttributes:l}){const{iconsSize:t}=e;return(0,o.jsx)(i.PanelBody,{title:(0,s.__)("Icon size","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,s.__)("Adjust the size (px) of the icon","caledros-basic-blocks"),initialPosition:t,value:t,max:300,min:0,step:1,onChange:e=>l({iconsSize:e})})})}(0,e.registerBlockType)(l.UU,{icon:t.icon,edit:function({attributes:e,setAttributes:l}){const{icon:t,iconLinkEnabled:s,iconsSize:i,iconsColor:c,iconsDarkColor:h}=e,p=(0,a.useBlockProps)({className:`cbb-icon cbb-icon--${t}`,style:{"--cbb-icon-size":`${i}px`,"--cbb-icon-color":`${c}`,"--cbb-icon-dark-color":`${h}`}});return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(a.InspectorControls,{children:[(0,o.jsx)(n,{attributes:e,setAttributes:l}),(0,o.jsx)(r,{attributes:e,setAttributes:l}),(0,o.jsx)(b,{attributes:e,setAttributes:l}),(0,o.jsx)(u,{attributes:e,setAttributes:l}),(0,o.jsx)(d,{attributes:e,setAttributes:l})]}),(0,o.jsxs)("div",{...p,children:[(0,o.jsx)("span",{className:"cbb-icon__icon-container"}),s&&(0,o.jsx)("a",{className:"cbb-icon__main-link"}),!s&&(0,o.jsx)("span",{className:"cbb-icon__simple-icon"})]})]})},save:function({attributes:e}){const{icon:l,iconLink:t,iconLinkEnabled:s,iconsSize:i,iconsColor:n,iconsDarkColor:r}=e,c=a.useBlockProps.save({className:`cbb-icon cbb-icon--${l}`,style:{"--cbb-icon-size":`${i}px`,"--cbb-icon-color":`${n}`,"--cbb-icon-dark-color":`${r}`}});return(0,o.jsxs)("div",{...c,children:[(0,o.jsx)("span",{className:"cbb-icon__icon-container"}),s&&(0,o.jsx)("a",{href:t,className:"cbb-icon__main-link","aria-label":l}),!s&&(0,o.jsx)("span",{className:"cbb-icon__simple-icon"})]})}})}},o={};function t(e){var a=o[e];if(void 0!==a)return a.exports;var s=o[e]={exports:{}};return l[e](s,s.exports,t),s.exports}t.m=l,e=[],t.O=(l,o,a,s)=>{if(!o){var i=1/0;for(b=0;b<e.length;b++){for(var[o,a,s]=e[b],n=!0,r=0;r<o.length;r++)(!1&s||i>=s)&&Object.keys(t.O).every((e=>t.O[e](o[r])))?o.splice(r--,1):(n=!1,s<i&&(i=s));if(n){e.splice(b--,1);var c=a();void 0!==c&&(l=c)}}return l}s=s||0;for(var b=e.length;b>0&&e[b-1][2]>s;b--)e[b]=e[b-1];e[b]=[o,a,s]},t.o=(e,l)=>Object.prototype.hasOwnProperty.call(e,l),(()=>{var e={22:0,690:0};t.O.j=l=>0===e[l];var l=(l,o)=>{var a,s,[i,n,r]=o,c=0;if(i.some((l=>0!==e[l]))){for(a in n)t.o(n,a)&&(t.m[a]=n[a]);if(r)var b=r(t)}for(l&&l(o);c<i.length;c++)s=i[c],t.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return t.O(b)},o=globalThis.webpackChunkcaledros_basic_blocks=globalThis.webpackChunkcaledros_basic_blocks||[];o.forEach(l.bind(null,0)),o.push=l.bind(null,o.push.bind(o))})();var a=t.O(void 0,[690],(()=>t(167)));a=t.O(a)})();
     1(()=>{"use strict";var e,l={167:()=>{const e=window.wp.blocks,l=JSON.parse('{"UU":"caledros-basic-blocks/icon"}'),a=window.ReactJSXRuntime,o={icon:(0,a.jsx)("svg",{width:"24",height:"24",version:"1.1",viewBox:"0 0 6.35 6.35",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("g",{transform:"translate(-96.573 -101.07)",children:(0,a.jsxs)("g",{transform:"matrix(.087396 0 0 .087396 90.571 91.268)",children:[(0,a.jsx)("path",{d:"m141.33 148.5a36.329 36.329 0 0 1-36.329 36.329 36.329 36.329 0 0 1-36.329-36.329 36.329 36.329 0 0 1 36.329-36.329 36.329 36.329 0 0 1 36.329 36.329z",fill:"#e0ebe0","stroke-width":"0"}),(0,a.jsx)("path",{d:"m138.18 148.5a33.177 33.177 0 0 1-33.177 33.177 33.177 33.177 0 0 1-33.177-33.177 33.177 33.177 0 0 1 33.177-33.177 33.177 33.177 0 0 1 33.177 33.177z",fill:"#252533","stroke-width":"0"}),(0,a.jsx)("path",{d:"m135.4 148.5a30.397 30.397 0 0 1-30.397 30.397 30.397 30.397 0 0 1-30.397-30.397 30.397 30.397 0 0 1 30.397-30.397 30.397 30.397 0 0 1 30.397 30.397z",fill:"#e0ebe0","stroke-width":"0"}),(0,a.jsxs)("g",{transform:"matrix(.90041 0 0 .90041 31.823 90.353)",fill:"#252533","stroke-width":"1.1106",children:[(0,a.jsx)("path",{d:"m93.777 55.9v9.3361c7.8313 1.1492 16.709-9.4028 15.094-9.3963z"}),(0,a.jsx)("path",{d:"m97.104 59.499c2.0783-0.03527 3.9177 0.15195 8.6289-2.233-5.125 1.0559-5.7944 0.56153-8.6392 0.57438-0.78106 0.0035-0.68526 1.6378 0.01037 1.6586z","stroke-width":"0"}),(0,a.jsx)("path",{d:"m53.478 56.801h38.884v9.3252s-3.9882 1.7008-3.4603 4.8679c0.52784 3.1671 3.1084 6.862 10.088 6.9206v7.1928h-7.2969s-4.3545-4.1057-10.865-3.8568-10.078 3.691-10.078 3.691h-7.4648v-7.3819s10.451 0.62207 9.9531-7.1331c-0.49766-7.7551-19.699-9.2481-19.699-9.2481z"})]}),(0,a.jsx)("path",{d:"m106.41 126.27a0.78523 0.78523 0 0 0-0.94136 0.59044l-2.4602 10.727a0.78523 0.78523 0 0 0 0.58951 0.94136 0.78523 0.78523 0 0 0 0.94044-0.59044l2.4611-10.727a0.78523 0.78523 0 0 0-0.58951-0.94136z",color:"#000000",fill:"#fc571b","stroke-width":"0"}),(0,a.jsx)("path",{d:"m100.45 127.77-5.9517 3.9678a0.78531 0.78531 0 0 0 0 1.3062l5.9517 3.9678a0.78523 0.78523 0 0 0 1.089-0.21724 0.78523 0.78523 0 0 0-0.21816-1.089l-4.9723-3.3152 4.9723-3.3143a0.78523 0.78523 0 0 0 0.21816-1.089 0.78523 0.78523 0 0 0-1.089-0.21724z",color:"#000000",fill:"#fc571b","stroke-width":"0"}),(0,a.jsx)("path",{d:"m109.55 127.77a0.78523 0.78523 0 0 0-1.089 0.21724 0.78523 0.78523 0 0 0 0.21816 1.089l4.9714 3.3143-4.9714 3.3152a0.78523 0.78523 0 0 0-0.21816 1.089 0.78523 0.78523 0 0 0 1.089 0.21724l5.9517-3.9678a0.78531 0.78531 0 0 0 0-1.3062z",color:"#000000",fill:"#fc571b","stroke-width":"0"})]})})})},t=window.wp.blockEditor,r=window.wp.i18n,s=window.wp.components;function i({attributes:e,setAttributes:l}){const{icon:o}=e;return(0,a.jsx)(s.PanelBody,{title:(0,r.__)("Icon","caledros-basic-blocks"),initialOpen:!1,children:(0,a.jsx)(s.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,r.__)("Choose the icon","caledros-basic-blocks"),value:o,options:[{label:"Alarm Fill",value:"alarm-fill"},{label:"Arrow Left Circle Fill",value:"arrow-left-circle-fill"},{label:"Arrow Left Circle",value:"arrow-left-circle"},{label:"Arrow Right Circle Fill",value:"arrow-right-circle-fill"},{label:"Arrow Right Circle",value:"arrow-right-circle"},{label:"Arrow Up Left Square",value:"arrow-up-left-square"},{label:"Arrow Up Right Circle Fill",value:"arrow-up-right-circle-fill"},{label:"Arrow Up Right Circle",value:"arrow-up-right-circle"},{label:"Arrow Up Right Square Fill",value:"arrow-up-right-square-fill"},{label:"Arrow Up Right Square",value:"arrow-up-right-square"},{label:"Award",value:"award"},{label:"Battery Charging",value:"battery-charging"},{label:"Box",value:"box-seam"},{label:"Boxes",value:"boxes"},{label:"Bricks",value:"bricks"},{label:"Brightness High",value:"brightness-high"},{label:"Bug",value:"bug"},{label:"Building",value:"building"},{label:"Buildings",value:"buildings"},{label:"Chat Text",value:"chat-text"},{label:"Cloud Check",value:"cloud-check"},{label:"Cloud Sun",value:"cloud-sun"},{label:"Code",value:"code-square"},{label:"Coin",value:"coin"},{label:"Columns",value:"columns"},{label:"Columns Gap",value:"columns-gap"},{label:"Database Down",value:"database-down"},{label:"Database Up",value:"database-up"},{label:"File Bar Graph",value:"file-bar-graph"},{label:"Fire",value:"fire"},{label:"Gear",value:"gear"},{label:"Globe",value:"globe2"},{label:"Graph Down Arrow",value:"graph-down-arrow"},{label:"Graph Up Arrow",value:"graph-up-arrow"},{label:"Hourglass",value:"hourglass"},{label:"Hourglass Bottom",value:"hourglass-bottom"},{label:"Hourglass Split",value:"hourglass-split"},{label:"Hourglass Top",value:"hourglass-top"},{label:"Lightbulb",value:"lightbulb"},{label:"Magic",value:"magic"},{label:"Moon Stars",value:"moon-stars"},{label:"People Fill",value:"people-fill"},{label:"Person Circle",value:"person-circle"},{label:"Quote",value:"quote"},{label:"Robot",value:"robot"},{label:"Rocket Takeoff",value:"rocket-takeoff"},{label:"Star",value:"star"},{label:"Stars",value:"stars"},{label:"Stickies",value:"stickies"},{label:"Tools",value:"tools"},{label:"UI Checks Grid",value:"ui-checks-grid"},{label:"UI Checks",value:"ui-checks"},{label:"Umbrella Fill",value:"umbrella-fill"},{label:"Watch",value:"watch"},{label:"Wind",value:"wind"},{label:"Wrench",value:"wrench"},{label:"Wrench Adjustable",value:"wrench-adjustable"},{label:"Wrench Adjustable Circle",value:"wrench-adjustable-circle"}],onChange:e=>l({icon:e})})})}function c({attributes:e,setAttributes:l}){const{iconLink:o,iconLinkEnabled:t}=e;return(0,a.jsxs)(s.PanelBody,{title:(0,r.__)("Icon link","caledros-basic-blocks"),initialOpen:!1,children:[(0,a.jsx)(s.ToggleControl,{__nextHasNoMarginBottom:!0,checked:t,label:(0,r.__)("Enable icon link","caledros-basic-blocks"),onChange:e=>{l({iconLinkEnabled:e})}}),t&&(0,a.jsx)(s.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,onChange:e=>l({iconLink:e}),value:(0,r.__)(o,"caledros-basic-blocks"),help:(0,r.__)("Paste the link for the icon","caledros-basic-blocks")})]})}const n=window.wp.data;function b({attributes:e,setAttributes:l}){const{iconsColor:o}=e,[i,c]=(0,t.useSettings)("color.palette","color.defaultPalette"),b=i.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),u=(0,n.select)("core/editor")?.getEditorSettings(),h=u?.__experimentalFeatures?.color?.palette,d=(e,l)=>({colors:e?.[l]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${l}`}),p=d(h,"default"),v=d(h,"theme"),g=d(h,"custom"),m=[...c?[p]:[],v,...g.colors?[g]:[]];return(0,a.jsx)(s.PanelBody,{title:(0,r.__)("Icon color (light mode)","caledros-basic-blocks"),initialOpen:!1,children:(0,a.jsx)(s.ColorPalette,{colors:h?m:b,value:o,onChange:e=>l({iconsColor:e}),enableAlpha:!0,clearable:!1})})}function u({attributes:e,setAttributes:l}){const{iconsDarkColor:o}=e,[i,c]=(0,t.useSettings)("color.palette","color.defaultPalette"),b=i.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),u=(0,n.select)("core/editor")?.getEditorSettings(),h=u?.__experimentalFeatures?.color?.palette,d=(e,l)=>({colors:e?.[l]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${l}`}),p=d(h,"default"),v=d(h,"theme"),g=d(h,"custom"),m=[...c?[p]:[],v,...g.colors?[g]:[]];return(0,a.jsx)(s.PanelBody,{title:(0,r.__)("Icon color (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:(0,a.jsx)(s.ColorPalette,{colors:h?m:b,value:o,onChange:e=>l({iconsDarkColor:e}),enableAlpha:!0,clearable:!1})})}function h({attributes:e,setAttributes:l}){const{iconsSize:o}=e;return(0,a.jsx)(s.PanelBody,{title:(0,r.__)("Icon size","caledros-basic-blocks"),initialOpen:!1,children:(0,a.jsx)(s.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,r.__)("Adjust the size (px) of the icon","caledros-basic-blocks"),initialPosition:o,value:o,max:300,min:0,step:1,onChange:e=>l({iconsSize:e})})})}(0,e.registerBlockType)(l.UU,{icon:o.icon,edit:function({attributes:e,setAttributes:l}){const{icon:o,iconLinkEnabled:r,iconsSize:s,iconsColor:n,iconsDarkColor:d}=e,p=(0,t.useBlockProps)({className:`cbb-icon cbb-icon--${o}`,style:{"--cbb-icon-size":`${s}px`,"--cbb-icon-color":`${n}`,"--cbb-icon-dark-color":`${d}`}});return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(t.InspectorControls,{children:[(0,a.jsx)(i,{attributes:e,setAttributes:l}),(0,a.jsx)(c,{attributes:e,setAttributes:l}),(0,a.jsx)(b,{attributes:e,setAttributes:l}),(0,a.jsx)(u,{attributes:e,setAttributes:l}),(0,a.jsx)(h,{attributes:e,setAttributes:l})]}),(0,a.jsxs)("div",{...p,children:[(0,a.jsx)("span",{className:"cbb-icon__icon-container"}),r&&(0,a.jsx)("a",{className:"cbb-icon__main-link"}),!r&&(0,a.jsx)("span",{className:"cbb-icon__simple-icon"})]})]})},save:function({attributes:e}){const{icon:l,iconLink:o,iconLinkEnabled:r,iconsSize:s,iconsColor:i,iconsDarkColor:c}=e,n=t.useBlockProps.save({className:`cbb-icon cbb-icon--${l}`,style:{"--cbb-icon-size":`${s}px`,"--cbb-icon-color":`${i}`,"--cbb-icon-dark-color":`${c}`}});return(0,a.jsxs)("div",{...n,children:[(0,a.jsx)("span",{className:"cbb-icon__icon-container"}),r&&(0,a.jsx)("a",{href:o,className:"cbb-icon__main-link","aria-label":l}),!r&&(0,a.jsx)("span",{className:"cbb-icon__simple-icon"})]})}})}},a={};function o(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return l[e](r,r.exports,o),r.exports}o.m=l,e=[],o.O=(l,a,t,r)=>{if(!a){var s=1/0;for(b=0;b<e.length;b++){for(var[a,t,r]=e[b],i=!0,c=0;c<a.length;c++)(!1&r||s>=r)&&Object.keys(o.O).every((e=>o.O[e](a[c])))?a.splice(c--,1):(i=!1,r<s&&(s=r));if(i){e.splice(b--,1);var n=t();void 0!==n&&(l=n)}}return l}r=r||0;for(var b=e.length;b>0&&e[b-1][2]>r;b--)e[b]=e[b-1];e[b]=[a,t,r]},o.o=(e,l)=>Object.prototype.hasOwnProperty.call(e,l),(()=>{var e={22:0,690:0};o.O.j=l=>0===e[l];var l=(l,a)=>{var t,r,[s,i,c]=a,n=0;if(s.some((l=>0!==e[l]))){for(t in i)o.o(i,t)&&(o.m[t]=i[t]);if(c)var b=c(o)}for(l&&l(a);n<s.length;n++)r=s[n],o.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return o.O(b)},a=globalThis.webpackChunkcaledros_basic_blocks=globalThis.webpackChunkcaledros_basic_blocks||[];a.forEach(l.bind(null,0)),a.push=l.bind(null,a.push.bind(a))})();var t=o.O(void 0,[690],(()=>o(167)));t=o.O(t)})();

  • caledros-basic-blocks/trunk/build/blocks/icon/style-index-rtl.css

    r3312194 r3335584  
    1 .cbb-icon{clip-path:inset(0 0 0 .4px);height:var(--cbb-icon-size,30px);position:relative;width:var(--cbb-icon-size,30px)}.cbb-icon__main-link{cursor:pointer}.cbb-icon__main-link,.cbb-icon__simple-icon{right:0;position:absolute;top:0}.cbb-icon__icon-container,.cbb-icon__main-link,.cbb-icon__simple-icon{display:block;height:var(--cbb-icon-size,30px);width:var(--cbb-icon-size,30px)}.cbb-icon__icon-container{margin-right:calc(var(--cbb-icon-size, 30px)*-1);position:relative}.cbb-icon__icon-container:before{background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;filter:drop-shadow(var(--cbb-icon-size,30px) 0 var(--cbb-icon-color,#000));height:var(--cbb-icon-size,30px);right:0;position:absolute;top:0;width:var(--cbb-icon-size,30px)}.cbb-icon--alarm-fill .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYWxhcm0tZmlsbCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNNiAuNWEuNS41IDAgMCAxIC41LS41aDNhLjUuNSAwIDAgMSAwIDFIOXYxLjA3YTcuMDAxIDcuMDAxIDAgMCAxIDMuMjc0IDEyLjQ3NGwuNjAxLjYwMmEuNS41IDAgMCAxLS43MDcuNzA4bC0uNzQ2LS43NDZBNi45NyA2Ljk3IDAgMCAxIDggMTZhNi45NyA2Ljk3IDAgMCAxLTMuNDIyLS44OTJsLS43NDYuNzQ2YS41LjUgMCAwIDEtLjcwNy0uNzA4bC42MDItLjYwMkE3LjAwMSA3LjAwMSAwIDAgMSA3IDIuMDdWMWgtLjVBLjUuNSAwIDAgMSA2IC41bTIuNSA1YS41LjUgMCAwIDAtMSAwdjMuMzYybC0xLjQyOSAyLjM4YS41LjUgMCAxIDAgLjg1OC41MTVsMS41LTIuNUEuNS41IDAgMCAwIDguNSA5ek0uODYgNS4zODdBMi41IDIuNSAwIDEgMSA0LjM4NyAxLjg2IDguMDQgOC4wNCAwIDAgMCAuODYgNS4zODdNMTEuNjEzIDEuODZhMi41IDIuNSAwIDEgMSAzLjUyNyAzLjUyNyA4LjA0IDguMDQgMCAwIDAtMy41MjctMy41MjciLz4KPC9zdmc+)}.cbb-icon--award .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXdhcmQiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTkuNjY5Ljg2NCA4IDAgNi4zMzEuODY0bC0xLjg1OC4yODItLjg0MiAxLjY4LTEuMzM3IDEuMzJMMi42IDZsLS4zMDYgMS44NTQgMS4zMzcgMS4zMi44NDIgMS42OCAxLjg1OC4yODJMOCAxMmwxLjY2OS0uODY0IDEuODU4LS4yODIuODQyLTEuNjggMS4zMzctMS4zMkwxMy40IDZsLjMwNi0xLjg1NC0xLjMzNy0xLjMyLS44NDItMS42OHptMS4xOTYgMS4xOTMuNjg0IDEuMzY1IDEuMDg2IDEuMDcyTDEyLjM4NyA2bC4yNDggMS41MDYtMS4wODYgMS4wNzItLjY4NCAxLjM2NS0xLjUxLjIyOUw4IDEwLjg3NGwtMS4zNTUtLjcwMi0xLjUxLS4yMjktLjY4NC0xLjM2NS0xLjA4Ni0xLjA3MkwzLjYxNCA2bC0uMjUtMS41MDYgMS4wODctMS4wNzIuNjg0LTEuMzY1IDEuNTEtLjIyOUw4IDEuMTI2bDEuMzU2LjcwMnoiLz4KICA8cGF0aCBkPSJNNCAxMS43OTRWMTZsNC0xIDQgMXYtNC4yMDZsLTIuMDE4LjMwNkw4IDEzLjEyNiA2LjAxOCAxMi4xeiIvPgo8L3N2Zz4=)}.cbb-icon--bricks .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYnJpY2tzIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0wIC41QS41LjUgMCAwIDEgLjUgMGgxNWEuNS41IDAgMCAxIC41LjV2M2EuNS41IDAgMCAxLS41LjVIMTR2MmgxLjVhLjUuNSAwIDAgMSAuNS41djNhLjUuNSAwIDAgMS0uNS41SDE0djJoMS41YS41LjUgMCAwIDEgLjUuNXYzYS41LjUgMCAwIDEtLjUuNUguNWEuNS41IDAgMCAxLS41LS41di0zYS41LjUgMCAwIDEgLjUtLjVIMnYtMkguNWEuNS41IDAgMCAxLS41LS41di0zQS41LjUgMCAwIDEgLjUgNkgyVjRILjVhLjUuNSAwIDAgMS0uNS0uNXpNMyA0djJoNC41VjR6bTUuNSAwdjJIMTNWNHpNMyAxMHYyaDQuNXYtMnptNS41IDB2MkgxM3YtMnpNMSAxdjJoMy41VjF6bTQuNSAwdjJoNVYxem02IDB2MkgxNVYxek0xIDd2MmgzLjVWN3ptNC41IDB2Mmg1Vjd6bTYgMHYySDE1Vjd6TTEgMTN2MmgzLjV2LTJ6bTQuNSAwdjJoNXYtMnptNiAwdjJIMTV2LTJ6Ii8+Cjwvc3ZnPg==)}.cbb-icon--brightness-high .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYnJpZ2h0bmVzcy1oaWdoIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik04IDExYTMgMyAwIDEgMSAwLTYgMyAzIDAgMCAxIDAgNm0wIDFhNCA0IDAgMSAwIDAtOCA0IDQgMCAwIDAgMCA4TTggMGEuNS41IDAgMCAxIC41LjV2MmEuNS41IDAgMCAxLTEgMHYtMkEuNS41IDAgMCAxIDggMG0wIDEzYS41LjUgMCAwIDEgLjUuNXYyYS41LjUgMCAwIDEtMSAwdi0yQS41LjUgMCAwIDEgOCAxM204LTVhLjUuNSAwIDAgMS0uNS41aC0yYS41LjUgMCAwIDEgMC0xaDJhLjUuNSAwIDAgMSAuNS41TTMgOGEuNS41IDAgMCAxLS41LjVoLTJhLjUuNSAwIDAgMSAwLTFoMkEuNS41IDAgMCAxIDMgOG0xMC42NTctNS42NTdhLjUuNSAwIDAgMSAwIC43MDdsLTEuNDE0IDEuNDE1YS41LjUgMCAxIDEtLjcwNy0uNzA4bDEuNDE0LTEuNDE0YS41LjUgMCAwIDEgLjcwNyAwbS05LjE5MyA5LjE5M2EuNS41IDAgMCAxIDAgLjcwN0wzLjA1IDEzLjY1N2EuNS41IDAgMCAxLS43MDctLjcwN2wxLjQxNC0xLjQxNGEuNS41IDAgMCAxIC43MDcgMG05LjE5MyAyLjEyMWEuNS41IDAgMCAxLS43MDcgMGwtMS40MTQtMS40MTRhLjUuNSAwIDAgMSAuNzA3LS43MDdsMS40MTQgMS40MTRhLjUuNSAwIDAgMSAwIC43MDdNNC40NjQgNC40NjVhLjUuNSAwIDAgMS0uNzA3IDBMMi4zNDMgMy4wNWEuNS41IDAgMSAxIC43MDctLjcwN2wxLjQxNCAxLjQxNGEuNS41IDAgMCAxIDAgLjcwOCIvPgo8L3N2Zz4=)}.cbb-icon--building .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYnVpbGRpbmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTQgMi41YS41LjUgMCAwIDEgLjUtLjVoMWEuNS41IDAgMCAxIC41LjV2MWEuNS41IDAgMCAxLS41LjVoLTFhLjUuNSAwIDAgMS0uNS0uNXptMyAwYS41LjUgMCAwIDEgLjUtLjVoMWEuNS41IDAgMCAxIC41LjV2MWEuNS41IDAgMCAxLS41LjVoLTFhLjUuNSAwIDAgMS0uNS0uNXptMy41LS41YS41LjUgMCAwIDAtLjUuNXYxYS41LjUgMCAwIDAgLjUuNWgxYS41LjUgMCAwIDAgLjUtLjV2LTFhLjUuNSAwIDAgMC0uNS0uNXpNNCA1LjVhLjUuNSAwIDAgMSAuNS0uNWgxYS41LjUgMCAwIDEgLjUuNXYxYS41LjUgMCAwIDEtLjUuNWgtMWEuNS41IDAgMCAxLS41LS41ek03LjUgNWEuNS41IDAgMCAwLS41LjV2MWEuNS41IDAgMCAwIC41LjVoMWEuNS41IDAgMCAwIC41LS41di0xYS41LjUgMCAwIDAtLjUtLjV6bTIuNS41YS41LjUgMCAwIDEgLjUtLjVoMWEuNS41IDAgMCAxIC41LjV2MWEuNS41IDAgMCAxLS41LjVoLTFhLjUuNSAwIDAgMS0uNS0uNXpNNC41IDhhLjUuNSAwIDAgMC0uNS41djFhLjUuNSAwIDAgMCAuNS41aDFhLjUuNSAwIDAgMCAuNS0uNXYtMWEuNS41IDAgMCAwLS41LS41em0yLjUuNWEuNS41IDAgMCAxIC41LS41aDFhLjUuNSAwIDAgMSAuNS41djFhLjUuNSAwIDAgMS0uNS41aC0xYS41LjUgMCAwIDEtLjUtLjV6bTMuNS0uNWEuNS41IDAgMCAwLS41LjV2MWEuNS41IDAgMCAwIC41LjVoMWEuNS41IDAgMCAwIC41LS41di0xYS41LjUgMCAwIDAtLjUtLjV6Ii8+CiAgPHBhdGggZD0iTTIgMWExIDEgMCAwIDEgMS0xaDEwYTEgMSAwIDAgMSAxIDF2MTRhMSAxIDAgMCAxLTEgMUgzYTEgMSAwIDAgMS0xLTF6bTExIDBIM3YxNGgzdi0yLjVhLjUuNSAwIDAgMSAuNS0uNWgzYS41LjUgMCAwIDEgLjUuNVYxNWgzeiIvPgo8L3N2Zz4=)}.cbb-icon--buildings .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYnVpbGRpbmdzIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0xNC43NjMuMDc1QS41LjUgMCAwIDEgMTUgLjV2MTVhLjUuNSAwIDAgMS0uNS41aC0zYS41LjUgMCAwIDEtLjUtLjVWMTRoLTF2MS41YS41LjUgMCAwIDEtLjUuNWgtOWEuNS41IDAgMCAxLS41LS41VjEwYS41LjUgMCAwIDEgLjM0Mi0uNDc0TDYgNy42NFY0LjVhLjUuNSAwIDAgMSAuMjc2LS40NDdsOC00YS41LjUgMCAwIDEgLjQ4Ny4wMjJNNiA4LjY5NCAxIDEwLjM2VjE1aDV6TTcgMTVoMnYtMS41YS41LjUgMCAwIDEgLjUtLjVoMmEuNS41IDAgMCAxIC41LjVWMTVoMlYxLjMwOWwtNyAzLjV6Ii8+CiAgPHBhdGggZD0iTTIgMTFoMXYxSDJ6bTIgMGgxdjFINHptLTIgMmgxdjFIMnptMiAwaDF2MUg0em00LTRoMXYxSDh6bTIgMGgxdjFoLTF6bS0yIDJoMXYxSDh6bTIgMGgxdjFoLTF6bTItMmgxdjFoLTF6bTAgMmgxdjFoLTF6TTggN2gxdjFIOHptMiAwaDF2MWgtMXptMiAwaDF2MWgtMXpNOCA1aDF2MUg4em0yIDBoMXYxaC0xem0yIDBoMXYxaC0xem0wLTJoMXYxaC0xeiIvPgo8L3N2Zz4=)}.cbb-icon--cloud-sun .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2xvdWQtc3VuIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik03IDhhMy41IDMuNSAwIDAgMSAzLjUgMy41NTUuNS41IDAgMCAwIC42MjQuNDkyQTEuNTAzIDEuNTAzIDAgMCAxIDEzIDEzLjVhMS41IDEuNSAwIDAgMS0xLjUgMS41SDNhMiAyIDAgMSAxIC4xLTMuOTk4LjUuNSAwIDAgMCAuNTEtLjM3NUEzLjUgMy41IDAgMCAxIDcgOG00LjQ3MyAzYTQuNSA0LjUgMCAwIDAtOC43Mi0uOTlBMyAzIDAgMCAwIDMgMTZoOC41YTIuNSAyLjUgMCAwIDAgMC01eiIvPgogIDxwYXRoIGQ9Ik0xMC41IDEuNWEuNS41IDAgMCAwLTEgMHYxYS41LjUgMCAwIDAgMSAwem0zLjc0MyAxLjk2NGEuNS41IDAgMSAwLS43MDctLjcwN2wtLjcwOC43MDdhLjUuNSAwIDAgMCAuNzA4LjcwOHptLTcuNzc5LS43MDdhLjUuNSAwIDAgMC0uNzA3LjcwN2wuNzA3LjcwOGEuNS41IDAgMSAwIC43MDgtLjcwOHptMS43MzQgMy4zNzRhMiAyIDAgMSAxIDMuMjk2IDIuMTk4cS4zLjQyMy41MTYuODk4YTMgMyAwIDEgMC00Ljg0LTMuMjI1cS41MjkuMDE3IDEuMDI4LjEyOW00LjQ4NCA0LjA3NGMuNi4yMTUgMS4xMjUuNTkgMS41MjIgMS4wNzJhLjUuNSAwIDAgMCAuMDM5LS43NDJsLS43MDctLjcwN2EuNS41IDAgMCAwLS44NTQuMzc3TTE0LjUgNi41YS41LjUgMCAwIDAgMCAxaDFhLjUuNSAwIDAgMCAwLTF6Ii8+Cjwvc3ZnPg==)}.cbb-icon--gear .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZ2VhciIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNOCA0Ljc1NGEzLjI0NiAzLjI0NiAwIDEgMCAwIDYuNDkyIDMuMjQ2IDMuMjQ2IDAgMCAwIDAtNi40OTJNNS43NTQgOGEyLjI0NiAyLjI0NiAwIDEgMSA0LjQ5MiAwIDIuMjQ2IDIuMjQ2IDAgMCAxLTQuNDkyIDAiLz4KICA8cGF0aCBkPSJNOS43OTYgMS4zNDNjLS41MjctMS43OS0zLjA2NS0xLjc5LTMuNTkyIDBsLS4wOTQuMzE5YS44NzMuODczIDAgMCAxLTEuMjU1LjUybC0uMjkyLS4xNmMtMS42NC0uODkyLTMuNDMzLjkwMi0yLjU0IDIuNTQxbC4xNTkuMjkyYS44NzMuODczIDAgMCAxLS41MiAxLjI1NWwtLjMxOS4wOTRjLTEuNzkuNTI3LTEuNzkgMy4wNjUgMCAzLjU5MmwuMzE5LjA5NGEuODczLjg3MyAwIDAgMSAuNTIgMS4yNTVsLS4xNi4yOTJjLS44OTIgMS42NC45MDEgMy40MzQgMi41NDEgMi41NGwuMjkyLS4xNTlhLjg3My44NzMgMCAwIDEgMS4yNTUuNTJsLjA5NC4zMTljLjUyNyAxLjc5IDMuMDY1IDEuNzkgMy41OTIgMGwuMDk0LS4zMTlhLjg3My44NzMgMCAwIDEgMS4yNTUtLjUybC4yOTIuMTZjMS42NC44OTMgMy40MzQtLjkwMiAyLjU0LTIuNTQxbC0uMTU5LS4yOTJhLjg3My44NzMgMCAwIDEgLjUyLTEuMjU1bC4zMTktLjA5NGMxLjc5LS41MjcgMS43OS0zLjA2NSAwLTMuNTkybC0uMzE5LS4wOTRhLjg3My44NzMgMCAwIDEtLjUyLTEuMjU1bC4xNi0uMjkyYy44OTMtMS42NC0uOTAyLTMuNDMzLTIuNTQxLTIuNTRsLS4yOTIuMTU5YS44NzMuODczIDAgMCAxLTEuMjU1LS41MnptLTIuNjMzLjI4M2MuMjQ2LS44MzUgMS40MjgtLjgzNSAxLjY3NCAwbC4wOTQuMzE5YTEuODczIDEuODczIDAgMCAwIDIuNjkzIDEuMTE1bC4yOTEtLjE2Yy43NjQtLjQxNSAxLjYuNDIgMS4xODQgMS4xODVsLS4xNTkuMjkyYTEuODczIDEuODczIDAgMCAwIDEuMTE2IDIuNjkybC4zMTguMDk0Yy44MzUuMjQ2LjgzNSAxLjQyOCAwIDEuNjc0bC0uMzE5LjA5NGExLjg3MyAxLjg3MyAwIDAgMC0xLjExNSAyLjY5M2wuMTYuMjkxYy40MTUuNzY0LS40MiAxLjYtMS4xODUgMS4xODRsLS4yOTEtLjE1OWExLjg3MyAxLjg3MyAwIDAgMC0yLjY5MyAxLjExNmwtLjA5NC4zMThjLS4yNDYuODM1LTEuNDI4LjgzNS0xLjY3NCAwbC0uMDk0LS4zMTlhMS44NzMgMS44NzMgMCAwIDAtMi42OTItMS4xMTVsLS4yOTIuMTZjLS43NjQuNDE1LTEuNi0uNDItMS4xODQtMS4xODVsLjE1OS0uMjkxQTEuODczIDEuODczIDAgMCAwIDEuOTQ1IDguOTNsLS4zMTktLjA5NGMtLjgzNS0uMjQ2LS44MzUtMS40MjggMC0xLjY3NGwuMzE5LS4wOTRBMS44NzMgMS44NzMgMCAwIDAgMy4wNiA0LjM3N2wtLjE2LS4yOTJjLS40MTUtLjc2NC40Mi0xLjYgMS4xODUtMS4xODRsLjI5Mi4xNTlhMS44NzMgMS44NzMgMCAwIDAgMi42OTItMS4xMTV6Ii8+Cjwvc3ZnPg==)}.cbb-icon--hourglass .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaG91cmdsYXNzIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0yIDEuNWEuNS41IDAgMCAxIC41LS41aDExYS41LjUgMCAwIDEgMCAxaC0xdjFhNC41IDQuNSAwIDAgMS0yLjU1NyA0LjA2Yy0uMjkuMTM5LS40NDMuMzc3LS40NDMuNTl2LjdjMCAuMjEzLjE1NC40NTEuNDQzLjU5QTQuNSA0LjUgMCAwIDEgMTIuNSAxM3YxaDFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAxIDEgMC0xaDF2LTFhNC41IDQuNSAwIDAgMSAyLjU1Ny00LjA2Yy4yOS0uMTM5LjQ0My0uMzc3LjQ0My0uNTl2LS43YzAtLjIxMy0uMTU0LS40NTEtLjQ0My0uNTlBNC41IDQuNSAwIDAgMSAzLjUgM1YyaC0xYS41LjUgMCAwIDEtLjUtLjVtMi41LjV2MWEzLjUgMy41IDAgMCAwIDEuOTg5IDMuMTU4Yy41MzMuMjU2IDEuMDExLjc5MSAxLjAxMSAxLjQ5MXYuNzAyYzAgLjctLjQ3OCAxLjIzNS0xLjAxMSAxLjQ5MUEzLjUgMy41IDAgMCAwIDQuNSAxM3YxaDd2LTFhMy41IDMuNSAwIDAgMC0xLjk4OS0zLjE1OEM4Ljk3OCA5LjU4NiA4LjUgOS4wNTIgOC41IDguMzUxdi0uNzAyYzAtLjcuNDc4LTEuMjM1IDEuMDExLTEuNDkxQTMuNSAzLjUgMCAwIDAgMTEuNSAzVjJ6Ii8+Cjwvc3ZnPg==)}.cbb-icon--hourglass-bottom .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaG91cmdsYXNzLWJvdHRvbSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMiAxLjVhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMXYxYTQuNSA0LjUgMCAwIDEtMi41NTcgNC4wNmMtLjI5LjEzOS0uNDQzLjM3Ny0uNDQzLjU5di43YzAgLjIxMy4xNTQuNDUxLjQ0My41OUE0LjUgNC41IDAgMCAxIDEyLjUgMTN2MWgxYS41LjUgMCAwIDEgMCAxaC0xMWEuNS41IDAgMSAxIDAtMWgxdi0xYTQuNSA0LjUgMCAwIDEgMi41NTctNC4wNmMuMjktLjEzOS40NDMtLjM3Ny40NDMtLjU5di0uN2MwLS4yMTMtLjE1NC0uNDUxLS40NDMtLjU5QTQuNSA0LjUgMCAwIDEgMy41IDNWMmgtMWEuNS41IDAgMCAxLS41LS41bTIuNS41djFhMy41IDMuNSAwIDAgMCAxLjk4OSAzLjE1OGMuNTMzLjI1NiAxLjAxMS43OTEgMS4wMTEgMS40OTF2LjcwMnMuMTguMTQ5LjUuMTQ5LjUtLjE1LjUtLjE1di0uN2MwLS43MDEuNDc4LTEuMjM2IDEuMDExLTEuNDkyQTMuNSAzLjUgMCAwIDAgMTEuNSAzVjJ6Ii8+Cjwvc3ZnPg==)}.cbb-icon--hourglass-split .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaG91cmdsYXNzLXNwbGl0IiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0yLjUgMTVhLjUuNSAwIDEgMSAwLTFoMXYtMWE0LjUgNC41IDAgMCAxIDIuNTU3LTQuMDZjLjI5LS4xMzkuNDQzLS4zNzcuNDQzLS41OXYtLjdjMC0uMjEzLS4xNTQtLjQ1MS0uNDQzLS41OUE0LjUgNC41IDAgMCAxIDMuNSAzVjJoLTFhLjUuNSAwIDAgMSAwLTFoMTFhLjUuNSAwIDAgMSAwIDFoLTF2MWE0LjUgNC41IDAgMCAxLTIuNTU3IDQuMDZjLS4yOS4xMzktLjQ0My4zNzctLjQ0My41OXYuN2MwIC4yMTMuMTU0LjQ1MS40NDMuNTlBNC41IDQuNSAwIDAgMSAxMi41IDEzdjFoMWEuNS41IDAgMCAxIDAgMXptMi0xM3YxYzAgLjUzNy4xMiAxLjA0NS4zMzcgMS41aDYuMzI2Yy4yMTYtLjQ1NS4zMzctLjk2My4zMzctMS41VjJ6bTMgNi4zNWMwIC43MDEtLjQ3OCAxLjIzNi0xLjAxMSAxLjQ5MkEzLjUgMy41IDAgMCAwIDQuNSAxM3MuODY2LTEuMjk5IDMtMS40OHptMSAwdjMuMTdjMi4xMzQuMTgxIDMgMS40OCAzIDEuNDhhMy41IDMuNSAwIDAgMC0xLjk4OS0zLjE1OEM4Ljk3OCA5LjU4NiA4LjUgOS4wNTIgOC41IDguMzUxeiIvPgo8L3N2Zz4=)}.cbb-icon--hourglass-top .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaG91cmdsYXNzLXRvcCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMiAxNC41YS41LjUgMCAwIDAgLjUuNWgxMWEuNS41IDAgMSAwIDAtMWgtMXYtMWE0LjUgNC41IDAgMCAwLTIuNTU3LTQuMDZjLS4yOS0uMTM5LS40NDMtLjM3Ny0uNDQzLS41OXYtLjdjMC0uMjEzLjE1NC0uNDUxLjQ0My0uNTlBNC41IDQuNSAwIDAgMCAxMi41IDNWMmgxYS41LjUgMCAwIDAgMC0xaC0xMWEuNS41IDAgMCAwIDAgMWgxdjFhNC41IDQuNSAwIDAgMCAyLjU1NyA0LjA2Yy4yOS4xMzkuNDQzLjM3Ny40NDMuNTl2LjdjMCAuMjEzLS4xNTQuNDUxLS40NDMuNTlBNC41IDQuNSAwIDAgMCAzLjUgMTN2MWgtMWEuNS41IDAgMCAwLS41LjVtMi41LS41di0xYTMuNSAzLjUgMCAwIDEgMS45ODktMy4xNThjLjUzMy0uMjU2IDEuMDExLS43OSAxLjAxMS0xLjQ5MXYtLjcwMnMuMTguMTAxLjUuMTAxLjUtLjEuNS0uMXYuN2MwIC43MDEuNDc4IDEuMjM2IDEuMDExIDEuNDkyQTMuNSAzLjUgMCAwIDEgMTEuNSAxM3YxeiIvPgo8L3N2Zz4=)}.cbb-icon--lightbulb .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktbGlnaHRidWxiIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0yIDZhNiA2IDAgMSAxIDEwLjE3NCA0LjMxYy0uMjAzLjE5Ni0uMzU5LjQtLjQ1My42MTlsLS43NjIgMS43NjlBLjUuNSAwIDAgMSAxMC41IDEzYS41LjUgMCAwIDEgMCAxIC41LjUgMCAwIDEgMCAxbC0uMjI0LjQ0N2ExIDEgMCAwIDEtLjg5NC41NTNINi42MThhMSAxIDAgMCAxLS44OTQtLjU1M0w1LjUgMTVhLjUuNSAwIDAgMSAwLTEgLjUuNSAwIDAgMSAwLTEgLjUuNSAwIDAgMS0uNDYtLjMwMmwtLjc2MS0xLjc3YTIgMiAwIDAgMC0uNDUzLS42MThBNS45OCA1Ljk4IDAgMCAxIDIgNm02LTVhNSA1IDAgMCAwLTMuNDc5IDguNTkyYy4yNjMuMjU0LjUxNC41NjQuNjc2Ljk0MUw1LjgzIDEyaDQuMzQybC42MzItMS40NjdjLjE2Mi0uMzc3LjQxMy0uNjg3LjY3Ni0uOTQxQTUgNSAwIDAgMCA4IDEiLz4KPC9zdmc+)}.cbb-icon--moon-stars .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktbW9vbi1zdGFycyIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNNiAuMjc4YS43Ny43NyAwIDAgMSAuMDguODU4IDcuMiA3LjIgMCAwIDAtLjg3OCAzLjQ2YzAgNC4wMjEgMy4yNzggNy4yNzcgNy4zMTggNy4yNzdxLjc5Mi0uMDAxIDEuNTMzLS4xNmEuNzkuNzkgMCAwIDEgLjgxLjMxNi43My43MyAwIDAgMS0uMDMxLjg5M0E4LjM1IDguMzUgMCAwIDEgOC4zNDQgMTZDMy43MzQgMTYgMCAxMi4yODYgMCA3LjcxIDAgNC4yNjYgMi4xMTQgMS4zMTIgNS4xMjQuMDZBLjc1Ljc1IDAgMCAxIDYgLjI3OE00Ljg1OCAxLjMxMUE3LjI3IDcuMjcgMCAwIDAgMS4wMjUgNy43MWMwIDQuMDIgMy4yNzkgNy4yNzYgNy4zMTkgNy4yNzZhNy4zMiA3LjMyIDAgMCAwIDUuMjA1LTIuMTYycS0uNTA2LjA2My0xLjAyOS4wNjNjLTQuNjEgMC04LjM0My0zLjcxNC04LjM0My04LjI5IDAtMS4xNjcuMjQyLTIuMjc4LjY4MS0zLjI4NiIvPgogIDxwYXRoIGQ9Ik0xMC43OTQgMy4xNDhhLjIxNy4yMTcgMCAwIDEgLjQxMiAwbC4zODcgMS4xNjJjLjE3My41MTguNTc5LjkyNCAxLjA5NyAxLjA5N2wxLjE2Mi4zODdhLjIxNy4yMTcgMCAwIDEgMCAuNDEybC0xLjE2Mi4zODdhMS43MyAxLjczIDAgMCAwLTEuMDk3IDEuMDk3bC0uMzg3IDEuMTYyYS4yMTcuMjE3IDAgMCAxLS40MTIgMGwtLjM4Ny0xLjE2MkExLjczIDEuNzMgMCAwIDAgOS4zMSA2LjU5M2wtMS4xNjItLjM4N2EuMjE3LjIxNyAwIDAgMSAwLS40MTJsMS4xNjItLjM4N2ExLjczIDEuNzMgMCAwIDAgMS4wOTctMS4wOTd6TTEzLjg2My4wOTlhLjE0NS4xNDUgMCAwIDEgLjI3NCAwbC4yNTguNzc0Yy4xMTUuMzQ2LjM4Ni42MTcuNzMyLjczMmwuNzc0LjI1OGEuMTQ1LjE0NSAwIDAgMSAwIC4yNzRsLS43NzQuMjU4YTEuMTYgMS4xNiAwIDAgMC0uNzMyLjczMmwtLjI1OC43NzRhLjE0NS4xNDUgMCAwIDEtLjI3NCAwbC0uMjU4LS43NzRhMS4xNiAxLjE2IDAgMCAwLS43MzItLjczMmwtLjc3NC0uMjU4YS4xNDUuMTQ1IDAgMCAxIDAtLjI3NGwuNzc0LS4yNThjLjM0Ni0uMTE1LjYxNy0uMzg2LjczMi0uNzMyeiIvPgo8L3N2Zz4=)}.cbb-icon--people-fill .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGVvcGxlLWZpbGwiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTcgMTRzLTEgMC0xLTEgMS00IDUtNCA1IDMgNSA0LTEgMS0xIDF6bTQtNmEzIDMgMCAxIDAgMC02IDMgMyAwIDAgMCAwIDZtLTUuNzg0IDZBMi4yNCAyLjI0IDAgMCAxIDUgMTNjMC0xLjM1NS42OC0yLjc1IDEuOTM2LTMuNzJBNi4zIDYuMyAwIDAgMCA1IDljLTQgMC01IDMtNSA0czEgMSAxIDF6TTQuNSA4YTIuNSAyLjUgMCAxIDAgMC01IDIuNSAyLjUgMCAwIDAgMCA1Ii8+Cjwvc3ZnPg==)}.cbb-icon--person-circle .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGVyc29uLWNpcmNsZSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMTEgNmEzIDMgMCAxIDEtNiAwIDMgMyAwIDAgMSA2IDAiLz4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDhhOCA4IDAgMSAxIDE2IDBBOCA4IDAgMCAxIDAgOG04LTdhNyA3IDAgMCAwLTUuNDY4IDExLjM3QzMuMjQyIDExLjIyNiA0LjgwNSAxMCA4IDEwczQuNzU3IDEuMjI1IDUuNDY4IDIuMzdBNyA3IDAgMCAwIDggMSIvPgo8L3N2Zz4=)}.cbb-icon--quote .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcXVvdGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEyIDEyYTEgMSAwIDAgMCAxLTFWOC41NThhMSAxIDAgMCAwLTEtMWgtMS4zODhxMC0uNTI3LjA2Mi0xLjA1NC4wOTMtLjU1OC4zMS0uOTkydC41NTktLjY4M3EuMzQtLjI3OS44NjgtLjI3OVYzcS0uODY4IDAtMS41Mi4zNzJhMy4zIDMuMyAwIDAgMC0xLjA4NS45OTIgNC45IDQuOSAwIDAgMC0uNjIgMS40NThBNy43IDcuNyAwIDAgMCA5IDcuNTU4VjExYTEgMSAwIDAgMCAxIDF6bS02IDBhMSAxIDAgMCAwIDEtMVY4LjU1OGExIDEgMCAwIDAtMS0xSDQuNjEycTAtLjUyNy4wNjItMS4wNTQuMDk0LS41NTguMzEtLjk5Mi4yMTctLjQzNC41NTktLjY4My4zNC0uMjc5Ljg2OC0uMjc5VjNxLS44NjggMC0xLjUyLjM3MmEzLjMgMy4zIDAgMCAwLTEuMDg1Ljk5MiA0LjkgNC45IDAgMCAwLS42MiAxLjQ1OEE3LjcgNy43IDAgMCAwIDMgNy41NThWMTFhMSAxIDAgMCAwIDEgMXoiLz4KPC9zdmc+)}.cbb-icon--robot .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcm9ib3QiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTYgMTIuNWEuNS41IDAgMCAxIC41LS41aDNhLjUuNSAwIDAgMSAwIDFoLTNhLjUuNSAwIDAgMS0uNS0uNU0zIDguMDYyQzMgNi43NiA0LjIzNSA1Ljc2NSA1LjUzIDUuODg2YTI2LjYgMjYuNiAwIDAgMCA0Ljk0IDBDMTEuNzY1IDUuNzY1IDEzIDYuNzYgMTMgOC4wNjJ2MS4xNTdhLjkzLjkzIDAgMCAxLS43NjUuOTM1Yy0uODQ1LjE0Ny0yLjM0LjM0Ni00LjIzNS4zNDZzLTMuMzktLjItNC4yMzUtLjM0NkEuOTMuOTMgMCAwIDEgMyA5LjIxOXptNC41NDItLjgyN2EuMjUuMjUgMCAwIDAtLjIxNy4wNjhsLS45Mi45YTI1IDI1IDAgMCAxLTEuODcxLS4xODMuMjUuMjUgMCAwIDAtLjA2OC40OTVjLjU1LjA3NiAxLjIzMi4xNDkgMi4wMi4xOTNhLjI1LjI1IDAgMCAwIC4xODktLjA3MWwuNzU0LS43MzYuODQ3IDEuNzFhLjI1LjI1IDAgMCAwIC40MDQuMDYybC45MzItLjk3YTI1IDI1IDAgMCAwIDEuOTIyLS4xODguMjUuMjUgMCAwIDAtLjA2OC0uNDk1Yy0uNTM4LjA3NC0xLjIwNy4xNDUtMS45OC4xODlhLjI1LjI1IDAgMCAwLS4xNjYuMDc2bC0uNzU0Ljc4NS0uODQyLTEuN2EuMjUuMjUgMCAwIDAtLjE4Mi0uMTM1Ii8+CiAgPHBhdGggZD0iTTguNSAxLjg2NmExIDEgMCAxIDAtMSAwVjNoLTJBNC41IDQuNSAwIDAgMCAxIDcuNVY4YTEgMSAwIDAgMC0xIDF2MmExIDEgMCAwIDAgMSAxdjFhMiAyIDAgMCAwIDIgMmgxMGEyIDIgMCAwIDAgMi0ydi0xYTEgMSAwIDAgMCAxLTFWOWExIDEgMCAwIDAtMS0xdi0uNUE0LjUgNC41IDAgMCAwIDEwLjUgM2gtMnpNMTQgNy41VjEzYTEgMSAwIDAgMS0xIDFIM2ExIDEgMCAwIDEtMS0xVjcuNUEzLjUgMy41IDAgMCAxIDUuNSA0aDVBMy41IDMuNSAwIDAgMSAxNCA3LjUiLz4KPC9zdmc+)}.cbb-icon--rocket-takeoff .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcm9ja2V0LXRha2VvZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTkuNzUyIDYuMTkzYy41OTkuNiAxLjczLjQzNyAyLjUyOC0uMzYycy45Ni0xLjkzMi4zNjItMi41MzFjLS41OTktLjYtMS43My0uNDM4LTIuNTI4LjM2MS0uNzk4LjgtLjk2IDEuOTMzLS4zNjIgMi41MzIiLz4KICA8cGF0aCBkPSJNMTUuODExIDMuMzEyYy0uMzYzIDEuNTM0LTEuMzM0IDMuNjI2LTMuNjQgNi4yMThsLS4yNCAyLjQwOGEyLjU2IDIuNTYgMCAwIDEtLjczMiAxLjUyNkw4LjgxNyAxNS44NWEuNTEuNTEgMCAwIDEtLjg2Ny0uNDM0bC4yNy0xLjg5OWMuMDQtLjI4LS4wMTMtLjU5My0uMTMxLS45NTZhOSA5IDAgMCAwLS4yNDktLjY1N2wtLjA4Mi0uMjAyYy0uODE1LS4xOTctMS41NzgtLjY2Mi0yLjE5MS0xLjI3Ny0uNjE0LS42MTUtMS4wNzktMS4zNzktMS4yNzUtMi4xOTVsLS4yMDMtLjA4M2ExMCAxMCAwIDAgMC0uNjU1LS4yNDhjLS4zNjMtLjExOS0uNjc1LS4xNzItLjk1NS0uMTMybC0xLjg5Ni4yN0EuNTEuNTEgMCAwIDEgLjE1IDcuMTdsMi4zODItMi4zODZjLjQxLS40MS45NDctLjY3IDEuNTI0LS43MzRoLjAwNmwyLjQtLjIzOEM5LjAwNSAxLjU1IDExLjA4Ny41ODIgMTIuNjIzLjIwOGMuODktLjIxNyAxLjU5LS4yMzIgMi4wOC0uMTg4LjI0NC4wMjMuNDM1LjA2LjU3LjA5M3EuMS4wMjYuMTYuMDQ1Yy4xODQuMDYuMjc5LjEzLjM1MS4yOTVsLjAyOS4wNzNhMy41IDMuNSAwIDAgMSAuMTU3LjcyMWMuMDU1LjQ4NS4wNTEgMS4xNzgtLjE1OSAyLjA2NW0tNC44MjggNy40NzUuMDQtLjA0LS4xMDcgMS4wODFhMS41NCAxLjU0IDAgMCAxLS40NC45MTNsLTEuMjk4IDEuMy4wNTQtLjM4Yy4wNzItLjUwNi0uMDM0LS45OTMtLjE3Mi0xLjQxOGE5IDkgMCAwIDAtLjE2NC0uNDVjLjczOC0uMDY1IDEuNDYyLS4zOCAyLjA4Ny0xLjAwNk01LjIwNSA1Yy0uNjI1LjYyNi0uOTQgMS4zNTEtMS4wMDQgMi4wOWE5IDkgMCAwIDAtLjQ1LS4xNjRjLS40MjQtLjEzOC0uOTEtLjI0NC0xLjQxNi0uMTcybC0uMzguMDU0IDEuMy0xLjNjLjI0NS0uMjQ2LjU2Ni0uNDAxLjkxLS40NGwxLjA4LS4xMDd6bTkuNDA2LTMuOTYxYy0uMzgtLjAzNC0uOTY3LS4wMjctMS43NDYuMTYzLTEuNTU4LjM4LTMuOTE3IDEuNDk2LTYuOTM3IDQuNTIxLS42Mi42Mi0uNzk5IDEuMzQtLjY4NyAyLjA1MS4xMDcuNjc2LjQ4MyAxLjM2MiAxLjA0OCAxLjkyOC41NjQuNTY1IDEuMjUuOTQxIDEuOTI0IDEuMDQ5LjcxLjExMiAxLjQyOS0uMDY3IDIuMDQ4LS42ODggMy4wNzktMy4wODMgNC4xOTItNS40NDQgNC41NTYtNi45ODcuMTgzLS43NzEuMTgtMS4zNDUuMTM4LTEuNzEzYTMgMyAwIDAgMC0uMDQ1LS4yODMgMyAzIDAgMCAwLS4zLS4wNDFaIi8+CiAgPHBhdGggZD0iTTcuMDA5IDEyLjEzOWE3LjYgNy42IDAgMCAxLTEuODA0LTEuMzUyQTcuNiA3LjYgMCAwIDEgMy43OTQgOC44NmMtMS4xMDIuOTkyLTEuOTY1IDUuMDU0LTEuODM5IDUuMTguMTI1LjEyNiAzLjkzNi0uODk2IDUuMDU0LTEuOTAyWiIvPgo8L3N2Zz4=)}.cbb-icon--star .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc3RhciIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMi44NjYgMTQuODVjLS4wNzguNDQ0LjM2Ljc5MS43NDYuNTkzbDQuMzktMi4yNTYgNC4zODkgMi4yNTZjLjM4Ni4xOTguODI0LS4xNDkuNzQ2LS41OTJsLS44My00LjczIDMuNTIyLTMuMzU2Yy4zMy0uMzE0LjE2LS44ODgtLjI4Mi0uOTVsLTQuODk4LS42OTZMOC40NjUuNzkyYS41MTMuNTEzIDAgMCAwLS45MjcgMEw1LjM1NCA1LjEybC00Ljg5OC42OTZjLS40NDEuMDYyLS42MTIuNjM2LS4yODMuOTVsMy41MjMgMy4zNTYtLjgzIDQuNzN6bTQuOTA1LTIuNzY3LTMuNjg2IDEuODk0LjY5NC0zLjk1N2EuNTYuNTYgMCAwIDAtLjE2My0uNTA1TDEuNzEgNi43NDVsNC4wNTItLjU3NmEuNTMuNTMgMCAwIDAgLjM5My0uMjg4TDggMi4yMjNsMS44NDcgMy42NThhLjUzLjUzIDAgMCAwIC4zOTMuMjg4bDQuMDUyLjU3NS0yLjkwNiAyLjc3YS41Ni41NiAwIDAgMC0uMTYzLjUwNmwuNjk0IDMuOTU3LTMuNjg2LTEuODk0YS41LjUgMCAwIDAtLjQ2MSAweiIvPgo8L3N2Zz4=)}.cbb-icon--stickies .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc3RpY2tpZXMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEuNSAwQTEuNSAxLjUgMCAwIDAgMCAxLjVWMTNhMSAxIDAgMCAwIDEgMVYxLjVhLjUuNSAwIDAgMSAuNS0uNUgxNGExIDEgMCAwIDAtMS0xeiIvPgogIDxwYXRoIGQ9Ik0zLjUgMkExLjUgMS41IDAgMCAwIDIgMy41djExQTEuNSAxLjUgMCAwIDAgMy41IDE2aDYuMDg2YTEuNSAxLjUgMCAwIDAgMS4wNi0uNDRsNC45MTUtNC45MTRBMS41IDEuNSAwIDAgMCAxNiA5LjU4NlYzLjVBMS41IDEuNSAwIDAgMCAxNC41IDJ6TTMgMy41YS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAuNS41VjloLTQuNUExLjUgMS41IDAgMCAwIDkgMTAuNVYxNUgzLjVhLjUuNSAwIDAgMS0uNS0uNXptNyAxMS4yOTNWMTAuNWEuNS41IDAgMCAxIC41LS41aDQuMjkzeiIvPgo8L3N2Zz4=)}.cbb-icon--tools .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdG9vbHMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEgMCAwIDFsMi4yIDMuMDgxYTEgMSAwIDAgMCAuODE1LjQxOWguMDdhMSAxIDAgMCAxIC43MDguMjkzbDIuNjc1IDIuNjc1LTIuNjE3IDIuNjU0QTMuMDAzIDMuMDAzIDAgMCAwIDAgMTNhMyAzIDAgMSAwIDUuODc4LS44NTFsMi42NTQtMi42MTcuOTY4Ljk2OC0uMzA1LjkxNGExIDEgMCAwIDAgLjI0MiAxLjAyM2wzLjI3IDMuMjdhLjk5Ny45OTcgMCAwIDAgMS40MTQgMGwxLjU4Ni0xLjU4NmEuOTk3Ljk5NyAwIDAgMCAwLTEuNDE0bC0zLjI3LTMuMjdhMSAxIDAgMCAwLTEuMDIzLS4yNDJMMTAuNSA5LjVsLS45Ni0uOTYgMi42OC0yLjY0M0EzLjAwNSAzLjAwNSAwIDAgMCAxNiAzcTAtLjQwNS0uMTAyLS43NzdsLTIuMTQgMi4xNDFMMTIgNGwtLjM2NC0xLjc1N0wxMy43NzcuMTAyYTMgMyAwIDAgMC0zLjY3NSAzLjY4TDcuNDYyIDYuNDYgNC43OTMgMy43OTNhMSAxIDAgMCAxLS4yOTMtLjcwN3YtLjA3MWExIDEgMCAwIDAtLjQxOS0uODE0em05LjY0NiAxMC42NDZhLjUuNSAwIDAgMSAuNzA4IDBsMi45MTQgMi45MTVhLjUuNSAwIDAgMS0uNzA3LjcwN2wtMi45MTUtMi45MTRhLjUuNSAwIDAgMSAwLS43MDhNMyAxMWwuNDcxLjI0Mi41MjkuMDI2LjI4Ny40NDUuNDQ1LjI4Ny4wMjYuNTI5TDUgMTNsLS4yNDIuNDcxLS4wMjYuNTI5LS40NDUuMjg3LS4yODcuNDQ1LS41MjkuMDI2TDMgMTVsLS40NzEtLjI0MkwyIDE0LjczMmwtLjI4Ny0uNDQ1TDEuMjY4IDE0bC0uMDI2LS41MjlMMSAxM2wuMjQyLS40NzEuMDI2LS41MjkuNDQ1LS4yODcuMjg3LS40NDUuNTI5LS4wMjZ6Ii8+Cjwvc3ZnPg==)}.cbb-icon--umbrella-fill .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdW1icmVsbGEtZmlsbCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDBhLjUuNSAwIDAgMSAuNS41di41MTRDMTIuNjI1IDEuMjM4IDE2IDQuMjIgMTYgOGMwIDAgMCAuNS0uNS41LS4xNDkgMC0uMzUyLS4xNDUtLjM1Mi0uMTQ1bC0uMDA0LS4wMDQtLjAyNS0uMDIzYTMuNSAzLjUgMCAwIDAtLjU1NS0uMzk0QTMuMTcgMy4xNyAwIDAgMCAxMyA3LjVjLS42MzggMC0xLjE3OC4yMTMtMS41NjQuNDM0YTMuNSAzLjUgMCAwIDAtLjU1NS4zOTRsLS4wMjUuMDIzLS4wMDMuMDAzcy0uMjA0LjE0Ni0uMzUzLjE0Ni0uMzUyLS4xNDUtLjM1Mi0uMTQ1bC0uMDA0LS4wMDQtLjAyNS0uMDIzYTMuNSAzLjUgMCAwIDAtLjU1NS0uMzk0IDMuMyAzLjMgMCAwIDAtMS4wNjQtLjM5VjEzLjVIOGguNXYuMDM5bC0uMDA1LjA4M2EzIDMgMCAwIDEtLjI5OCAxLjEwMiAyLjI2IDIuMjYgMCAwIDEtLjc2My44OEM3LjA2IDE1Ljg1MSA2LjU4NyAxNiA2IDE2cy0xLjA2MS0uMTQ4LTEuNDM0LS4zOTZhMi4yNiAyLjI2IDAgMCAxLS43NjMtLjg4IDMgMyAwIDAgMS0uMzAyLTEuMTg1di0uMDI1bC0uMDAxLS4wMDl2LS4wMDNzMC0uMDAyLjUtLjAwMmgtLjVWMTNhLjUuNSAwIDAgMSAxIDB2LjUwNmwuMDAzLjA0NGEyIDIgMCAwIDAgLjE5NS43MjZjLjA5NS4xOTEuMjMuMzY3LjQyMy40OTUuMTkuMTI3LjQ2Ni4yMjkuODc5LjIyOXMuNjg5LS4xMDIuODc5LS4yMjljLjE5My0uMTI4LjMyOC0uMzA0LjQyNC0uNDk1YTIgMiAwIDAgMCAuMTk3LS43N1Y3LjU0NGEzLjMgMy4zIDAgMCAwLTEuMDY0LjM5IDMuNSAzLjUgMCAwIDAtLjU4LjQxN2wtLjAwNC4wMDRTNS42NSA4LjUgNS41IDguNXMtLjM1Mi0uMTQ1LS4zNTItLjE0NWwtLjAwNC0uMDA0YTMuNSAzLjUgMCAwIDAtLjU4LS40MTdBMy4xNyAzLjE3IDAgMCAwIDMgNy41Yy0uNjM4IDAtMS4xNzcuMjEzLTEuNTY0LjQzNGEzLjUgMy41IDAgMCAwLS41OC40MTdsLS4wMDQuMDA0Uy42NSA4LjUuNSA4LjVDMCA4LjUgMCA4IDAgOGMwLTMuNzggMy4zNzUtNi43NjIgNy41LTYuOTg2Vi41QS41LjUgMCAwIDEgOCAwIi8+Cjwvc3ZnPg==)}.cbb-icon--watch .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd2F0Y2giIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTguNSA1YS41LjUgMCAwIDAtMSAwdjIuNUg2YS41LjUgMCAwIDAgMCAxaDJhLjUuNSAwIDAgMCAuNS0uNXoiLz4KICA8cGF0aCBkPSJNNS42NjcgMTZDNC43NDcgMTYgNCAxNS4yNTQgNCAxNC4zMzN2LTEuODZBNiA2IDAgMCAxIDIgOGMwLTEuNzc3Ljc3Mi0zLjM3NCAyLTQuNDcyVjEuNjY3QzQgLjc0NyA0Ljc0NiAwIDUuNjY3IDBoNC42NjZDMTEuMjUzIDAgMTIgLjc0NiAxMiAxLjY2N3YxLjg2YTYgNiAwIDAgMSAxLjkxOCAzLjQ4LjUwMi41MDIgMCAwIDEgLjU4Mi40OTN2MWEuNS41IDAgMCAxLS41ODIuNDkzQTYgNiAwIDAgMSAxMiAxMi40NzN2MS44NmMwIC45Mi0uNzQ2IDEuNjY3LTEuNjY3IDEuNjY3ek0xMyA4QTUgNSAwIDEgMCAzIDhhNSA1IDAgMCAwIDEwIDAiLz4KPC9zdmc+)}.cbb-icon--wind .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd2luZCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMTIuNSAyQTIuNSAyLjUgMCAwIDAgMTAgNC41YS41LjUgMCAwIDEtMSAwQTMuNSAzLjUgMCAxIDEgMTIuNSA4SC41YS41LjUgMCAwIDEgMC0xaDEyYTIuNSAyLjUgMCAwIDAgMC01bS03IDFhMSAxIDAgMCAwLTEgMSAuNS41IDAgMCAxLTEgMCAyIDIgMCAxIDEgMiAyaC01YS41LjUgMCAwIDEgMC0xaDVhMSAxIDAgMCAwIDAtMk0wIDkuNUEuNS41IDAgMCAxIC41IDloMTAuMDQyYTMgMyAwIDEgMS0zIDMgLjUuNSAwIDAgMSAxIDAgMiAyIDAgMSAwIDItMkguNWEuNS41IDAgMCAxLS41LS41Ii8+Cjwvc3ZnPg==)}.cbb-icon--wrench .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd3JlbmNoIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0uMTAyIDIuMjIzQTMuMDA0IDMuMDA0IDAgMCAwIDMuNzggNS44OTdsNi4zNDEgNi4yNTJBMy4wMDMgMy4wMDMgMCAwIDAgMTMgMTZhMyAzIDAgMSAwLS44NTEtNS44NzhMNS44OTcgMy43ODFBMy4wMDQgMy4wMDQgMCAwIDAgMi4yMjMuMWwyLjE0MSAyLjE0Mkw0IDRsLTEuNzU3LjM2NHptMTMuMzcgOS4wMTkuNTI4LjAyNi4yODcuNDQ1LjQ0NS4yODcuMDI2LjUyOUwxNSAxM2wtLjI0Mi40NzEtLjAyNi41MjktLjQ0NS4yODctLjI4Ny40NDUtLjUyOS4wMjZMMTMgMTVsLS40NzEtLjI0Mi0uNTI5LS4wMjYtLjI4Ny0uNDQ1LS40NDUtLjI4Ny0uMDI2LS41MjlMMTEgMTNsLjI0Mi0uNDcxLjAyNi0uNTI5LjQ0NS0uMjg3LjI4Ny0uNDQ1LjUyOS0uMDI2TDEzIDExeiIvPgo8L3N2Zz4=)}.cbb-icon--wrench-adjustable .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd3JlbmNoLWFkanVzdGFibGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTE2IDQuNWE0LjUgNC41IDAgMCAxLTEuNzAzIDMuNTI2TDEzIDVsMi45NTktMS4xMXEuMDQuMy4wNDEuNjEiLz4KICA8cGF0aCBkPSJNMTEuNSA5Yy42NTMgMCAxLjI3My0uMTM5IDEuODMzLS4zOUwxMiA1LjUgMTEgM2wzLjgyNi0xLjUzQTQuNSA0LjUgMCAwIDAgNy4yOSA2LjA5MmwtNi4xMTYgNS4wOTZhMi41ODMgMi41ODMgMCAxIDAgMy42MzggMy42MzhMOS45MDggOC43MUE0LjUgNC41IDAgMCAwIDExLjUgOW0tMS4yOTItNC4zNjEtLjU5Ni44OTMuODA5LS4yN2EuMjUuMjUgMCAwIDEgLjI4Ny4zNzdsLS41OTYuODkzLjgwOS0uMjcuMTU4LjQ3NS0xLjUuNWEuMjUuMjUgMCAwIDEtLjI4Ny0uMzc2bC41OTYtLjg5My0uODA5LjI3YS4yNS4yNSAwIDAgMS0uMjg3LS4zNzdsLjU5Ni0uODkzLS44MDkuMjctLjE1OC0uNDc1IDEuNS0uNWEuMjUuMjUgMCAwIDEgLjI4Ny4zNzZNMyAxNGExIDEgMCAxIDEgMC0yIDEgMSAwIDAgMSAwIDIiLz4KPC9zdmc+)}.cbb-icon--wrench-adjustable-circle .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd3JlbmNoLWFkanVzdGFibGUtY2lyY2xlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0xMi40OTYgOGE0LjUgNC41IDAgMCAxLTEuNzAzIDMuNTI2TDkuNDk3IDguNWwyLjk1OS0xLjExcS4wNC4zLjA0LjYxIi8+CiAgPHBhdGggZD0iTTE2IDhBOCA4IDAgMSAxIDAgOGE4IDggMCAwIDEgMTYgMG0tMSAwYTcgNyAwIDEgMC0xMy4yMDIgMy4yNDlsMS45ODgtMS42NTdhNC41IDQuNSAwIDAgMSA3LjUzNy00LjYyM0w3LjQ5NyA2LjVsMSAyLjUgMS4zMzMgMy4xMWMtLjU2LjI1MS0xLjE4LjM5LTEuODMzLjM5YTQuNSA0LjUgMCAwIDEtMS41OTItLjI5TDQuNzQ3IDE0LjJBNyA3IDAgMCAwIDE1IDhtLTguMjk1LjEzOWEuMjUuMjUgMCAwIDAtLjI4OC0uMzc2bC0xLjUuNS4xNTkuNDc0LjgwOC0uMjctLjU5NS44OTRhLjI1LjI1IDAgMCAwIC4yODcuMzc2bC44MDgtLjI3LS41OTUuODk0YS4yNS4yNSAwIDAgMCAuMjg3LjM3NmwxLjUtLjUtLjE1OS0uNDc0LS44MDguMjcuNTk2LS44OTRhLjI1LjI1IDAgMCAwLS4yODgtLjM3NmwtLjgwOC4yN3oiLz4KPC9zdmc+)}html[data-theme=dark] .cbb-icon__icon-container:before{filter:drop-shadow(var(--cbb-icon-size,30px) 0 var(--cbb-icon-dark-color,#fff))}
     1.cbb-icon{clip-path:inset(0 0 0 .4px);height:var(--cbb-icon-size,30px);position:relative;width:var(--cbb-icon-size,30px)}.cbb-icon__main-link{cursor:pointer}.cbb-icon__main-link,.cbb-icon__simple-icon{right:0;position:absolute;top:0}.cbb-icon__icon-container,.cbb-icon__main-link,.cbb-icon__simple-icon{display:block;height:var(--cbb-icon-size,30px);width:var(--cbb-icon-size,30px)}.cbb-icon__icon-container{margin-right:calc(var(--cbb-icon-size, 30px)*-1);position:relative}.cbb-icon__icon-container:before{background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;filter:drop-shadow(var(--cbb-icon-size,30px) 0 var(--cbb-icon-color,#000));height:var(--cbb-icon-size,30px);right:0;position:absolute;top:0;width:var(--cbb-icon-size,30px)}.cbb-icon--alarm-fill .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYWxhcm0tZmlsbCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNNiAuNWEuNS41IDAgMCAxIC41LS41aDNhLjUuNSAwIDAgMSAwIDFIOXYxLjA3YTcuMDAxIDcuMDAxIDAgMCAxIDMuMjc0IDEyLjQ3NGwuNjAxLjYwMmEuNS41IDAgMCAxLS43MDcuNzA4bC0uNzQ2LS43NDZBNi45NyA2Ljk3IDAgMCAxIDggMTZhNi45NyA2Ljk3IDAgMCAxLTMuNDIyLS44OTJsLS43NDYuNzQ2YS41LjUgMCAwIDEtLjcwNy0uNzA4bC42MDItLjYwMkE3LjAwMSA3LjAwMSAwIDAgMSA3IDIuMDdWMWgtLjVBLjUuNSAwIDAgMSA2IC41bTIuNSA1YS41LjUgMCAwIDAtMSAwdjMuMzYybC0xLjQyOSAyLjM4YS41LjUgMCAxIDAgLjg1OC41MTVsMS41LTIuNUEuNS41IDAgMCAwIDguNSA5ek0uODYgNS4zODdBMi41IDIuNSAwIDEgMSA0LjM4NyAxLjg2IDguMDQgOC4wNCAwIDAgMCAuODYgNS4zODdNMTEuNjEzIDEuODZhMi41IDIuNSAwIDEgMSAzLjUyNyAzLjUyNyA4LjA0IDguMDQgMCAwIDAtMy41MjctMy41MjciLz4KPC9zdmc+)}.cbb-icon--arrow-left-circle-fill .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctbGVmdC1jaXJjbGUtZmlsbCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNOCAwYTggOCAwIDEgMCAwIDE2QTggOCAwIDAgMCA4IDBtMy41IDcuNWEuNS41IDAgMCAxIDAgMUg1LjcwN2wyLjE0NyAyLjE0NmEuNS41IDAgMCAxLS43MDguNzA4bC0zLTNhLjUuNSAwIDAgMSAwLS43MDhsMy0zYS41LjUgMCAxIDEgLjcwOC43MDhMNS43MDcgNy41eiIvPgo8L3N2Zz4=)}.cbb-icon--arrow-left-circle .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctbGVmdC1jaXJjbGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMSA4YTcgNyAwIDEgMCAxNCAwQTcgNyAwIDAgMCAxIDhtMTUgMEE4IDggMCAxIDEgMCA4YTggOCAwIDAgMSAxNiAwbS00LjUtLjVhLjUuNSAwIDAgMSAwIDFINS43MDdsMi4xNDcgMi4xNDZhLjUuNSAwIDAgMS0uNzA4LjcwOGwtMy0zYS41LjUgMCAwIDEgMC0uNzA4bDMtM2EuNS41IDAgMSAxIC43MDguNzA4TDUuNzA3IDcuNXoiLz4KPC9zdmc+)}.cbb-icon--arrow-right-circle-fill .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctcmlnaHQtY2lyY2xlLWZpbGwiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTggMGE4IDggMCAxIDEgMCAxNkE4IDggMCAwIDEgOCAwTTQuNSA3LjVhLjUuNSAwIDAgMCAwIDFoNS43OTNsLTIuMTQ3IDIuMTQ2YS41LjUgMCAwIDAgLjcwOC43MDhsMy0zYS41LjUgMCAwIDAgMC0uNzA4bC0zLTNhLjUuNSAwIDEgMC0uNzA4LjcwOEwxMC4yOTMgNy41eiIvPgo8L3N2Zz4=)}.cbb-icon--arrow-right-circle .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctcmlnaHQtY2lyY2xlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEgOGE3IDcgMCAxIDAgMTQgMEE3IDcgMCAwIDAgMSA4bTE1IDBBOCA4IDAgMSAxIDAgOGE4IDggMCAwIDEgMTYgME00LjUgNy41YS41LjUgMCAwIDAgMCAxaDUuNzkzbC0yLjE0NyAyLjE0NmEuNS41IDAgMCAwIC43MDguNzA4bDMtM2EuNS41IDAgMCAwIDAtLjcwOGwtMy0zYS41LjUgMCAxIDAtLjcwOC43MDhMMTAuMjkzIDcuNXoiLz4KPC9zdmc+)}.cbb-icon--arrow-up-left-square .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctdXAtbGVmdC1zcXVhcmUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTUgMmExIDEgMCAwIDAtMS0xSDJhMSAxIDAgMCAwLTEgMXYxMmExIDEgMCAwIDAgMSAxaDEyYTEgMSAwIDAgMCAxLTF6TTAgMmEyIDIgMCAwIDEgMi0yaDEyYTIgMiAwIDAgMSAyIDJ2MTJhMiAyIDAgMCAxLTIgMkgyYTIgMiAwIDAgMS0yLTJ6bTEwLjA5NiA4LjgwM2EuNS41IDAgMSAwIC43MDctLjcwN0w2LjcwNyA2aDIuNzY4YS41LjUgMCAxIDAgMC0xSDUuNWEuNS41IDAgMCAwLS41LjV2My45NzVhLjUuNSAwIDAgMCAxIDBWNi43MDd6Ii8+Cjwvc3ZnPg==)}.cbb-icon--arrow-up-right-circle-fill .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctdXAtcmlnaHQtY2lyY2xlLWZpbGwiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTAgOGE4IDggMCAxIDAgMTYgMEE4IDggMCAwIDAgMCA4bTUuOTA0IDIuODAzYS41LjUgMCAxIDEtLjcwNy0uNzA3TDkuMjkzIDZINi41MjVhLjUuNSAwIDEgMSAwLTFIMTAuNWEuNS41IDAgMCAxIC41LjV2My45NzVhLjUuNSAwIDAgMS0xIDBWNi43MDd6Ii8+Cjwvc3ZnPg==)}.cbb-icon--arrow-up-right-circle .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctdXAtcmlnaHQtY2lyY2xlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEgOGE3IDcgMCAxIDAgMTQgMEE3IDcgMCAwIDAgMSA4bTE1IDBBOCA4IDAgMSAxIDAgOGE4IDggMCAwIDEgMTYgME01Ljg1NCAxMC44MDNhLjUuNSAwIDEgMS0uNzA4LS43MDdMOS4yNDMgNkg2LjQ3NWEuNS41IDAgMSAxIDAtMWgzLjk3NWEuNS41IDAgMCAxIC41LjV2My45NzVhLjUuNSAwIDEgMS0xIDBWNi43MDd6Ii8+Cjwvc3ZnPg==)}.cbb-icon--arrow-up-right-square-fill .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctdXAtcmlnaHQtc3F1YXJlLWZpbGwiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTE0IDBhMiAyIDAgMCAxIDIgMnYxMmEyIDIgMCAwIDEtMiAySDJhMiAyIDAgMCAxLTItMlYyYTIgMiAwIDAgMSAyLTJ6TTUuOTA0IDEwLjgwMyAxMCA2LjcwN3YyLjc2OGEuNS41IDAgMCAwIDEgMFY1LjVhLjUuNSAwIDAgMC0uNS0uNUg2LjUyNWEuNS41IDAgMSAwIDAgMWgyLjc2OGwtNC4wOTYgNC4wOTZhLjUuNSAwIDAgMCAuNzA3LjcwNyIvPgo8L3N2Zz4=)}.cbb-icon--arrow-up-right-square .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctdXAtcmlnaHQtc3F1YXJlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE1IDJhMSAxIDAgMCAwLTEtMUgyYTEgMSAwIDAgMC0xIDF2MTJhMSAxIDAgMCAwIDEgMWgxMmExIDEgMCAwIDAgMS0xek0wIDJhMiAyIDAgMCAxIDItMmgxMmEyIDIgMCAwIDEgMiAydjEyYTIgMiAwIDAgMS0yIDJIMmEyIDIgMCAwIDEtMi0yem01Ljg1NCA4LjgwM2EuNS41IDAgMSAxLS43MDgtLjcwN0w5LjI0MyA2SDYuNDc1YS41LjUgMCAxIDEgMC0xaDMuOTc1YS41LjUgMCAwIDEgLjUuNXYzLjk3NWEuNS41IDAgMSAxLTEgMFY2LjcwN3oiLz4KPC9zdmc+)}.cbb-icon--award .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXdhcmQiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTkuNjY5Ljg2NCA4IDAgNi4zMzEuODY0bC0xLjg1OC4yODItLjg0MiAxLjY4LTEuMzM3IDEuMzJMMi42IDZsLS4zMDYgMS44NTQgMS4zMzcgMS4zMi44NDIgMS42OCAxLjg1OC4yODJMOCAxMmwxLjY2OS0uODY0IDEuODU4LS4yODIuODQyLTEuNjggMS4zMzctMS4zMkwxMy40IDZsLjMwNi0xLjg1NC0xLjMzNy0xLjMyLS44NDItMS42OHptMS4xOTYgMS4xOTMuNjg0IDEuMzY1IDEuMDg2IDEuMDcyTDEyLjM4NyA2bC4yNDggMS41MDYtMS4wODYgMS4wNzItLjY4NCAxLjM2NS0xLjUxLjIyOUw4IDEwLjg3NGwtMS4zNTUtLjcwMi0xLjUxLS4yMjktLjY4NC0xLjM2NS0xLjA4Ni0xLjA3MkwzLjYxNCA2bC0uMjUtMS41MDYgMS4wODctMS4wNzIuNjg0LTEuMzY1IDEuNTEtLjIyOUw4IDEuMTI2bDEuMzU2LjcwMnoiLz4KICA8cGF0aCBkPSJNNCAxMS43OTRWMTZsNC0xIDQgMXYtNC4yMDZsLTIuMDE4LjMwNkw4IDEzLjEyNiA2LjAxOCAxMi4xeiIvPgo8L3N2Zz4=)}.cbb-icon--battery-charging .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYmF0dGVyeS1jaGFyZ2luZyIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNOS41ODUgMi41NjhhLjUuNSAwIDAgMSAuMjI2LjU4TDguNjc3IDYuODMyaDEuOTlhLjUuNSAwIDAgMSAuMzY0Ljg0M2wtNS4zMzQgNS42NjdhLjUuNSAwIDAgMS0uODQyLS40OUw1Ljk5IDkuMTY3SDRhLjUuNSAwIDAgMS0uMzY0LS44NDNsNS4zMzMtNS42NjdhLjUuNSAwIDAgMSAuNjE2LS4wOXoiLz4KICA8cGF0aCBkPSJNMiA0aDQuMzMybC0uOTQgMUgyYTEgMSAwIDAgMC0xIDF2NGExIDEgMCAwIDAgMSAxaDIuMzhsLS4zMDggMUgyYTIgMiAwIDAgMS0yLTJWNmEyIDIgMCAwIDEgMi0yIi8+CiAgPHBhdGggZD0iTTIgNmgyLjQ1TDIuOTA4IDcuNjM5QTEuNSAxLjUgMCAwIDAgMy4zMTMgMTBIMnptOC41OTUtMi0uMzA4IDFIMTJhMSAxIDAgMCAxIDEgMXY0YTEgMSAwIDAgMS0xIDFIOS4yNzZsLS45NDIgMUgxMmEyIDIgMCAwIDAgMi0yVjZhMiAyIDAgMCAwLTItMnoiLz4KICA8cGF0aCBkPSJNMTIgMTBoLTEuNzgzbDEuNTQyLTEuNjM5cS4xNDYtLjE1Ni4yNDEtLjM0em0wLTMuMzU0VjZoLS42NDZhMS41IDEuNSAwIDAgMSAuNjQ2LjY0Nk0xNiA4YTEuNSAxLjUgMCAwIDEtMS41IDEuNXYtM0ExLjUgMS41IDAgMCAxIDE2IDgiLz4KPC9zdmc+)}.cbb-icon--box-seam .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYm94LXNlYW0iIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTguMTg2IDEuMTEzYS41LjUgMCAwIDAtLjM3MiAwTDEuODQ2IDMuNWwyLjQwNC45NjFMMTAuNDA0IDJ6bTMuNTY0IDEuNDI2TDUuNTk2IDUgOCA1Ljk2MSAxNC4xNTQgMy41em0zLjI1IDEuNy02LjUgMi42djcuOTIybDYuNS0yLjZWNC4yNHpNNy41IDE0Ljc2MlY2LjgzOEwxIDQuMjM5djcuOTIzek03LjQ0My4xODRhMS41IDEuNSAwIDAgMSAxLjExNCAwbDcuMTI5IDIuODUyQS41LjUgMCAwIDEgMTYgMy41djguNjYyYTEgMSAwIDAgMS0uNjI5LjkyOGwtNy4xODUgMi44NzRhLjUuNSAwIDAgMS0uMzcyIDBMLjYzIDEzLjA5YTEgMSAwIDAgMS0uNjMtLjkyOFYzLjVhLjUuNSAwIDAgMSAuMzE0LS40NjR6Ii8+Cjwvc3ZnPg==)}.cbb-icon--boxes .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYm94ZXMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTcuNzUyLjA2NmEuNS41IDAgMCAxIC40OTYgMGwzLjc1IDIuMTQzYS41LjUgMCAwIDEgLjI1Mi40MzR2My45OTVsMy40OTggMkEuNS41IDAgMCAxIDE2IDkuMDd2NC4yODZhLjUuNSAwIDAgMS0uMjUyLjQzNGwtMy43NSAyLjE0M2EuNS41IDAgMCAxLS40OTYgMGwtMy41MDItMi0zLjUwMiAyLjAwMWEuNS41IDAgMCAxLS40OTYgMGwtMy43NS0yLjE0M0EuNS41IDAgMCAxIDAgMTMuMzU3VjkuMDcxYS41LjUgMCAwIDEgLjI1Mi0uNDM0TDMuNzUgNi42MzhWMi42NDNhLjUuNSAwIDAgMSAuMjUyLS40MzR6TTQuMjUgNy41MDQgMS41MDggOS4wNzFsMi43NDIgMS41NjcgMi43NDItMS41Njd6TTcuNSA5LjkzM2wtMi43NSAxLjU3MXYzLjEzNGwyLjc1LTEuNTcxem0xIDMuMTM0IDIuNzUgMS41NzF2LTMuMTM0TDguNSA5LjkzM3ptLjUwOC0zLjk5NiAyLjc0MiAxLjU2NyAyLjc0Mi0xLjU2Ny0yLjc0Mi0xLjU2N3ptMi4yNDItMi40MzNWMy41MDRMOC41IDUuMDc2VjguMjF6TTcuNSA4LjIxVjUuMDc2TDQuNzUgMy41MDR2My4xMzR6TTUuMjU4IDIuNjQzIDggNC4yMWwyLjc0Mi0xLjU2N0w4IDEuMDc2ek0xNSA5LjkzM2wtMi43NSAxLjU3MXYzLjEzNEwxNSAxMy4wNjd6TTMuNzUgMTQuNjM4di0zLjEzNEwxIDkuOTMzdjMuMTM0eiIvPgo8L3N2Zz4=)}.cbb-icon--bricks .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYnJpY2tzIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0wIC41QS41LjUgMCAwIDEgLjUgMGgxNWEuNS41IDAgMCAxIC41LjV2M2EuNS41IDAgMCAxLS41LjVIMTR2MmgxLjVhLjUuNSAwIDAgMSAuNS41djNhLjUuNSAwIDAgMS0uNS41SDE0djJoMS41YS41LjUgMCAwIDEgLjUuNXYzYS41LjUgMCAwIDEtLjUuNUguNWEuNS41IDAgMCAxLS41LS41di0zYS41LjUgMCAwIDEgLjUtLjVIMnYtMkguNWEuNS41IDAgMCAxLS41LS41di0zQS41LjUgMCAwIDEgLjUgNkgyVjRILjVhLjUuNSAwIDAgMS0uNS0uNXpNMyA0djJoNC41VjR6bTUuNSAwdjJIMTNWNHpNMyAxMHYyaDQuNXYtMnptNS41IDB2MkgxM3YtMnpNMSAxdjJoMy41VjF6bTQuNSAwdjJoNVYxem02IDB2MkgxNVYxek0xIDd2MmgzLjVWN3ptNC41IDB2Mmg1Vjd6bTYgMHYySDE1Vjd6TTEgMTN2MmgzLjV2LTJ6bTQuNSAwdjJoNXYtMnptNiAwdjJIMTV2LTJ6Ii8+Cjwvc3ZnPg==)}.cbb-icon--brightness-high .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYnJpZ2h0bmVzcy1oaWdoIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik04IDExYTMgMyAwIDEgMSAwLTYgMyAzIDAgMCAxIDAgNm0wIDFhNCA0IDAgMSAwIDAtOCA0IDQgMCAwIDAgMCA4TTggMGEuNS41IDAgMCAxIC41LjV2MmEuNS41IDAgMCAxLTEgMHYtMkEuNS41IDAgMCAxIDggMG0wIDEzYS41LjUgMCAwIDEgLjUuNXYyYS41LjUgMCAwIDEtMSAwdi0yQS41LjUgMCAwIDEgOCAxM204LTVhLjUuNSAwIDAgMS0uNS41aC0yYS41LjUgMCAwIDEgMC0xaDJhLjUuNSAwIDAgMSAuNS41TTMgOGEuNS41IDAgMCAxLS41LjVoLTJhLjUuNSAwIDAgMSAwLTFoMkEuNS41IDAgMCAxIDMgOG0xMC42NTctNS42NTdhLjUuNSAwIDAgMSAwIC43MDdsLTEuNDE0IDEuNDE1YS41LjUgMCAxIDEtLjcwNy0uNzA4bDEuNDE0LTEuNDE0YS41LjUgMCAwIDEgLjcwNyAwbS05LjE5MyA5LjE5M2EuNS41IDAgMCAxIDAgLjcwN0wzLjA1IDEzLjY1N2EuNS41IDAgMCAxLS43MDctLjcwN2wxLjQxNC0xLjQxNGEuNS41IDAgMCAxIC43MDcgMG05LjE5MyAyLjEyMWEuNS41IDAgMCAxLS43MDcgMGwtMS40MTQtMS40MTRhLjUuNSAwIDAgMSAuNzA3LS43MDdsMS40MTQgMS40MTRhLjUuNSAwIDAgMSAwIC43MDdNNC40NjQgNC40NjVhLjUuNSAwIDAgMS0uNzA3IDBMMi4zNDMgMy4wNWEuNS41IDAgMSAxIC43MDctLjcwN2wxLjQxNCAxLjQxNGEuNS41IDAgMCAxIDAgLjcwOCIvPgo8L3N2Zz4=)}.cbb-icon--bug .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYnVnIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik00LjM1NS41MjJhLjUuNSAwIDAgMSAuNjIzLjMzM2wuMjkxLjk1NkE1IDUgMCAwIDEgOCAxYzEuMDA3IDAgMS45NDYuMjk4IDIuNzMxLjgxMWwuMjktLjk1NmEuNS41IDAgMSAxIC45NTcuMjlsLS40MSAxLjM1MkE1IDUgMCAwIDEgMTMgNmguNWEuNS41IDAgMCAwIC41LS41VjVhLjUuNSAwIDAgMSAxIDB2LjVBMS41IDEuNSAwIDAgMSAxMy41IDdIMTN2MWgxLjVhLjUuNSAwIDAgMSAwIDFIMTN2MWguNWExLjUgMS41IDAgMCAxIDEuNSAxLjV2LjVhLjUuNSAwIDEgMS0xIDB2LS41YS41LjUgMCAwIDAtLjUtLjVIMTNhNSA1IDAgMCAxLTEwIDBoLS41YS41LjUgMCAwIDAtLjUuNXYuNWEuNS41IDAgMSAxLTEgMHYtLjVBMS41IDEuNSAwIDAgMSAyLjUgMTBIM1Y5SDEuNWEuNS41IDAgMCAxIDAtMUgzVjdoLS41QTEuNSAxLjUgMCAwIDEgMSA1LjVWNWEuNS41IDAgMCAxIDEgMHYuNWEuNS41IDAgMCAwIC41LjVIM2MwLTEuMzY0LjU0Ny0yLjYwMSAxLjQzMi0zLjUwM2wtLjQxLTEuMzUyYS41LjUgMCAwIDEgLjMzMy0uNjIzTTQgN3Y0YTQgNCAwIDAgMCAzLjUgMy45N1Y3em00LjUgMHY3Ljk3QTQgNCAwIDAgMCAxMiAxMVY3ek0xMiA2YTQgNCAwIDAgMC0xLjMzNC0yLjk4MkEzLjk4IDMuOTggMCAwIDAgOCAyYTMuOTggMy45OCAwIDAgMC0yLjY2NyAxLjAxOEE0IDQgMCAwIDAgNCA2eiIvPgo8L3N2Zz4=)}.cbb-icon--building .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYnVpbGRpbmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTQgMi41YS41LjUgMCAwIDEgLjUtLjVoMWEuNS41IDAgMCAxIC41LjV2MWEuNS41IDAgMCAxLS41LjVoLTFhLjUuNSAwIDAgMS0uNS0uNXptMyAwYS41LjUgMCAwIDEgLjUtLjVoMWEuNS41IDAgMCAxIC41LjV2MWEuNS41IDAgMCAxLS41LjVoLTFhLjUuNSAwIDAgMS0uNS0uNXptMy41LS41YS41LjUgMCAwIDAtLjUuNXYxYS41LjUgMCAwIDAgLjUuNWgxYS41LjUgMCAwIDAgLjUtLjV2LTFhLjUuNSAwIDAgMC0uNS0uNXpNNCA1LjVhLjUuNSAwIDAgMSAuNS0uNWgxYS41LjUgMCAwIDEgLjUuNXYxYS41LjUgMCAwIDEtLjUuNWgtMWEuNS41IDAgMCAxLS41LS41ek03LjUgNWEuNS41IDAgMCAwLS41LjV2MWEuNS41IDAgMCAwIC41LjVoMWEuNS41IDAgMCAwIC41LS41di0xYS41LjUgMCAwIDAtLjUtLjV6bTIuNS41YS41LjUgMCAwIDEgLjUtLjVoMWEuNS41IDAgMCAxIC41LjV2MWEuNS41IDAgMCAxLS41LjVoLTFhLjUuNSAwIDAgMS0uNS0uNXpNNC41IDhhLjUuNSAwIDAgMC0uNS41djFhLjUuNSAwIDAgMCAuNS41aDFhLjUuNSAwIDAgMCAuNS0uNXYtMWEuNS41IDAgMCAwLS41LS41em0yLjUuNWEuNS41IDAgMCAxIC41LS41aDFhLjUuNSAwIDAgMSAuNS41djFhLjUuNSAwIDAgMS0uNS41aC0xYS41LjUgMCAwIDEtLjUtLjV6bTMuNS0uNWEuNS41IDAgMCAwLS41LjV2MWEuNS41IDAgMCAwIC41LjVoMWEuNS41IDAgMCAwIC41LS41di0xYS41LjUgMCAwIDAtLjUtLjV6Ii8+CiAgPHBhdGggZD0iTTIgMWExIDEgMCAwIDEgMS0xaDEwYTEgMSAwIDAgMSAxIDF2MTRhMSAxIDAgMCAxLTEgMUgzYTEgMSAwIDAgMS0xLTF6bTExIDBIM3YxNGgzdi0yLjVhLjUuNSAwIDAgMSAuNS0uNWgzYS41LjUgMCAwIDEgLjUuNVYxNWgzeiIvPgo8L3N2Zz4=)}.cbb-icon--buildings .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYnVpbGRpbmdzIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0xNC43NjMuMDc1QS41LjUgMCAwIDEgMTUgLjV2MTVhLjUuNSAwIDAgMS0uNS41aC0zYS41LjUgMCAwIDEtLjUtLjVWMTRoLTF2MS41YS41LjUgMCAwIDEtLjUuNWgtOWEuNS41IDAgMCAxLS41LS41VjEwYS41LjUgMCAwIDEgLjM0Mi0uNDc0TDYgNy42NFY0LjVhLjUuNSAwIDAgMSAuMjc2LS40NDdsOC00YS41LjUgMCAwIDEgLjQ4Ny4wMjJNNiA4LjY5NCAxIDEwLjM2VjE1aDV6TTcgMTVoMnYtMS41YS41LjUgMCAwIDEgLjUtLjVoMmEuNS41IDAgMCAxIC41LjVWMTVoMlYxLjMwOWwtNyAzLjV6Ii8+CiAgPHBhdGggZD0iTTIgMTFoMXYxSDJ6bTIgMGgxdjFINHptLTIgMmgxdjFIMnptMiAwaDF2MUg0em00LTRoMXYxSDh6bTIgMGgxdjFoLTF6bS0yIDJoMXYxSDh6bTIgMGgxdjFoLTF6bTItMmgxdjFoLTF6bTAgMmgxdjFoLTF6TTggN2gxdjFIOHptMiAwaDF2MWgtMXptMiAwaDF2MWgtMXpNOCA1aDF2MUg4em0yIDBoMXYxaC0xem0yIDBoMXYxaC0xem0wLTJoMXYxaC0xeiIvPgo8L3N2Zz4=)}.cbb-icon--chat-text .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2hhdC10ZXh0IiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0yLjY3OCAxMS44OTRhMSAxIDAgMCAxIC4yODcuODAxIDExIDExIDAgMCAxLS4zOTggMmMxLjM5NS0uMzIzIDIuMjQ3LS42OTcgMi42MzQtLjg5M2ExIDEgMCAwIDEgLjcxLS4wNzRBOCA4IDAgMCAwIDggMTRjMy45OTYgMCA3LTIuODA3IDctNnMtMy4wMDQtNi03LTYtNyAyLjgwOC03IDZjMCAxLjQ2OC42MTcgMi44MyAxLjY3OCAzLjg5NG0tLjQ5MyAzLjkwNWEyMiAyMiAwIDAgMS0uNzEzLjEyOWMtLjIuMDMyLS4zNTItLjE3Ni0uMjczLS4zNjJhMTAgMTAgMCAwIDAgLjI0NC0uNjM3bC4wMDMtLjAxYy4yNDgtLjcyLjQ1LTEuNTQ4LjUyNC0yLjMxOUMuNzQzIDExLjM3IDAgOS43NiAwIDhjMC0zLjg2NiAzLjU4Mi03IDgtN3M4IDMuMTM0IDggNy0zLjU4MiA3LTggN2E5IDkgMCAwIDEtMi4zNDctLjMwNmMtLjUyLjI2My0xLjYzOS43NDItMy40NjggMS4xMDUiLz4KICA8cGF0aCBkPSJNNCA1LjVhLjUuNSAwIDAgMSAuNS0uNWg3YS41LjUgMCAwIDEgMCAxaC03YS41LjUgMCAwIDEtLjUtLjVNNCA4YS41LjUgMCAwIDEgLjUtLjVoN2EuNS41IDAgMCAxIDAgMWgtN0EuNS41IDAgMCAxIDQgOG0wIDIuNWEuNS41IDAgMCAxIC41LS41aDRhLjUuNSAwIDAgMSAwIDFoLTRhLjUuNSAwIDAgMS0uNS0uNSIvPgo8L3N2Zz4=)}.cbb-icon--cloud-check .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2xvdWQtY2hlY2siIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAuMzU0IDYuMTQ2YS41LjUgMCAwIDEgMCAuNzA4bC0zIDNhLjUuNSAwIDAgMS0uNzA4IDBsLTEuNS0xLjVhLjUuNSAwIDEgMSAuNzA4LS43MDhMNyA4Ljc5M2wyLjY0Ni0yLjY0N2EuNS41IDAgMCAxIC43MDggMCIvPgogIDxwYXRoIGQ9Ik00LjQwNiAzLjM0MkE1LjUzIDUuNTMgMCAwIDEgOCAyYzIuNjkgMCA0LjkyMyAyIDUuMTY2IDQuNTc5QzE0Ljc1OCA2LjgwNCAxNiA4LjEzNyAxNiA5Ljc3MyAxNiAxMS41NjkgMTQuNTAyIDEzIDEyLjY4NyAxM0gzLjc4MUMxLjcwOCAxMyAwIDExLjM2NiAwIDkuMzE4YzAtMS43NjMgMS4yNjYtMy4yMjMgMi45NDItMy41OTMuMTQzLS44NjMuNjk4LTEuNzIzIDEuNDY0LTIuMzgzbS42NTMuNzU3Yy0uNzU3LjY1My0xLjE1MyAxLjQ0LTEuMTUzIDIuMDU2di40NDhsLS40NDUuMDQ5QzIuMDY0IDYuODA1IDEgNy45NTIgMSA5LjMxOCAxIDEwLjc4NSAyLjIzIDEyIDMuNzgxIDEyaDguOTA2QzEzLjk4IDEyIDE1IDEwLjk4OCAxNSA5Ljc3M2MwLTEuMjE2LTEuMDItMi4yMjgtMi4zMTMtMi4yMjhoLS41di0uNUMxMi4xODggNC44MjUgMTAuMzI4IDMgOCAzYTQuNTMgNC41MyAwIDAgMC0yLjk0MSAxLjF6Ii8+Cjwvc3ZnPg==)}.cbb-icon--cloud-sun .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2xvdWQtc3VuIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik03IDhhMy41IDMuNSAwIDAgMSAzLjUgMy41NTUuNS41IDAgMCAwIC42MjQuNDkyQTEuNTAzIDEuNTAzIDAgMCAxIDEzIDEzLjVhMS41IDEuNSAwIDAgMS0xLjUgMS41SDNhMiAyIDAgMSAxIC4xLTMuOTk4LjUuNSAwIDAgMCAuNTEtLjM3NUEzLjUgMy41IDAgMCAxIDcgOG00LjQ3MyAzYTQuNSA0LjUgMCAwIDAtOC43Mi0uOTlBMyAzIDAgMCAwIDMgMTZoOC41YTIuNSAyLjUgMCAwIDAgMC01eiIvPgogIDxwYXRoIGQ9Ik0xMC41IDEuNWEuNS41IDAgMCAwLTEgMHYxYS41LjUgMCAwIDAgMSAwem0zLjc0MyAxLjk2NGEuNS41IDAgMSAwLS43MDctLjcwN2wtLjcwOC43MDdhLjUuNSAwIDAgMCAuNzA4LjcwOHptLTcuNzc5LS43MDdhLjUuNSAwIDAgMC0uNzA3LjcwN2wuNzA3LjcwOGEuNS41IDAgMSAwIC43MDgtLjcwOHptMS43MzQgMy4zNzRhMiAyIDAgMSAxIDMuMjk2IDIuMTk4cS4zLjQyMy41MTYuODk4YTMgMyAwIDEgMC00Ljg0LTMuMjI1cS41MjkuMDE3IDEuMDI4LjEyOW00LjQ4NCA0LjA3NGMuNi4yMTUgMS4xMjUuNTkgMS41MjIgMS4wNzJhLjUuNSAwIDAgMCAuMDM5LS43NDJsLS43MDctLjcwN2EuNS41IDAgMCAwLS44NTQuMzc3TTE0LjUgNi41YS41LjUgMCAwIDAgMCAxaDFhLjUuNSAwIDAgMCAwLTF6Ii8+Cjwvc3ZnPg==)}.cbb-icon--code-square .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY29kZS1zcXVhcmUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTE0IDFhMSAxIDAgMCAxIDEgMXYxMmExIDEgMCAwIDEtMSAxSDJhMSAxIDAgMCAxLTEtMVYyYTEgMSAwIDAgMSAxLTF6TTIgMGEyIDIgMCAwIDAtMiAydjEyYTIgMiAwIDAgMCAyIDJoMTJhMiAyIDAgMCAwIDItMlYyYTIgMiAwIDAgMC0yLTJ6Ii8+CiAgPHBhdGggZD0iTTYuODU0IDQuNjQ2YS41LjUgMCAwIDEgMCAuNzA4TDQuMjA3IDhsMi42NDcgMi42NDZhLjUuNSAwIDAgMS0uNzA4LjcwOGwtMy0zYS41LjUgMCAwIDEgMC0uNzA4bDMtM2EuNS41IDAgMCAxIC43MDggMG0yLjI5MiAwYS41LjUgMCAwIDAgMCAuNzA4TDExLjc5MyA4bC0yLjY0NyAyLjY0NmEuNS41IDAgMCAwIC43MDguNzA4bDMtM2EuNS41IDAgMCAwIDAtLjcwOGwtMy0zYS41LjUgMCAwIDAtLjcwOCAwIi8+Cjwvc3ZnPg==)}.cbb-icon--coin .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY29pbiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNNS41IDkuNTExYy4wNzYuOTU0LjgzIDEuNjk3IDIuMTgyIDEuNzg1VjEyaC42di0uNzA5YzEuNC0uMDk4IDIuMjE4LS44NDYgMi4yMTgtMS45MzIgMC0uOTg3LS42MjYtMS40OTYtMS43NDUtMS43NmwtLjQ3My0uMTEyVjUuNTdjLjYuMDY4Ljk4Mi4zOTYgMS4wNzQuODVoMS4wNTJjLS4wNzYtLjkxOS0uODY0LTEuNjM4LTIuMTI2LTEuNzE2VjRoLS42di43MTljLTEuMTk1LjExNy0yLjAxLjgzNi0yLjAxIDEuODUzIDAgLjkuNjA2IDEuNDcyIDEuNjEzIDEuNzA3bC4zOTcuMDk4djIuMDM0Yy0uNjE1LS4wOTMtMS4wMjItLjQzLTEuMTE0LS45em0yLjE3Ny0yLjE2NmMtLjU5LS4xMzctLjkxLS40MTYtLjkxLS44MzYgMC0uNDcuMzQ1LS44MjIuOTE1LS45MjV2MS43NmgtLjAwNXptLjY5MiAxLjE5M2MuNzE3LjE2NiAxLjA0OC40MzUgMS4wNDguOTEgMCAuNTQyLS40MTIuOTE0LTEuMTM1Ljk4MlY4LjUxOHoiLz4KICA8cGF0aCBkPSJNOCAxNUE3IDcgMCAxIDEgOCAxYTcgNyAwIDAgMSAwIDE0bTAgMUE4IDggMCAxIDAgOCAwYTggOCAwIDAgMCAwIDE2Ii8+CiAgPHBhdGggZD0iTTggMTMuNWE1LjUgNS41IDAgMSAxIDAtMTEgNS41IDUuNSAwIDAgMSAwIDExbTAgLjVBNiA2IDAgMSAwIDggMmE2IDYgMCAwIDAgMCAxMiIvPgo8L3N2Zz4=)}.cbb-icon--columns .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY29sdW1ucyIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMCAyYTEgMSAwIDAgMSAxLTFoMTRhMSAxIDAgMCAxIDEgMXYxMmExIDEgMCAwIDEtMSAxSDFhMSAxIDAgMCAxLTEtMXptOC41IDB2OEgxNVYyem0wIDl2M0gxNXYtM3ptLTEtOUgxdjNoNi41ek0xIDE0aDYuNVY2SDF6Ii8+Cjwvc3ZnPg==)}.cbb-icon--columns-gap .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY29sdW1ucy1nYXAiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTYgMXYzSDFWMXpNMSAwYTEgMSAwIDAgMC0xIDF2M2ExIDEgMCAwIDAgMSAxaDVhMSAxIDAgMCAwIDEtMVYxYTEgMSAwIDAgMC0xLTF6bTE0IDEydjNoLTV2LTN6bS01LTFhMSAxIDAgMCAwLTEgMXYzYTEgMSAwIDAgMCAxIDFoNWExIDEgMCAwIDAgMS0xdi0zYTEgMSAwIDAgMC0xLTF6TTYgOHY3SDFWOHpNMSA3YTEgMSAwIDAgMC0xIDF2N2ExIDEgMCAwIDAgMSAxaDVhMSAxIDAgMCAwIDEtMVY4YTEgMSAwIDAgMC0xLTF6bTE0LTZ2N2gtNVYxem0tNS0xYTEgMSAwIDAgMC0xIDF2N2ExIDEgMCAwIDAgMSAxaDVhMSAxIDAgMCAwIDEtMVYxYTEgMSAwIDAgMC0xLTF6Ii8+Cjwvc3ZnPg==)}.cbb-icon--database-down .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZGF0YWJhc2UtZG93biIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMTIuNSA5YTMuNSAzLjUgMCAxIDEgMCA3IDMuNSAzLjUgMCAwIDEgMC03bS4zNTQgNS44NTQgMS41LTEuNWEuNS41IDAgMCAwLS43MDgtLjcwOGwtLjY0Ni42NDdWMTAuNWEuNS41IDAgMCAwLTEgMHYyLjc5M2wtLjY0Ni0uNjQ3YS41LjUgMCAwIDAtLjcwOC43MDhsMS41IDEuNWEuNS41IDAgMCAwIC43MDggMCIvPgogIDxwYXRoIGQ9Ik0xMi4wOTYgNi4yMjNBNSA1IDAgMCAwIDEzIDUuNjk4VjdjMCAuMjg5LS4yMTMuNjU0LS43NTMgMS4wMDdhNC41IDQuNSAwIDAgMSAxLjc1My4yNVY0YzAtMS4wMDctLjg3NS0xLjc1NS0xLjkwNC0yLjIyM0MxMS4wMjIgMS4yODkgOS41NzMgMSA4IDFzLTMuMDIyLjI4OS00LjA5Ni43NzdDMi44NzUgMi4yNDUgMiAyLjk5MyAyIDR2OWMwIDEuMDA3Ljg3NSAxLjc1NSAxLjkwNCAyLjIyM0M0Ljk3OCAxNS43MSA2LjQyNyAxNiA4IDE2Yy41MzYgMCAxLjA1OC0uMDM0IDEuNTU1LS4wOTdhNC41IDQuNSAwIDAgMS0uODEzLS45MjdROC4zNzggMTUgOCAxNWMtMS40NjQgMC0yLjc2Ni0uMjctMy42ODItLjY4N0MzLjM1NiAxMy44NzUgMyAxMy4zNzMgMyAxM3YtMS4zMDJjLjI3MS4yMDIuNTguMzc4LjkwNC41MjVDNC45NzggMTIuNzEgNi40MjcgMTMgOCAxM2guMDI3YTQuNiA0LjYgMCAwIDEgMC0xSDhjLTEuNDY0IDAtMi43NjYtLjI3LTMuNjgyLS42ODdDMy4zNTYgMTAuODc1IDMgMTAuMzczIDMgMTBWOC42OThjLjI3MS4yMDIuNTguMzc4LjkwNC41MjVDNC45NzggOS43MSA2LjQyNyAxMCA4IDEwcS4zOTMgMCAuNzc0LS4wMjRhNC41IDQuNSAwIDAgMSAxLjEwMi0xLjEzMkM5LjI5OCA4Ljk0NCA4LjY2NiA5IDggOWMtMS40NjQgMC0yLjc2Ni0uMjctMy42ODItLjY4N0MzLjM1NiA3Ljg3NSAzIDcuMzczIDMgN1Y1LjY5OGMuMjcxLjIwMi41OC4zNzguOTA0LjUyNUM0Ljk3OCA2LjcxMSA2LjQyNyA3IDggN3MzLjAyMi0uMjg5IDQuMDk2LS43NzdNMyA0YzAtLjM3NC4zNTYtLjg3NSAxLjMxOC0xLjMxM0M1LjIzNCAyLjI3MSA2LjUzNiAyIDggMnMyLjc2Ni4yNyAzLjY4Mi42ODdDMTIuNjQ0IDMuMTI1IDEzIDMuNjI3IDEzIDRjMCAuMzc0LS4zNTYuODc1LTEuMzE4IDEuMzEzQzEwLjc2NiA1LjcyOSA5LjQ2NCA2IDggNnMtMi43NjYtLjI3LTMuNjgyLS42ODdDMy4zNTYgNC44NzUgMyA0LjM3MyAzIDQiLz4KPC9zdmc+)}.cbb-icon--database-up .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZGF0YWJhc2UtdXAiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEyLjUgMTZhMy41IDMuNSAwIDEgMCAwLTcgMy41IDMuNSAwIDAgMCAwIDdtLjM1NC01Ljg1NCAxLjUgMS41YS41LjUgMCAwIDEtLjcwOC43MDhMMTMgMTEuNzA3VjE0LjVhLjUuNSAwIDAgMS0xIDB2LTIuNzkzbC0uNjQ2LjY0N2EuNS41IDAgMCAxLS43MDgtLjcwOGwxLjUtMS41YS41LjUgMCAwIDEgLjcwOCAwIi8+CiAgPHBhdGggZD0iTTEyLjA5NiA2LjIyM0E1IDUgMCAwIDAgMTMgNS42OThWN2MwIC4yODktLjIxMy42NTQtLjc1MyAxLjAwN2E0LjUgNC41IDAgMCAxIDEuNzUzLjI1VjRjMC0xLjAwNy0uODc1LTEuNzU1LTEuOTA0LTIuMjIzQzExLjAyMiAxLjI4OSA5LjU3MyAxIDggMXMtMy4wMjIuMjg5LTQuMDk2Ljc3N0MyLjg3NSAyLjI0NSAyIDIuOTkzIDIgNHY5YzAgMS4wMDcuODc1IDEuNzU1IDEuOTA0IDIuMjIzQzQuOTc4IDE1LjcxIDYuNDI3IDE2IDggMTZjLjUzNiAwIDEuMDU4LS4wMzQgMS41NTUtLjA5N2E0LjUgNC41IDAgMCAxLS44MTMtLjkyN1E4LjM3OCAxNSA4IDE1Yy0xLjQ2NCAwLTIuNzY2LS4yNy0zLjY4Mi0uNjg3QzMuMzU2IDEzLjg3NSAzIDEzLjM3MyAzIDEzdi0xLjMwMmMuMjcxLjIwMi41OC4zNzguOTA0LjUyNUM0Ljk3OCAxMi43MSA2LjQyNyAxMyA4IDEzaC4wMjdhNC42IDQuNiAwIDAgMSAwLTFIOGMtMS40NjQgMC0yLjc2Ni0uMjctMy42ODItLjY4N0MzLjM1NiAxMC44NzUgMyAxMC4zNzMgMyAxMFY4LjY5OGMuMjcxLjIwMi41OC4zNzguOTA0LjUyNUM0Ljk3OCA5LjcxIDYuNDI3IDEwIDggMTBxLjM5MyAwIC43NzQtLjAyNGE0LjUgNC41IDAgMCAxIDEuMTAyLTEuMTMyQzkuMjk4IDguOTQ0IDguNjY2IDkgOCA5Yy0xLjQ2NCAwLTIuNzY2LS4yNy0zLjY4Mi0uNjg3QzMuMzU2IDcuODc1IDMgNy4zNzMgMyA3VjUuNjk4Yy4yNzEuMjAyLjU4LjM3OC45MDQuNTI1QzQuOTc4IDYuNzExIDYuNDI3IDcgOCA3czMuMDIyLS4yODkgNC4wOTYtLjc3N00zIDRjMC0uMzc0LjM1Ni0uODc1IDEuMzE4LTEuMzEzQzUuMjM0IDIuMjcxIDYuNTM2IDIgOCAyczIuNzY2LjI3IDMuNjgyLjY4N0MxMi42NDQgMy4xMjUgMTMgMy42MjcgMTMgNGMwIC4zNzQtLjM1Ni44NzUtMS4zMTggMS4zMTNDMTAuNzY2IDUuNzI5IDkuNDY0IDYgOCA2cy0yLjc2Ni0uMjctMy42ODItLjY4N0MzLjM1NiA0Ljg3NSAzIDQuMzczIDMgNCIvPgo8L3N2Zz4=)}.cbb-icon--file-bar-graph .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZmlsZS1iYXItZ3JhcGgiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTQuNSAxMmEuNS41IDAgMCAxLS41LS41di0yYS41LjUgMCAwIDEgLjUtLjVoMWEuNS41IDAgMCAxIC41LjV2MmEuNS41IDAgMCAxLS41LjV6bTMgMGEuNS41IDAgMCAxLS41LS41di00YS41LjUgMCAwIDEgLjUtLjVoMWEuNS41IDAgMCAxIC41LjV2NGEuNS41IDAgMCAxLS41LjV6bTMgMGEuNS41IDAgMCAxLS41LS41di02YS41LjUgMCAwIDEgLjUtLjVoMWEuNS41IDAgMCAxIC41LjV2NmEuNS41IDAgMCAxLS41LjV6Ii8+CiAgPHBhdGggZD0iTTQgMGEyIDIgMCAwIDAtMiAydjEyYTIgMiAwIDAgMCAyIDJoOGEyIDIgMCAwIDAgMi0yVjJhMiAyIDAgMCAwLTItMnptMCAxaDhhMSAxIDAgMCAxIDEgMXYxMmExIDEgMCAwIDEtMSAxSDRhMSAxIDAgMCAxLTEtMVYyYTEgMSAwIDAgMSAxLTEiLz4KPC9zdmc+)}.cbb-icon--fire .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZmlyZSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNOCAxNmMzLjMxNCAwIDYtMiA2LTUuNSAwLTEuNS0uNS00LTIuNS02IC4yNSAxLjUtMS4yNSAyLTEuMjUgMkMxMSA0IDkgLjUgNiAwYy4zNTcgMiAuNSA0LTIgNi0xLjI1IDEtMiAyLjcyOS0yIDQuNUMyIDE0IDQuNjg2IDE2IDggMTZtMC0xYy0xLjY1NyAwLTMtMS0zLTIuNzUgMC0uNzUuMjUtMiAxLjI1LTNDNi4xMjUgMTAgNyAxMC41IDcgMTAuNWMtLjM3NS0xLjI1LjUtMy4yNSAyLTMuNS0uMTc5IDEtLjI1IDIgMSAzIC42MjUuNSAxIDEuMzY0IDEgMi4yNUMxMSAxNCA5LjY1NyAxNSA4IDE1Ii8+Cjwvc3ZnPg==)}.cbb-icon--gear .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZ2VhciIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNOCA0Ljc1NGEzLjI0NiAzLjI0NiAwIDEgMCAwIDYuNDkyIDMuMjQ2IDMuMjQ2IDAgMCAwIDAtNi40OTJNNS43NTQgOGEyLjI0NiAyLjI0NiAwIDEgMSA0LjQ5MiAwIDIuMjQ2IDIuMjQ2IDAgMCAxLTQuNDkyIDAiLz4KICA8cGF0aCBkPSJNOS43OTYgMS4zNDNjLS41MjctMS43OS0zLjA2NS0xLjc5LTMuNTkyIDBsLS4wOTQuMzE5YS44NzMuODczIDAgMCAxLTEuMjU1LjUybC0uMjkyLS4xNmMtMS42NC0uODkyLTMuNDMzLjkwMi0yLjU0IDIuNTQxbC4xNTkuMjkyYS44NzMuODczIDAgMCAxLS41MiAxLjI1NWwtLjMxOS4wOTRjLTEuNzkuNTI3LTEuNzkgMy4wNjUgMCAzLjU5MmwuMzE5LjA5NGEuODczLjg3MyAwIDAgMSAuNTIgMS4yNTVsLS4xNi4yOTJjLS44OTIgMS42NC45MDEgMy40MzQgMi41NDEgMi41NGwuMjkyLS4xNTlhLjg3My44NzMgMCAwIDEgMS4yNTUuNTJsLjA5NC4zMTljLjUyNyAxLjc5IDMuMDY1IDEuNzkgMy41OTIgMGwuMDk0LS4zMTlhLjg3My44NzMgMCAwIDEgMS4yNTUtLjUybC4yOTIuMTZjMS42NC44OTMgMy40MzQtLjkwMiAyLjU0LTIuNTQxbC0uMTU5LS4yOTJhLjg3My44NzMgMCAwIDEgLjUyLTEuMjU1bC4zMTktLjA5NGMxLjc5LS41MjcgMS43OS0zLjA2NSAwLTMuNTkybC0uMzE5LS4wOTRhLjg3My44NzMgMCAwIDEtLjUyLTEuMjU1bC4xNi0uMjkyYy44OTMtMS42NC0uOTAyLTMuNDMzLTIuNTQxLTIuNTRsLS4yOTIuMTU5YS44NzMuODczIDAgMCAxLTEuMjU1LS41MnptLTIuNjMzLjI4M2MuMjQ2LS44MzUgMS40MjgtLjgzNSAxLjY3NCAwbC4wOTQuMzE5YTEuODczIDEuODczIDAgMCAwIDIuNjkzIDEuMTE1bC4yOTEtLjE2Yy43NjQtLjQxNSAxLjYuNDIgMS4xODQgMS4xODVsLS4xNTkuMjkyYTEuODczIDEuODczIDAgMCAwIDEuMTE2IDIuNjkybC4zMTguMDk0Yy44MzUuMjQ2LjgzNSAxLjQyOCAwIDEuNjc0bC0uMzE5LjA5NGExLjg3MyAxLjg3MyAwIDAgMC0xLjExNSAyLjY5M2wuMTYuMjkxYy40MTUuNzY0LS40MiAxLjYtMS4xODUgMS4xODRsLS4yOTEtLjE1OWExLjg3MyAxLjg3MyAwIDAgMC0yLjY5MyAxLjExNmwtLjA5NC4zMThjLS4yNDYuODM1LTEuNDI4LjgzNS0xLjY3NCAwbC0uMDk0LS4zMTlhMS44NzMgMS44NzMgMCAwIDAtMi42OTItMS4xMTVsLS4yOTIuMTZjLS43NjQuNDE1LTEuNi0uNDItMS4xODQtMS4xODVsLjE1OS0uMjkxQTEuODczIDEuODczIDAgMCAwIDEuOTQ1IDguOTNsLS4zMTktLjA5NGMtLjgzNS0uMjQ2LS44MzUtMS40MjggMC0xLjY3NGwuMzE5LS4wOTRBMS44NzMgMS44NzMgMCAwIDAgMy4wNiA0LjM3N2wtLjE2LS4yOTJjLS40MTUtLjc2NC40Mi0xLjYgMS4xODUtMS4xODRsLjI5Mi4xNTlhMS44NzMgMS44NzMgMCAwIDAgMi42OTItMS4xMTV6Ii8+Cjwvc3ZnPg==)}.cbb-icon--globe2 .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZ2xvYmUyIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0wIDhhOCA4IDAgMSAxIDE2IDBBOCA4IDAgMCAxIDAgOG03LjUtNi45MjNjLS42Ny4yMDQtMS4zMzUuODItMS44ODcgMS44NTVxLS4yMTUuNDAzLS4zOTUuODcyYy43MDUuMTU3IDEuNDcyLjI1NyAyLjI4Mi4yODd6TTQuMjQ5IDMuNTM5cS4yMTQtLjU3Ny40ODEtMS4wNzhhNyA3IDAgMCAxIC41OTctLjkzM0E3IDcgMCAwIDAgMy4wNTEgMy4wNXEuNTQ0LjI3NyAxLjE5OC40OXpNMy41MDkgNy41Yy4wMzYtMS4wNy4xODgtMi4wODcuNDM2LTMuMDA4YTkgOSAwIDAgMS0xLjU2NS0uNjY3QTYuOTYgNi45NiAwIDAgMCAxLjAxOCA3LjV6bTEuNC0yLjc0MWExMi4zIDEyLjMgMCAwIDAtLjQgMi43NDFINy41VjUuMDkxYy0uOTEtLjAzLTEuNzgzLS4xNDUtMi41OTEtLjMzMk04LjUgNS4wOVY3LjVoMi45OWExMi4zIDEyLjMgMCAwIDAtLjM5OS0yLjc0MWMtLjgwOC4xODctMS42ODEuMzAxLTIuNTkxLjMzMnpNNC41MSA4LjVjLjAzNS45ODcuMTc2IDEuOTE0LjM5OSAyLjc0MUExMy42IDEzLjYgMCAwIDEgNy41IDEwLjkxVjguNXptMy45OSAwdjIuNDA5Yy45MS4wMyAxLjc4My4xNDUgMi41OTEuMzMyLjIyMy0uODI3LjM2NC0xLjc1NC40LTIuNzQxem0tMy4yODIgMy42OTZxLjE4LjQ2OS4zOTUuODcyYy41NTIgMS4wMzUgMS4yMTggMS42NSAxLjg4NyAxLjg1NVYxMS45MWMtLjgxLjAzLTEuNTc3LjEzLTIuMjgyLjI4N3ptLjExIDIuMjc2YTcgNyAwIDAgMS0uNTk4LS45MzMgOSA5IDAgMCAxLS40ODEtMS4wNzkgOC40IDguNCAwIDAgMC0xLjE5OC40OSA3IDcgMCAwIDAgMi4yNzYgMS41MjJ6bS0xLjM4My0yLjk2NEExMy40IDEzLjQgMCAwIDEgMy41MDggOC41aC0yLjQ5YTYuOTYgNi45NiAwIDAgMCAxLjM2MiAzLjY3NWMuNDctLjI1OC45OTUtLjQ4MiAxLjU2NS0uNjY3bTYuNzI4IDIuOTY0YTcgNyAwIDAgMCAyLjI3NS0xLjUyMSA4LjQgOC40IDAgMCAwLTEuMTk3LS40OSA5IDkgMCAwIDEtLjQ4MSAxLjA3OCA3IDcgMCAwIDEtLjU5Ny45MzNNOC41IDExLjkwOXYzLjAxNGMuNjctLjIwNCAxLjMzNS0uODIgMS44ODctMS44NTVxLjIxNi0uNDAzLjM5NS0uODcyQTEyLjYgMTIuNiAwIDAgMCA4LjUgMTEuOTF6bTMuNTU1LS40MDFjLjU3LjE4NSAxLjA5NS40MDkgMS41NjUuNjY3QTYuOTYgNi45NiAwIDAgMCAxNC45ODIgOC41aC0yLjQ5YTEzLjQgMTMuNCAwIDAgMS0uNDM3IDMuMDA4TTE0Ljk4MiA3LjVhNi45NiA2Ljk2IDAgMCAwLTEuMzYyLTMuNjc1Yy0uNDcuMjU4LS45OTUuNDgyLTEuNTY1LjY2Ny4yNDguOTIuNCAxLjkzOC40MzcgMy4wMDh6TTExLjI3IDIuNDYxcS4yNjYuNTAyLjQ4MiAxLjA3OGE4LjQgOC40IDAgMCAwIDEuMTk2LS40OSA3IDcgMCAwIDAtMi4yNzUtMS41MmMuMjE4LjI4My40MTguNTk3LjU5Ny45MzJtLS40ODggMS4zNDNhOCA4IDAgMCAwLS4zOTUtLjg3MkM5LjgzNSAxLjg5NyA5LjE3IDEuMjgyIDguNSAxLjA3N1Y0LjA5Yy44MS0uMDMgMS41NzctLjEzIDIuMjgyLS4yODd6Ii8+Cjwvc3ZnPg==)}.cbb-icon--graph-down-arrow .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZ3JhcGgtZG93bi1hcnJvdyIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDBoMXYxNWgxNXYxSDB6bTEwIDExLjVhLjUuNSAwIDAgMCAuNS41aDRhLjUuNSAwIDAgMCAuNS0uNXYtNGEuNS41IDAgMCAwLTEgMHYyLjZsLTMuNjEzLTQuNDE3YS41LjUgMCAwIDAtLjc0LS4wMzdMNy4wNiA4LjIzMyAzLjQwNCAzLjIwNmEuNS41IDAgMCAwLS44MDguNTg4bDQgNS41YS41LjUgMCAwIDAgLjc1OC4wNmwyLjYwOS0yLjYxTDEzLjQ0NSAxMUgxMC41YS41LjUgMCAwIDAtLjUuNSIvPgo8L3N2Zz4=)}.cbb-icon--graph-up-arrow .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZ3JhcGgtdXAtYXJyb3ciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAwaDF2MTVoMTV2MUgwem0xMCAzLjVhLjUuNSAwIDAgMSAuNS0uNWg0YS41LjUgMCAwIDEgLjUuNXY0YS41LjUgMCAwIDEtMSAwVjQuOWwtMy42MTMgNC40MTdhLjUuNSAwIDAgMS0uNzQuMDM3TDcuMDYgNi43NjdsLTMuNjU2IDUuMDI3YS41LjUgMCAwIDEtLjgwOC0uNTg4bDQtNS41YS41LjUgMCAwIDEgLjc1OC0uMDZsMi42MDkgMi42MUwxMy40NDUgNEgxMC41YS41LjUgMCAwIDEtLjUtLjUiLz4KPC9zdmc+)}.cbb-icon--hourglass .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaG91cmdsYXNzIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0yIDEuNWEuNS41IDAgMCAxIC41LS41aDExYS41LjUgMCAwIDEgMCAxaC0xdjFhNC41IDQuNSAwIDAgMS0yLjU1NyA0LjA2Yy0uMjkuMTM5LS40NDMuMzc3LS40NDMuNTl2LjdjMCAuMjEzLjE1NC40NTEuNDQzLjU5QTQuNSA0LjUgMCAwIDEgMTIuNSAxM3YxaDFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAxIDEgMC0xaDF2LTFhNC41IDQuNSAwIDAgMSAyLjU1Ny00LjA2Yy4yOS0uMTM5LjQ0My0uMzc3LjQ0My0uNTl2LS43YzAtLjIxMy0uMTU0LS40NTEtLjQ0My0uNTlBNC41IDQuNSAwIDAgMSAzLjUgM1YyaC0xYS41LjUgMCAwIDEtLjUtLjVtMi41LjV2MWEzLjUgMy41IDAgMCAwIDEuOTg5IDMuMTU4Yy41MzMuMjU2IDEuMDExLjc5MSAxLjAxMSAxLjQ5MXYuNzAyYzAgLjctLjQ3OCAxLjIzNS0xLjAxMSAxLjQ5MUEzLjUgMy41IDAgMCAwIDQuNSAxM3YxaDd2LTFhMy41IDMuNSAwIDAgMC0xLjk4OS0zLjE1OEM4Ljk3OCA5LjU4NiA4LjUgOS4wNTIgOC41IDguMzUxdi0uNzAyYzAtLjcuNDc4LTEuMjM1IDEuMDExLTEuNDkxQTMuNSAzLjUgMCAwIDAgMTEuNSAzVjJ6Ii8+Cjwvc3ZnPg==)}.cbb-icon--hourglass-bottom .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaG91cmdsYXNzLWJvdHRvbSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMiAxLjVhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMXYxYTQuNSA0LjUgMCAwIDEtMi41NTcgNC4wNmMtLjI5LjEzOS0uNDQzLjM3Ny0uNDQzLjU5di43YzAgLjIxMy4xNTQuNDUxLjQ0My41OUE0LjUgNC41IDAgMCAxIDEyLjUgMTN2MWgxYS41LjUgMCAwIDEgMCAxaC0xMWEuNS41IDAgMSAxIDAtMWgxdi0xYTQuNSA0LjUgMCAwIDEgMi41NTctNC4wNmMuMjktLjEzOS40NDMtLjM3Ny40NDMtLjU5di0uN2MwLS4yMTMtLjE1NC0uNDUxLS40NDMtLjU5QTQuNSA0LjUgMCAwIDEgMy41IDNWMmgtMWEuNS41IDAgMCAxLS41LS41bTIuNS41djFhMy41IDMuNSAwIDAgMCAxLjk4OSAzLjE1OGMuNTMzLjI1NiAxLjAxMS43OTEgMS4wMTEgMS40OTF2LjcwMnMuMTguMTQ5LjUuMTQ5LjUtLjE1LjUtLjE1di0uN2MwLS43MDEuNDc4LTEuMjM2IDEuMDExLTEuNDkyQTMuNSAzLjUgMCAwIDAgMTEuNSAzVjJ6Ii8+Cjwvc3ZnPg==)}.cbb-icon--hourglass-split .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaG91cmdsYXNzLXNwbGl0IiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0yLjUgMTVhLjUuNSAwIDEgMSAwLTFoMXYtMWE0LjUgNC41IDAgMCAxIDIuNTU3LTQuMDZjLjI5LS4xMzkuNDQzLS4zNzcuNDQzLS41OXYtLjdjMC0uMjEzLS4xNTQtLjQ1MS0uNDQzLS41OUE0LjUgNC41IDAgMCAxIDMuNSAzVjJoLTFhLjUuNSAwIDAgMSAwLTFoMTFhLjUuNSAwIDAgMSAwIDFoLTF2MWE0LjUgNC41IDAgMCAxLTIuNTU3IDQuMDZjLS4yOS4xMzktLjQ0My4zNzctLjQ0My41OXYuN2MwIC4yMTMuMTU0LjQ1MS40NDMuNTlBNC41IDQuNSAwIDAgMSAxMi41IDEzdjFoMWEuNS41IDAgMCAxIDAgMXptMi0xM3YxYzAgLjUzNy4xMiAxLjA0NS4zMzcgMS41aDYuMzI2Yy4yMTYtLjQ1NS4zMzctLjk2My4zMzctMS41VjJ6bTMgNi4zNWMwIC43MDEtLjQ3OCAxLjIzNi0xLjAxMSAxLjQ5MkEzLjUgMy41IDAgMCAwIDQuNSAxM3MuODY2LTEuMjk5IDMtMS40OHptMSAwdjMuMTdjMi4xMzQuMTgxIDMgMS40OCAzIDEuNDhhMy41IDMuNSAwIDAgMC0xLjk4OS0zLjE1OEM4Ljk3OCA5LjU4NiA4LjUgOS4wNTIgOC41IDguMzUxeiIvPgo8L3N2Zz4=)}.cbb-icon--hourglass-top .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaG91cmdsYXNzLXRvcCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMiAxNC41YS41LjUgMCAwIDAgLjUuNWgxMWEuNS41IDAgMSAwIDAtMWgtMXYtMWE0LjUgNC41IDAgMCAwLTIuNTU3LTQuMDZjLS4yOS0uMTM5LS40NDMtLjM3Ny0uNDQzLS41OXYtLjdjMC0uMjEzLjE1NC0uNDUxLjQ0My0uNTlBNC41IDQuNSAwIDAgMCAxMi41IDNWMmgxYS41LjUgMCAwIDAgMC0xaC0xMWEuNS41IDAgMCAwIDAgMWgxdjFhNC41IDQuNSAwIDAgMCAyLjU1NyA0LjA2Yy4yOS4xMzkuNDQzLjM3Ny40NDMuNTl2LjdjMCAuMjEzLS4xNTQuNDUxLS40NDMuNTlBNC41IDQuNSAwIDAgMCAzLjUgMTN2MWgtMWEuNS41IDAgMCAwLS41LjVtMi41LS41di0xYTMuNSAzLjUgMCAwIDEgMS45ODktMy4xNThjLjUzMy0uMjU2IDEuMDExLS43OSAxLjAxMS0xLjQ5MXYtLjcwMnMuMTguMTAxLjUuMTAxLjUtLjEuNS0uMXYuN2MwIC43MDEuNDc4IDEuMjM2IDEuMDExIDEuNDkyQTMuNSAzLjUgMCAwIDEgMTEuNSAxM3YxeiIvPgo8L3N2Zz4=)}.cbb-icon--lightbulb .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktbGlnaHRidWxiIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0yIDZhNiA2IDAgMSAxIDEwLjE3NCA0LjMxYy0uMjAzLjE5Ni0uMzU5LjQtLjQ1My42MTlsLS43NjIgMS43NjlBLjUuNSAwIDAgMSAxMC41IDEzYS41LjUgMCAwIDEgMCAxIC41LjUgMCAwIDEgMCAxbC0uMjI0LjQ0N2ExIDEgMCAwIDEtLjg5NC41NTNINi42MThhMSAxIDAgMCAxLS44OTQtLjU1M0w1LjUgMTVhLjUuNSAwIDAgMSAwLTEgLjUuNSAwIDAgMSAwLTEgLjUuNSAwIDAgMS0uNDYtLjMwMmwtLjc2MS0xLjc3YTIgMiAwIDAgMC0uNDUzLS42MThBNS45OCA1Ljk4IDAgMCAxIDIgNm02LTVhNSA1IDAgMCAwLTMuNDc5IDguNTkyYy4yNjMuMjU0LjUxNC41NjQuNjc2Ljk0MUw1LjgzIDEyaDQuMzQybC42MzItMS40NjdjLjE2Mi0uMzc3LjQxMy0uNjg3LjY3Ni0uOTQxQTUgNSAwIDAgMCA4IDEiLz4KPC9zdmc+)}.cbb-icon--magic .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktbWFnaWMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTkuNSAyLjY3MmEuNS41IDAgMSAwIDEgMFYuODQzYS41LjUgMCAwIDAtMSAwem00LjUuMDM1QS41LjUgMCAwIDAgMTMuMjkzIDJMMTIgMy4yOTNhLjUuNSAwIDEgMCAuNzA3LjcwN3pNNy4yOTMgNEEuNS41IDAgMSAwIDggMy4yOTNMNi43MDcgMkEuNS41IDAgMCAwIDYgMi43MDd6bS0uNjIxIDIuNWEuNS41IDAgMSAwIDAtMUg0Ljg0M2EuNS41IDAgMSAwIDAgMXptOC40ODUgMGEuNS41IDAgMSAwIDAtMWgtMS44MjlhLjUuNSAwIDAgMCAwIDF6TTEzLjI5MyAxMEEuNS41IDAgMSAwIDE0IDkuMjkzTDEyLjcwNyA4YS41LjUgMCAxIDAtLjcwNy43MDd6TTkuNSAxMS4xNTdhLjUuNSAwIDAgMCAxIDBWOS4zMjhhLjUuNSAwIDAgMC0xIDB6bTEuODU0LTUuMDk3YS41LjUgMCAwIDAgMC0uNzA2bC0uNzA4LS43MDhhLjUuNSAwIDAgMC0uNzA3IDBMOC42NDYgNS45NGEuNS41IDAgMCAwIDAgLjcwN2wuNzA4LjcwOGEuNS41IDAgMCAwIC43MDcgMGwxLjI5My0xLjI5M1ptLTMgM2EuNS41IDAgMCAwIDAtLjcwNmwtLjcwOC0uNzA4YS41LjUgMCAwIDAtLjcwNyAwTC42NDYgMTMuOTRhLjUuNSAwIDAgMCAwIC43MDdsLjcwOC43MDhhLjUuNSAwIDAgMCAuNzA3IDB6Ii8+Cjwvc3ZnPg==)}.cbb-icon--moon-stars .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktbW9vbi1zdGFycyIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNNiAuMjc4YS43Ny43NyAwIDAgMSAuMDguODU4IDcuMiA3LjIgMCAwIDAtLjg3OCAzLjQ2YzAgNC4wMjEgMy4yNzggNy4yNzcgNy4zMTggNy4yNzdxLjc5Mi0uMDAxIDEuNTMzLS4xNmEuNzkuNzkgMCAwIDEgLjgxLjMxNi43My43MyAwIDAgMS0uMDMxLjg5M0E4LjM1IDguMzUgMCAwIDEgOC4zNDQgMTZDMy43MzQgMTYgMCAxMi4yODYgMCA3LjcxIDAgNC4yNjYgMi4xMTQgMS4zMTIgNS4xMjQuMDZBLjc1Ljc1IDAgMCAxIDYgLjI3OE00Ljg1OCAxLjMxMUE3LjI3IDcuMjcgMCAwIDAgMS4wMjUgNy43MWMwIDQuMDIgMy4yNzkgNy4yNzYgNy4zMTkgNy4yNzZhNy4zMiA3LjMyIDAgMCAwIDUuMjA1LTIuMTYycS0uNTA2LjA2My0xLjAyOS4wNjNjLTQuNjEgMC04LjM0My0zLjcxNC04LjM0My04LjI5IDAtMS4xNjcuMjQyLTIuMjc4LjY4MS0zLjI4NiIvPgogIDxwYXRoIGQ9Ik0xMC43OTQgMy4xNDhhLjIxNy4yMTcgMCAwIDEgLjQxMiAwbC4zODcgMS4xNjJjLjE3My41MTguNTc5LjkyNCAxLjA5NyAxLjA5N2wxLjE2Mi4zODdhLjIxNy4yMTcgMCAwIDEgMCAuNDEybC0xLjE2Mi4zODdhMS43MyAxLjczIDAgMCAwLTEuMDk3IDEuMDk3bC0uMzg3IDEuMTYyYS4yMTcuMjE3IDAgMCAxLS40MTIgMGwtLjM4Ny0xLjE2MkExLjczIDEuNzMgMCAwIDAgOS4zMSA2LjU5M2wtMS4xNjItLjM4N2EuMjE3LjIxNyAwIDAgMSAwLS40MTJsMS4xNjItLjM4N2ExLjczIDEuNzMgMCAwIDAgMS4wOTctMS4wOTd6TTEzLjg2My4wOTlhLjE0NS4xNDUgMCAwIDEgLjI3NCAwbC4yNTguNzc0Yy4xMTUuMzQ2LjM4Ni42MTcuNzMyLjczMmwuNzc0LjI1OGEuMTQ1LjE0NSAwIDAgMSAwIC4yNzRsLS43NzQuMjU4YTEuMTYgMS4xNiAwIDAgMC0uNzMyLjczMmwtLjI1OC43NzRhLjE0NS4xNDUgMCAwIDEtLjI3NCAwbC0uMjU4LS43NzRhMS4xNiAxLjE2IDAgMCAwLS43MzItLjczMmwtLjc3NC0uMjU4YS4xNDUuMTQ1IDAgMCAxIDAtLjI3NGwuNzc0LS4yNThjLjM0Ni0uMTE1LjYxNy0uMzg2LjczMi0uNzMyeiIvPgo8L3N2Zz4=)}.cbb-icon--people-fill .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGVvcGxlLWZpbGwiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTcgMTRzLTEgMC0xLTEgMS00IDUtNCA1IDMgNSA0LTEgMS0xIDF6bTQtNmEzIDMgMCAxIDAgMC02IDMgMyAwIDAgMCAwIDZtLTUuNzg0IDZBMi4yNCAyLjI0IDAgMCAxIDUgMTNjMC0xLjM1NS42OC0yLjc1IDEuOTM2LTMuNzJBNi4zIDYuMyAwIDAgMCA1IDljLTQgMC01IDMtNSA0czEgMSAxIDF6TTQuNSA4YTIuNSAyLjUgMCAxIDAgMC01IDIuNSAyLjUgMCAwIDAgMCA1Ii8+Cjwvc3ZnPg==)}.cbb-icon--person-circle .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGVyc29uLWNpcmNsZSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMTEgNmEzIDMgMCAxIDEtNiAwIDMgMyAwIDAgMSA2IDAiLz4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDhhOCA4IDAgMSAxIDE2IDBBOCA4IDAgMCAxIDAgOG04LTdhNyA3IDAgMCAwLTUuNDY4IDExLjM3QzMuMjQyIDExLjIyNiA0LjgwNSAxMCA4IDEwczQuNzU3IDEuMjI1IDUuNDY4IDIuMzdBNyA3IDAgMCAwIDggMSIvPgo8L3N2Zz4=)}.cbb-icon--quote .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcXVvdGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEyIDEyYTEgMSAwIDAgMCAxLTFWOC41NThhMSAxIDAgMCAwLTEtMWgtMS4zODhxMC0uNTI3LjA2Mi0xLjA1NC4wOTMtLjU1OC4zMS0uOTkydC41NTktLjY4M3EuMzQtLjI3OS44NjgtLjI3OVYzcS0uODY4IDAtMS41Mi4zNzJhMy4zIDMuMyAwIDAgMC0xLjA4NS45OTIgNC45IDQuOSAwIDAgMC0uNjIgMS40NThBNy43IDcuNyAwIDAgMCA5IDcuNTU4VjExYTEgMSAwIDAgMCAxIDF6bS02IDBhMSAxIDAgMCAwIDEtMVY4LjU1OGExIDEgMCAwIDAtMS0xSDQuNjEycTAtLjUyNy4wNjItMS4wNTQuMDk0LS41NTguMzEtLjk5Mi4yMTctLjQzNC41NTktLjY4My4zNC0uMjc5Ljg2OC0uMjc5VjNxLS44NjggMC0xLjUyLjM3MmEzLjMgMy4zIDAgMCAwLTEuMDg1Ljk5MiA0LjkgNC45IDAgMCAwLS42MiAxLjQ1OEE3LjcgNy43IDAgMCAwIDMgNy41NThWMTFhMSAxIDAgMCAwIDEgMXoiLz4KPC9zdmc+)}.cbb-icon--robot .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcm9ib3QiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTYgMTIuNWEuNS41IDAgMCAxIC41LS41aDNhLjUuNSAwIDAgMSAwIDFoLTNhLjUuNSAwIDAgMS0uNS0uNU0zIDguMDYyQzMgNi43NiA0LjIzNSA1Ljc2NSA1LjUzIDUuODg2YTI2LjYgMjYuNiAwIDAgMCA0Ljk0IDBDMTEuNzY1IDUuNzY1IDEzIDYuNzYgMTMgOC4wNjJ2MS4xNTdhLjkzLjkzIDAgMCAxLS43NjUuOTM1Yy0uODQ1LjE0Ny0yLjM0LjM0Ni00LjIzNS4zNDZzLTMuMzktLjItNC4yMzUtLjM0NkEuOTMuOTMgMCAwIDEgMyA5LjIxOXptNC41NDItLjgyN2EuMjUuMjUgMCAwIDAtLjIxNy4wNjhsLS45Mi45YTI1IDI1IDAgMCAxLTEuODcxLS4xODMuMjUuMjUgMCAwIDAtLjA2OC40OTVjLjU1LjA3NiAxLjIzMi4xNDkgMi4wMi4xOTNhLjI1LjI1IDAgMCAwIC4xODktLjA3MWwuNzU0LS43MzYuODQ3IDEuNzFhLjI1LjI1IDAgMCAwIC40MDQuMDYybC45MzItLjk3YTI1IDI1IDAgMCAwIDEuOTIyLS4xODguMjUuMjUgMCAwIDAtLjA2OC0uNDk1Yy0uNTM4LjA3NC0xLjIwNy4xNDUtMS45OC4xODlhLjI1LjI1IDAgMCAwLS4xNjYuMDc2bC0uNzU0Ljc4NS0uODQyLTEuN2EuMjUuMjUgMCAwIDAtLjE4Mi0uMTM1Ii8+CiAgPHBhdGggZD0iTTguNSAxLjg2NmExIDEgMCAxIDAtMSAwVjNoLTJBNC41IDQuNSAwIDAgMCAxIDcuNVY4YTEgMSAwIDAgMC0xIDF2MmExIDEgMCAwIDAgMSAxdjFhMiAyIDAgMCAwIDIgMmgxMGEyIDIgMCAwIDAgMi0ydi0xYTEgMSAwIDAgMCAxLTFWOWExIDEgMCAwIDAtMS0xdi0uNUE0LjUgNC41IDAgMCAwIDEwLjUgM2gtMnpNMTQgNy41VjEzYTEgMSAwIDAgMS0xIDFIM2ExIDEgMCAwIDEtMS0xVjcuNUEzLjUgMy41IDAgMCAxIDUuNSA0aDVBMy41IDMuNSAwIDAgMSAxNCA3LjUiLz4KPC9zdmc+)}.cbb-icon--rocket-takeoff .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcm9ja2V0LXRha2VvZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTkuNzUyIDYuMTkzYy41OTkuNiAxLjczLjQzNyAyLjUyOC0uMzYycy45Ni0xLjkzMi4zNjItMi41MzFjLS41OTktLjYtMS43My0uNDM4LTIuNTI4LjM2MS0uNzk4LjgtLjk2IDEuOTMzLS4zNjIgMi41MzIiLz4KICA8cGF0aCBkPSJNMTUuODExIDMuMzEyYy0uMzYzIDEuNTM0LTEuMzM0IDMuNjI2LTMuNjQgNi4yMThsLS4yNCAyLjQwOGEyLjU2IDIuNTYgMCAwIDEtLjczMiAxLjUyNkw4LjgxNyAxNS44NWEuNTEuNTEgMCAwIDEtLjg2Ny0uNDM0bC4yNy0xLjg5OWMuMDQtLjI4LS4wMTMtLjU5My0uMTMxLS45NTZhOSA5IDAgMCAwLS4yNDktLjY1N2wtLjA4Mi0uMjAyYy0uODE1LS4xOTctMS41NzgtLjY2Mi0yLjE5MS0xLjI3Ny0uNjE0LS42MTUtMS4wNzktMS4zNzktMS4yNzUtMi4xOTVsLS4yMDMtLjA4M2ExMCAxMCAwIDAgMC0uNjU1LS4yNDhjLS4zNjMtLjExOS0uNjc1LS4xNzItLjk1NS0uMTMybC0xLjg5Ni4yN0EuNTEuNTEgMCAwIDEgLjE1IDcuMTdsMi4zODItMi4zODZjLjQxLS40MS45NDctLjY3IDEuNTI0LS43MzRoLjAwNmwyLjQtLjIzOEM5LjAwNSAxLjU1IDExLjA4Ny41ODIgMTIuNjIzLjIwOGMuODktLjIxNyAxLjU5LS4yMzIgMi4wOC0uMTg4LjI0NC4wMjMuNDM1LjA2LjU3LjA5M3EuMS4wMjYuMTYuMDQ1Yy4xODQuMDYuMjc5LjEzLjM1MS4yOTVsLjAyOS4wNzNhMy41IDMuNSAwIDAgMSAuMTU3LjcyMWMuMDU1LjQ4NS4wNTEgMS4xNzgtLjE1OSAyLjA2NW0tNC44MjggNy40NzUuMDQtLjA0LS4xMDcgMS4wODFhMS41NCAxLjU0IDAgMCAxLS40NC45MTNsLTEuMjk4IDEuMy4wNTQtLjM4Yy4wNzItLjUwNi0uMDM0LS45OTMtLjE3Mi0xLjQxOGE5IDkgMCAwIDAtLjE2NC0uNDVjLjczOC0uMDY1IDEuNDYyLS4zOCAyLjA4Ny0xLjAwNk01LjIwNSA1Yy0uNjI1LjYyNi0uOTQgMS4zNTEtMS4wMDQgMi4wOWE5IDkgMCAwIDAtLjQ1LS4xNjRjLS40MjQtLjEzOC0uOTEtLjI0NC0xLjQxNi0uMTcybC0uMzguMDU0IDEuMy0xLjNjLjI0NS0uMjQ2LjU2Ni0uNDAxLjkxLS40NGwxLjA4LS4xMDd6bTkuNDA2LTMuOTYxYy0uMzgtLjAzNC0uOTY3LS4wMjctMS43NDYuMTYzLTEuNTU4LjM4LTMuOTE3IDEuNDk2LTYuOTM3IDQuNTIxLS42Mi42Mi0uNzk5IDEuMzQtLjY4NyAyLjA1MS4xMDcuNjc2LjQ4MyAxLjM2MiAxLjA0OCAxLjkyOC41NjQuNTY1IDEuMjUuOTQxIDEuOTI0IDEuMDQ5LjcxLjExMiAxLjQyOS0uMDY3IDIuMDQ4LS42ODggMy4wNzktMy4wODMgNC4xOTItNS40NDQgNC41NTYtNi45ODcuMTgzLS43NzEuMTgtMS4zNDUuMTM4LTEuNzEzYTMgMyAwIDAgMC0uMDQ1LS4yODMgMyAzIDAgMCAwLS4zLS4wNDFaIi8+CiAgPHBhdGggZD0iTTcuMDA5IDEyLjEzOWE3LjYgNy42IDAgMCAxLTEuODA0LTEuMzUyQTcuNiA3LjYgMCAwIDEgMy43OTQgOC44NmMtMS4xMDIuOTkyLTEuOTY1IDUuMDU0LTEuODM5IDUuMTguMTI1LjEyNiAzLjkzNi0uODk2IDUuMDU0LTEuOTAyWiIvPgo8L3N2Zz4=)}.cbb-icon--star .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc3RhciIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMi44NjYgMTQuODVjLS4wNzguNDQ0LjM2Ljc5MS43NDYuNTkzbDQuMzktMi4yNTYgNC4zODkgMi4yNTZjLjM4Ni4xOTguODI0LS4xNDkuNzQ2LS41OTJsLS44My00LjczIDMuNTIyLTMuMzU2Yy4zMy0uMzE0LjE2LS44ODgtLjI4Mi0uOTVsLTQuODk4LS42OTZMOC40NjUuNzkyYS41MTMuNTEzIDAgMCAwLS45MjcgMEw1LjM1NCA1LjEybC00Ljg5OC42OTZjLS40NDEuMDYyLS42MTIuNjM2LS4yODMuOTVsMy41MjMgMy4zNTYtLjgzIDQuNzN6bTQuOTA1LTIuNzY3LTMuNjg2IDEuODk0LjY5NC0zLjk1N2EuNTYuNTYgMCAwIDAtLjE2My0uNTA1TDEuNzEgNi43NDVsNC4wNTItLjU3NmEuNTMuNTMgMCAwIDAgLjM5My0uMjg4TDggMi4yMjNsMS44NDcgMy42NThhLjUzLjUzIDAgMCAwIC4zOTMuMjg4bDQuMDUyLjU3NS0yLjkwNiAyLjc3YS41Ni41NiAwIDAgMC0uMTYzLjUwNmwuNjk0IDMuOTU3LTMuNjg2LTEuODk0YS41LjUgMCAwIDAtLjQ2MSAweiIvPgo8L3N2Zz4=)}.cbb-icon--stars .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc3RhcnMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTcuNjU3IDYuMjQ3Yy4xMS0uMzMuNTc2LS4zMy42ODYgMGwuNjQ1IDEuOTM3YTIuODkgMi44OSAwIDAgMCAxLjgyOSAxLjgyOGwxLjkzNi42NDVjLjMzLjExLjMzLjU3NiAwIC42ODZsLTEuOTM3LjY0NWEyLjg5IDIuODkgMCAwIDAtMS44MjggMS44MjlsLS42NDUgMS45MzZhLjM2MS4zNjEgMCAwIDEtLjY4NiAwbC0uNjQ1LTEuOTM3YTIuODkgMi44OSAwIDAgMC0xLjgyOC0xLjgyOGwtMS45MzctLjY0NWEuMzYxLjM2MSAwIDAgMSAwLS42ODZsMS45MzctLjY0NWEyLjg5IDIuODkgMCAwIDAgMS44MjgtMS44Mjh6TTMuNzk0IDEuMTQ4YS4yMTcuMjE3IDAgMCAxIC40MTIgMGwuMzg3IDEuMTYyYy4xNzMuNTE4LjU3OS45MjQgMS4wOTcgMS4wOTdsMS4xNjIuMzg3YS4yMTcuMjE3IDAgMCAxIDAgLjQxMmwtMS4xNjIuMzg3QTEuNzMgMS43MyAwIDAgMCA0LjU5MyA1LjY5bC0uMzg3IDEuMTYyYS4yMTcuMjE3IDAgMCAxLS40MTIgMEwzLjQwNyA1LjY5QTEuNzMgMS43MyAwIDAgMCAyLjMxIDQuNTkzbC0xLjE2Mi0uMzg3YS4yMTcuMjE3IDAgMCAxIDAtLjQxMmwxLjE2Mi0uMzg3QTEuNzMgMS43MyAwIDAgMCAzLjQwNyAyLjMxek0xMC44NjMuMDk5YS4xNDUuMTQ1IDAgMCAxIC4yNzQgMGwuMjU4Ljc3NGMuMTE1LjM0Ni4zODYuNjE3LjczMi43MzJsLjc3NC4yNThhLjE0NS4xNDUgMCAwIDEgMCAuMjc0bC0uNzc0LjI1OGExLjE2IDEuMTYgMCAwIDAtLjczMi43MzJsLS4yNTguNzc0YS4xNDUuMTQ1IDAgMCAxLS4yNzQgMGwtLjI1OC0uNzc0YTEuMTYgMS4xNiAwIDAgMC0uNzMyLS43MzJMOS4xIDIuMTM3YS4xNDUuMTQ1IDAgMCAxIDAtLjI3NGwuNzc0LS4yNThjLjM0Ni0uMTE1LjYxNy0uMzg2LjczMi0uNzMyeiIvPgo8L3N2Zz4=)}.cbb-icon--stickies .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc3RpY2tpZXMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEuNSAwQTEuNSAxLjUgMCAwIDAgMCAxLjVWMTNhMSAxIDAgMCAwIDEgMVYxLjVhLjUuNSAwIDAgMSAuNS0uNUgxNGExIDEgMCAwIDAtMS0xeiIvPgogIDxwYXRoIGQ9Ik0zLjUgMkExLjUgMS41IDAgMCAwIDIgMy41djExQTEuNSAxLjUgMCAwIDAgMy41IDE2aDYuMDg2YTEuNSAxLjUgMCAwIDAgMS4wNi0uNDRsNC45MTUtNC45MTRBMS41IDEuNSAwIDAgMCAxNiA5LjU4NlYzLjVBMS41IDEuNSAwIDAgMCAxNC41IDJ6TTMgMy41YS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAuNS41VjloLTQuNUExLjUgMS41IDAgMCAwIDkgMTAuNVYxNUgzLjVhLjUuNSAwIDAgMS0uNS0uNXptNyAxMS4yOTNWMTAuNWEuNS41IDAgMCAxIC41LS41aDQuMjkzeiIvPgo8L3N2Zz4=)}.cbb-icon--tools .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdG9vbHMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEgMCAwIDFsMi4yIDMuMDgxYTEgMSAwIDAgMCAuODE1LjQxOWguMDdhMSAxIDAgMCAxIC43MDguMjkzbDIuNjc1IDIuNjc1LTIuNjE3IDIuNjU0QTMuMDAzIDMuMDAzIDAgMCAwIDAgMTNhMyAzIDAgMSAwIDUuODc4LS44NTFsMi42NTQtMi42MTcuOTY4Ljk2OC0uMzA1LjkxNGExIDEgMCAwIDAgLjI0MiAxLjAyM2wzLjI3IDMuMjdhLjk5Ny45OTcgMCAwIDAgMS40MTQgMGwxLjU4Ni0xLjU4NmEuOTk3Ljk5NyAwIDAgMCAwLTEuNDE0bC0zLjI3LTMuMjdhMSAxIDAgMCAwLTEuMDIzLS4yNDJMMTAuNSA5LjVsLS45Ni0uOTYgMi42OC0yLjY0M0EzLjAwNSAzLjAwNSAwIDAgMCAxNiAzcTAtLjQwNS0uMTAyLS43NzdsLTIuMTQgMi4xNDFMMTIgNGwtLjM2NC0xLjc1N0wxMy43NzcuMTAyYTMgMyAwIDAgMC0zLjY3NSAzLjY4TDcuNDYyIDYuNDYgNC43OTMgMy43OTNhMSAxIDAgMCAxLS4yOTMtLjcwN3YtLjA3MWExIDEgMCAwIDAtLjQxOS0uODE0em05LjY0NiAxMC42NDZhLjUuNSAwIDAgMSAuNzA4IDBsMi45MTQgMi45MTVhLjUuNSAwIDAgMS0uNzA3LjcwN2wtMi45MTUtMi45MTRhLjUuNSAwIDAgMSAwLS43MDhNMyAxMWwuNDcxLjI0Mi41MjkuMDI2LjI4Ny40NDUuNDQ1LjI4Ny4wMjYuNTI5TDUgMTNsLS4yNDIuNDcxLS4wMjYuNTI5LS40NDUuMjg3LS4yODcuNDQ1LS41MjkuMDI2TDMgMTVsLS40NzEtLjI0MkwyIDE0LjczMmwtLjI4Ny0uNDQ1TDEuMjY4IDE0bC0uMDI2LS41MjlMMSAxM2wuMjQyLS40NzEuMDI2LS41MjkuNDQ1LS4yODcuMjg3LS40NDUuNTI5LS4wMjZ6Ii8+Cjwvc3ZnPg==)}.cbb-icon--ui-checks-grid .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdWktY2hlY2tzLWdyaWQiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTIgMTBoM2ExIDEgMCAwIDEgMSAxdjNhMSAxIDAgMCAxLTEgMUgyYTEgMSAwIDAgMS0xLTF2LTNhMSAxIDAgMCAxIDEtMW05LTloM2ExIDEgMCAwIDEgMSAxdjNhMSAxIDAgMCAxLTEgMWgtM2ExIDEgMCAwIDEtMS0xVjJhMSAxIDAgMCAxIDEtMW0wIDlhMSAxIDAgMCAwLTEgMXYzYTEgMSAwIDAgMCAxIDFoM2ExIDEgMCAwIDAgMS0xdi0zYTEgMSAwIDAgMC0xLTF6bTAtMTBhMiAyIDAgMCAwLTIgMnYzYTIgMiAwIDAgMCAyIDJoM2EyIDIgMCAwIDAgMi0yVjJhMiAyIDAgMCAwLTItMnpNMiA5YTIgMiAwIDAgMC0yIDJ2M2EyIDIgMCAwIDAgMiAyaDNhMiAyIDAgMCAwIDItMnYtM2EyIDIgMCAwIDAtMi0yem03IDJhMiAyIDAgMCAxIDItMmgzYTIgMiAwIDAgMSAyIDJ2M2EyIDIgMCAwIDEtMiAyaC0zYTIgMiAwIDAgMS0yLTJ6TTAgMmEyIDIgMCAwIDEgMi0yaDNhMiAyIDAgMCAxIDIgMnYzYTIgMiAwIDAgMS0yIDJIMmEyIDIgMCAwIDEtMi0yem01LjM1NC44NTRhLjUuNSAwIDEgMC0uNzA4LS43MDhMMyAzLjc5M2wtLjY0Ni0uNjQ3YS41LjUgMCAxIDAtLjcwOC43MDhsMSAxYS41LjUgMCAwIDAgLjcwOCAweiIvPgo8L3N2Zz4=)}.cbb-icon--ui-checks .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdWktY2hlY2tzIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik03IDIuNWEuNS41IDAgMCAxIC41LS41aDdhLjUuNSAwIDAgMSAuNS41djFhLjUuNSAwIDAgMS0uNS41aC03YS41LjUgMCAwIDEtLjUtLjV6TTIgMWEyIDIgMCAwIDAtMiAydjJhMiAyIDAgMCAwIDIgMmgyYTIgMiAwIDAgMCAyLTJWM2EyIDIgMCAwIDAtMi0yem0wIDhhMiAyIDAgMCAwLTIgMnYyYTIgMiAwIDAgMCAyIDJoMmEyIDIgMCAwIDAgMi0ydi0yYTIgMiAwIDAgMC0yLTJ6bS44NTQtMy42NDZhLjUuNSAwIDAgMS0uNzA4IDBsLTEtMWEuNS41IDAgMSAxIC43MDgtLjcwOGwuNjQ2LjY0NyAxLjY0Ni0xLjY0N2EuNS41IDAgMSAxIC43MDguNzA4em0wIDhhLjUuNSAwIDAgMS0uNzA4IDBsLTEtMWEuNS41IDAgMCAxIC43MDgtLjcwOGwuNjQ2LjY0NyAxLjY0Ni0xLjY0N2EuNS41IDAgMCAxIC43MDguNzA4ek03IDEwLjVhLjUuNSAwIDAgMSAuNS0uNWg3YS41LjUgMCAwIDEgLjUuNXYxYS41LjUgMCAwIDEtLjUuNWgtN2EuNS41IDAgMCAxLS41LS41em0wLTVhLjUuNSAwIDAgMSAuNS0uNWg1YS41LjUgMCAwIDEgMCAxaC01YS41LjUgMCAwIDEtLjUtLjVtMCA4YS41LjUgMCAwIDEgLjUtLjVoNWEuNS41IDAgMCAxIDAgMWgtNWEuNS41IDAgMCAxLS41LS41Ii8+Cjwvc3ZnPg==)}.cbb-icon--umbrella-fill .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdW1icmVsbGEtZmlsbCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDBhLjUuNSAwIDAgMSAuNS41di41MTRDMTIuNjI1IDEuMjM4IDE2IDQuMjIgMTYgOGMwIDAgMCAuNS0uNS41LS4xNDkgMC0uMzUyLS4xNDUtLjM1Mi0uMTQ1bC0uMDA0LS4wMDQtLjAyNS0uMDIzYTMuNSAzLjUgMCAwIDAtLjU1NS0uMzk0QTMuMTcgMy4xNyAwIDAgMCAxMyA3LjVjLS42MzggMC0xLjE3OC4yMTMtMS41NjQuNDM0YTMuNSAzLjUgMCAwIDAtLjU1NS4zOTRsLS4wMjUuMDIzLS4wMDMuMDAzcy0uMjA0LjE0Ni0uMzUzLjE0Ni0uMzUyLS4xNDUtLjM1Mi0uMTQ1bC0uMDA0LS4wMDQtLjAyNS0uMDIzYTMuNSAzLjUgMCAwIDAtLjU1NS0uMzk0IDMuMyAzLjMgMCAwIDAtMS4wNjQtLjM5VjEzLjVIOGguNXYuMDM5bC0uMDA1LjA4M2EzIDMgMCAwIDEtLjI5OCAxLjEwMiAyLjI2IDIuMjYgMCAwIDEtLjc2My44OEM3LjA2IDE1Ljg1MSA2LjU4NyAxNiA2IDE2cy0xLjA2MS0uMTQ4LTEuNDM0LS4zOTZhMi4yNiAyLjI2IDAgMCAxLS43NjMtLjg4IDMgMyAwIDAgMS0uMzAyLTEuMTg1di0uMDI1bC0uMDAxLS4wMDl2LS4wMDNzMC0uMDAyLjUtLjAwMmgtLjVWMTNhLjUuNSAwIDAgMSAxIDB2LjUwNmwuMDAzLjA0NGEyIDIgMCAwIDAgLjE5NS43MjZjLjA5NS4xOTEuMjMuMzY3LjQyMy40OTUuMTkuMTI3LjQ2Ni4yMjkuODc5LjIyOXMuNjg5LS4xMDIuODc5LS4yMjljLjE5My0uMTI4LjMyOC0uMzA0LjQyNC0uNDk1YTIgMiAwIDAgMCAuMTk3LS43N1Y3LjU0NGEzLjMgMy4zIDAgMCAwLTEuMDY0LjM5IDMuNSAzLjUgMCAwIDAtLjU4LjQxN2wtLjAwNC4wMDRTNS42NSA4LjUgNS41IDguNXMtLjM1Mi0uMTQ1LS4zNTItLjE0NWwtLjAwNC0uMDA0YTMuNSAzLjUgMCAwIDAtLjU4LS40MTdBMy4xNyAzLjE3IDAgMCAwIDMgNy41Yy0uNjM4IDAtMS4xNzcuMjEzLTEuNTY0LjQzNGEzLjUgMy41IDAgMCAwLS41OC40MTdsLS4wMDQuMDA0Uy42NSA4LjUuNSA4LjVDMCA4LjUgMCA4IDAgOGMwLTMuNzggMy4zNzUtNi43NjIgNy41LTYuOTg2Vi41QS41LjUgMCAwIDEgOCAwIi8+Cjwvc3ZnPg==)}.cbb-icon--watch .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd2F0Y2giIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTguNSA1YS41LjUgMCAwIDAtMSAwdjIuNUg2YS41LjUgMCAwIDAgMCAxaDJhLjUuNSAwIDAgMCAuNS0uNXoiLz4KICA8cGF0aCBkPSJNNS42NjcgMTZDNC43NDcgMTYgNCAxNS4yNTQgNCAxNC4zMzN2LTEuODZBNiA2IDAgMCAxIDIgOGMwLTEuNzc3Ljc3Mi0zLjM3NCAyLTQuNDcyVjEuNjY3QzQgLjc0NyA0Ljc0NiAwIDUuNjY3IDBoNC42NjZDMTEuMjUzIDAgMTIgLjc0NiAxMiAxLjY2N3YxLjg2YTYgNiAwIDAgMSAxLjkxOCAzLjQ4LjUwMi41MDIgMCAwIDEgLjU4Mi40OTN2MWEuNS41IDAgMCAxLS41ODIuNDkzQTYgNiAwIDAgMSAxMiAxMi40NzN2MS44NmMwIC45Mi0uNzQ2IDEuNjY3LTEuNjY3IDEuNjY3ek0xMyA4QTUgNSAwIDEgMCAzIDhhNSA1IDAgMCAwIDEwIDAiLz4KPC9zdmc+)}.cbb-icon--wind .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd2luZCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMTIuNSAyQTIuNSAyLjUgMCAwIDAgMTAgNC41YS41LjUgMCAwIDEtMSAwQTMuNSAzLjUgMCAxIDEgMTIuNSA4SC41YS41LjUgMCAwIDEgMC0xaDEyYTIuNSAyLjUgMCAwIDAgMC01bS03IDFhMSAxIDAgMCAwLTEgMSAuNS41IDAgMCAxLTEgMCAyIDIgMCAxIDEgMiAyaC01YS41LjUgMCAwIDEgMC0xaDVhMSAxIDAgMCAwIDAtMk0wIDkuNUEuNS41IDAgMCAxIC41IDloMTAuMDQyYTMgMyAwIDEgMS0zIDMgLjUuNSAwIDAgMSAxIDAgMiAyIDAgMSAwIDItMkguNWEuNS41IDAgMCAxLS41LS41Ii8+Cjwvc3ZnPg==)}.cbb-icon--wrench .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd3JlbmNoIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0uMTAyIDIuMjIzQTMuMDA0IDMuMDA0IDAgMCAwIDMuNzggNS44OTdsNi4zNDEgNi4yNTJBMy4wMDMgMy4wMDMgMCAwIDAgMTMgMTZhMyAzIDAgMSAwLS44NTEtNS44NzhMNS44OTcgMy43ODFBMy4wMDQgMy4wMDQgMCAwIDAgMi4yMjMuMWwyLjE0MSAyLjE0Mkw0IDRsLTEuNzU3LjM2NHptMTMuMzcgOS4wMTkuNTI4LjAyNi4yODcuNDQ1LjQ0NS4yODcuMDI2LjUyOUwxNSAxM2wtLjI0Mi40NzEtLjAyNi41MjktLjQ0NS4yODctLjI4Ny40NDUtLjUyOS4wMjZMMTMgMTVsLS40NzEtLjI0Mi0uNTI5LS4wMjYtLjI4Ny0uNDQ1LS40NDUtLjI4Ny0uMDI2LS41MjlMMTEgMTNsLjI0Mi0uNDcxLjAyNi0uNTI5LjQ0NS0uMjg3LjI4Ny0uNDQ1LjUyOS0uMDI2TDEzIDExeiIvPgo8L3N2Zz4=)}.cbb-icon--wrench-adjustable .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd3JlbmNoLWFkanVzdGFibGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTE2IDQuNWE0LjUgNC41IDAgMCAxLTEuNzAzIDMuNTI2TDEzIDVsMi45NTktMS4xMXEuMDQuMy4wNDEuNjEiLz4KICA8cGF0aCBkPSJNMTEuNSA5Yy42NTMgMCAxLjI3My0uMTM5IDEuODMzLS4zOUwxMiA1LjUgMTEgM2wzLjgyNi0xLjUzQTQuNSA0LjUgMCAwIDAgNy4yOSA2LjA5MmwtNi4xMTYgNS4wOTZhMi41ODMgMi41ODMgMCAxIDAgMy42MzggMy42MzhMOS45MDggOC43MUE0LjUgNC41IDAgMCAwIDExLjUgOW0tMS4yOTItNC4zNjEtLjU5Ni44OTMuODA5LS4yN2EuMjUuMjUgMCAwIDEgLjI4Ny4zNzdsLS41OTYuODkzLjgwOS0uMjcuMTU4LjQ3NS0xLjUuNWEuMjUuMjUgMCAwIDEtLjI4Ny0uMzc2bC41OTYtLjg5My0uODA5LjI3YS4yNS4yNSAwIDAgMS0uMjg3LS4zNzdsLjU5Ni0uODkzLS44MDkuMjctLjE1OC0uNDc1IDEuNS0uNWEuMjUuMjUgMCAwIDEgLjI4Ny4zNzZNMyAxNGExIDEgMCAxIDEgMC0yIDEgMSAwIDAgMSAwIDIiLz4KPC9zdmc+)}.cbb-icon--wrench-adjustable-circle .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd3JlbmNoLWFkanVzdGFibGUtY2lyY2xlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0xMi40OTYgOGE0LjUgNC41IDAgMCAxLTEuNzAzIDMuNTI2TDkuNDk3IDguNWwyLjk1OS0xLjExcS4wNC4zLjA0LjYxIi8+CiAgPHBhdGggZD0iTTE2IDhBOCA4IDAgMSAxIDAgOGE4IDggMCAwIDEgMTYgMG0tMSAwYTcgNyAwIDEgMC0xMy4yMDIgMy4yNDlsMS45ODgtMS42NTdhNC41IDQuNSAwIDAgMSA3LjUzNy00LjYyM0w3LjQ5NyA2LjVsMSAyLjUgMS4zMzMgMy4xMWMtLjU2LjI1MS0xLjE4LjM5LTEuODMzLjM5YTQuNSA0LjUgMCAwIDEtMS41OTItLjI5TDQuNzQ3IDE0LjJBNyA3IDAgMCAwIDE1IDhtLTguMjk1LjEzOWEuMjUuMjUgMCAwIDAtLjI4OC0uMzc2bC0xLjUuNS4xNTkuNDc0LjgwOC0uMjctLjU5NS44OTRhLjI1LjI1IDAgMCAwIC4yODcuMzc2bC44MDgtLjI3LS41OTUuODk0YS4yNS4yNSAwIDAgMCAuMjg3LjM3NmwxLjUtLjUtLjE1OS0uNDc0LS44MDguMjcuNTk2LS44OTRhLjI1LjI1IDAgMCAwLS4yODgtLjM3NmwtLjgwOC4yN3oiLz4KPC9zdmc+)}html[data-theme=dark] .cbb-icon__icon-container:before{filter:drop-shadow(var(--cbb-icon-size,30px) 0 var(--cbb-icon-dark-color,#fff))}

  • caledros-basic-blocks/trunk/build/blocks/icon/style-index.css

    r3312194 r3335584  
    1 .cbb-icon{clip-path:inset(0 0 0 .4px);height:var(--cbb-icon-size,30px);position:relative;width:var(--cbb-icon-size,30px)}.cbb-icon__main-link{cursor:pointer}.cbb-icon__main-link,.cbb-icon__simple-icon{left:0;position:absolute;top:0}.cbb-icon__icon-container,.cbb-icon__main-link,.cbb-icon__simple-icon{display:block;height:var(--cbb-icon-size,30px);width:var(--cbb-icon-size,30px)}.cbb-icon__icon-container{margin-left:calc(var(--cbb-icon-size, 30px)*-1);position:relative}.cbb-icon__icon-container:before{background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;filter:drop-shadow(var(--cbb-icon-size,30px) 0 var(--cbb-icon-color,#000));height:var(--cbb-icon-size,30px);left:0;position:absolute;top:0;width:var(--cbb-icon-size,30px)}.cbb-icon--alarm-fill .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYWxhcm0tZmlsbCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNNiAuNWEuNS41IDAgMCAxIC41LS41aDNhLjUuNSAwIDAgMSAwIDFIOXYxLjA3YTcuMDAxIDcuMDAxIDAgMCAxIDMuMjc0IDEyLjQ3NGwuNjAxLjYwMmEuNS41IDAgMCAxLS43MDcuNzA4bC0uNzQ2LS43NDZBNi45NyA2Ljk3IDAgMCAxIDggMTZhNi45NyA2Ljk3IDAgMCAxLTMuNDIyLS44OTJsLS43NDYuNzQ2YS41LjUgMCAwIDEtLjcwNy0uNzA4bC42MDItLjYwMkE3LjAwMSA3LjAwMSAwIDAgMSA3IDIuMDdWMWgtLjVBLjUuNSAwIDAgMSA2IC41bTIuNSA1YS41LjUgMCAwIDAtMSAwdjMuMzYybC0xLjQyOSAyLjM4YS41LjUgMCAxIDAgLjg1OC41MTVsMS41LTIuNUEuNS41IDAgMCAwIDguNSA5ek0uODYgNS4zODdBMi41IDIuNSAwIDEgMSA0LjM4NyAxLjg2IDguMDQgOC4wNCAwIDAgMCAuODYgNS4zODdNMTEuNjEzIDEuODZhMi41IDIuNSAwIDEgMSAzLjUyNyAzLjUyNyA4LjA0IDguMDQgMCAwIDAtMy41MjctMy41MjciLz4KPC9zdmc+)}.cbb-icon--award .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXdhcmQiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTkuNjY5Ljg2NCA4IDAgNi4zMzEuODY0bC0xLjg1OC4yODItLjg0MiAxLjY4LTEuMzM3IDEuMzJMMi42IDZsLS4zMDYgMS44NTQgMS4zMzcgMS4zMi44NDIgMS42OCAxLjg1OC4yODJMOCAxMmwxLjY2OS0uODY0IDEuODU4LS4yODIuODQyLTEuNjggMS4zMzctMS4zMkwxMy40IDZsLjMwNi0xLjg1NC0xLjMzNy0xLjMyLS44NDItMS42OHptMS4xOTYgMS4xOTMuNjg0IDEuMzY1IDEuMDg2IDEuMDcyTDEyLjM4NyA2bC4yNDggMS41MDYtMS4wODYgMS4wNzItLjY4NCAxLjM2NS0xLjUxLjIyOUw4IDEwLjg3NGwtMS4zNTUtLjcwMi0xLjUxLS4yMjktLjY4NC0xLjM2NS0xLjA4Ni0xLjA3MkwzLjYxNCA2bC0uMjUtMS41MDYgMS4wODctMS4wNzIuNjg0LTEuMzY1IDEuNTEtLjIyOUw4IDEuMTI2bDEuMzU2LjcwMnoiLz4KICA8cGF0aCBkPSJNNCAxMS43OTRWMTZsNC0xIDQgMXYtNC4yMDZsLTIuMDE4LjMwNkw4IDEzLjEyNiA2LjAxOCAxMi4xeiIvPgo8L3N2Zz4=)}.cbb-icon--bricks .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYnJpY2tzIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0wIC41QS41LjUgMCAwIDEgLjUgMGgxNWEuNS41IDAgMCAxIC41LjV2M2EuNS41IDAgMCAxLS41LjVIMTR2MmgxLjVhLjUuNSAwIDAgMSAuNS41djNhLjUuNSAwIDAgMS0uNS41SDE0djJoMS41YS41LjUgMCAwIDEgLjUuNXYzYS41LjUgMCAwIDEtLjUuNUguNWEuNS41IDAgMCAxLS41LS41di0zYS41LjUgMCAwIDEgLjUtLjVIMnYtMkguNWEuNS41IDAgMCAxLS41LS41di0zQS41LjUgMCAwIDEgLjUgNkgyVjRILjVhLjUuNSAwIDAgMS0uNS0uNXpNMyA0djJoNC41VjR6bTUuNSAwdjJIMTNWNHpNMyAxMHYyaDQuNXYtMnptNS41IDB2MkgxM3YtMnpNMSAxdjJoMy41VjF6bTQuNSAwdjJoNVYxem02IDB2MkgxNVYxek0xIDd2MmgzLjVWN3ptNC41IDB2Mmg1Vjd6bTYgMHYySDE1Vjd6TTEgMTN2MmgzLjV2LTJ6bTQuNSAwdjJoNXYtMnptNiAwdjJIMTV2LTJ6Ii8+Cjwvc3ZnPg==)}.cbb-icon--brightness-high .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYnJpZ2h0bmVzcy1oaWdoIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik04IDExYTMgMyAwIDEgMSAwLTYgMyAzIDAgMCAxIDAgNm0wIDFhNCA0IDAgMSAwIDAtOCA0IDQgMCAwIDAgMCA4TTggMGEuNS41IDAgMCAxIC41LjV2MmEuNS41IDAgMCAxLTEgMHYtMkEuNS41IDAgMCAxIDggMG0wIDEzYS41LjUgMCAwIDEgLjUuNXYyYS41LjUgMCAwIDEtMSAwdi0yQS41LjUgMCAwIDEgOCAxM204LTVhLjUuNSAwIDAgMS0uNS41aC0yYS41LjUgMCAwIDEgMC0xaDJhLjUuNSAwIDAgMSAuNS41TTMgOGEuNS41IDAgMCAxLS41LjVoLTJhLjUuNSAwIDAgMSAwLTFoMkEuNS41IDAgMCAxIDMgOG0xMC42NTctNS42NTdhLjUuNSAwIDAgMSAwIC43MDdsLTEuNDE0IDEuNDE1YS41LjUgMCAxIDEtLjcwNy0uNzA4bDEuNDE0LTEuNDE0YS41LjUgMCAwIDEgLjcwNyAwbS05LjE5MyA5LjE5M2EuNS41IDAgMCAxIDAgLjcwN0wzLjA1IDEzLjY1N2EuNS41IDAgMCAxLS43MDctLjcwN2wxLjQxNC0xLjQxNGEuNS41IDAgMCAxIC43MDcgMG05LjE5MyAyLjEyMWEuNS41IDAgMCAxLS43MDcgMGwtMS40MTQtMS40MTRhLjUuNSAwIDAgMSAuNzA3LS43MDdsMS40MTQgMS40MTRhLjUuNSAwIDAgMSAwIC43MDdNNC40NjQgNC40NjVhLjUuNSAwIDAgMS0uNzA3IDBMMi4zNDMgMy4wNWEuNS41IDAgMSAxIC43MDctLjcwN2wxLjQxNCAxLjQxNGEuNS41IDAgMCAxIDAgLjcwOCIvPgo8L3N2Zz4=)}.cbb-icon--building .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYnVpbGRpbmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTQgMi41YS41LjUgMCAwIDEgLjUtLjVoMWEuNS41IDAgMCAxIC41LjV2MWEuNS41IDAgMCAxLS41LjVoLTFhLjUuNSAwIDAgMS0uNS0uNXptMyAwYS41LjUgMCAwIDEgLjUtLjVoMWEuNS41IDAgMCAxIC41LjV2MWEuNS41IDAgMCAxLS41LjVoLTFhLjUuNSAwIDAgMS0uNS0uNXptMy41LS41YS41LjUgMCAwIDAtLjUuNXYxYS41LjUgMCAwIDAgLjUuNWgxYS41LjUgMCAwIDAgLjUtLjV2LTFhLjUuNSAwIDAgMC0uNS0uNXpNNCA1LjVhLjUuNSAwIDAgMSAuNS0uNWgxYS41LjUgMCAwIDEgLjUuNXYxYS41LjUgMCAwIDEtLjUuNWgtMWEuNS41IDAgMCAxLS41LS41ek03LjUgNWEuNS41IDAgMCAwLS41LjV2MWEuNS41IDAgMCAwIC41LjVoMWEuNS41IDAgMCAwIC41LS41di0xYS41LjUgMCAwIDAtLjUtLjV6bTIuNS41YS41LjUgMCAwIDEgLjUtLjVoMWEuNS41IDAgMCAxIC41LjV2MWEuNS41IDAgMCAxLS41LjVoLTFhLjUuNSAwIDAgMS0uNS0uNXpNNC41IDhhLjUuNSAwIDAgMC0uNS41djFhLjUuNSAwIDAgMCAuNS41aDFhLjUuNSAwIDAgMCAuNS0uNXYtMWEuNS41IDAgMCAwLS41LS41em0yLjUuNWEuNS41IDAgMCAxIC41LS41aDFhLjUuNSAwIDAgMSAuNS41djFhLjUuNSAwIDAgMS0uNS41aC0xYS41LjUgMCAwIDEtLjUtLjV6bTMuNS0uNWEuNS41IDAgMCAwLS41LjV2MWEuNS41IDAgMCAwIC41LjVoMWEuNS41IDAgMCAwIC41LS41di0xYS41LjUgMCAwIDAtLjUtLjV6Ii8+CiAgPHBhdGggZD0iTTIgMWExIDEgMCAwIDEgMS0xaDEwYTEgMSAwIDAgMSAxIDF2MTRhMSAxIDAgMCAxLTEgMUgzYTEgMSAwIDAgMS0xLTF6bTExIDBIM3YxNGgzdi0yLjVhLjUuNSAwIDAgMSAuNS0uNWgzYS41LjUgMCAwIDEgLjUuNVYxNWgzeiIvPgo8L3N2Zz4=)}.cbb-icon--buildings .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYnVpbGRpbmdzIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0xNC43NjMuMDc1QS41LjUgMCAwIDEgMTUgLjV2MTVhLjUuNSAwIDAgMS0uNS41aC0zYS41LjUgMCAwIDEtLjUtLjVWMTRoLTF2MS41YS41LjUgMCAwIDEtLjUuNWgtOWEuNS41IDAgMCAxLS41LS41VjEwYS41LjUgMCAwIDEgLjM0Mi0uNDc0TDYgNy42NFY0LjVhLjUuNSAwIDAgMSAuMjc2LS40NDdsOC00YS41LjUgMCAwIDEgLjQ4Ny4wMjJNNiA4LjY5NCAxIDEwLjM2VjE1aDV6TTcgMTVoMnYtMS41YS41LjUgMCAwIDEgLjUtLjVoMmEuNS41IDAgMCAxIC41LjVWMTVoMlYxLjMwOWwtNyAzLjV6Ii8+CiAgPHBhdGggZD0iTTIgMTFoMXYxSDJ6bTIgMGgxdjFINHptLTIgMmgxdjFIMnptMiAwaDF2MUg0em00LTRoMXYxSDh6bTIgMGgxdjFoLTF6bS0yIDJoMXYxSDh6bTIgMGgxdjFoLTF6bTItMmgxdjFoLTF6bTAgMmgxdjFoLTF6TTggN2gxdjFIOHptMiAwaDF2MWgtMXptMiAwaDF2MWgtMXpNOCA1aDF2MUg4em0yIDBoMXYxaC0xem0yIDBoMXYxaC0xem0wLTJoMXYxaC0xeiIvPgo8L3N2Zz4=)}.cbb-icon--cloud-sun .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2xvdWQtc3VuIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik03IDhhMy41IDMuNSAwIDAgMSAzLjUgMy41NTUuNS41IDAgMCAwIC42MjQuNDkyQTEuNTAzIDEuNTAzIDAgMCAxIDEzIDEzLjVhMS41IDEuNSAwIDAgMS0xLjUgMS41SDNhMiAyIDAgMSAxIC4xLTMuOTk4LjUuNSAwIDAgMCAuNTEtLjM3NUEzLjUgMy41IDAgMCAxIDcgOG00LjQ3MyAzYTQuNSA0LjUgMCAwIDAtOC43Mi0uOTlBMyAzIDAgMCAwIDMgMTZoOC41YTIuNSAyLjUgMCAwIDAgMC01eiIvPgogIDxwYXRoIGQ9Ik0xMC41IDEuNWEuNS41IDAgMCAwLTEgMHYxYS41LjUgMCAwIDAgMSAwem0zLjc0MyAxLjk2NGEuNS41IDAgMSAwLS43MDctLjcwN2wtLjcwOC43MDdhLjUuNSAwIDAgMCAuNzA4LjcwOHptLTcuNzc5LS43MDdhLjUuNSAwIDAgMC0uNzA3LjcwN2wuNzA3LjcwOGEuNS41IDAgMSAwIC43MDgtLjcwOHptMS43MzQgMy4zNzRhMiAyIDAgMSAxIDMuMjk2IDIuMTk4cS4zLjQyMy41MTYuODk4YTMgMyAwIDEgMC00Ljg0LTMuMjI1cS41MjkuMDE3IDEuMDI4LjEyOW00LjQ4NCA0LjA3NGMuNi4yMTUgMS4xMjUuNTkgMS41MjIgMS4wNzJhLjUuNSAwIDAgMCAuMDM5LS43NDJsLS43MDctLjcwN2EuNS41IDAgMCAwLS44NTQuMzc3TTE0LjUgNi41YS41LjUgMCAwIDAgMCAxaDFhLjUuNSAwIDAgMCAwLTF6Ii8+Cjwvc3ZnPg==)}.cbb-icon--gear .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZ2VhciIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNOCA0Ljc1NGEzLjI0NiAzLjI0NiAwIDEgMCAwIDYuNDkyIDMuMjQ2IDMuMjQ2IDAgMCAwIDAtNi40OTJNNS43NTQgOGEyLjI0NiAyLjI0NiAwIDEgMSA0LjQ5MiAwIDIuMjQ2IDIuMjQ2IDAgMCAxLTQuNDkyIDAiLz4KICA8cGF0aCBkPSJNOS43OTYgMS4zNDNjLS41MjctMS43OS0zLjA2NS0xLjc5LTMuNTkyIDBsLS4wOTQuMzE5YS44NzMuODczIDAgMCAxLTEuMjU1LjUybC0uMjkyLS4xNmMtMS42NC0uODkyLTMuNDMzLjkwMi0yLjU0IDIuNTQxbC4xNTkuMjkyYS44NzMuODczIDAgMCAxLS41MiAxLjI1NWwtLjMxOS4wOTRjLTEuNzkuNTI3LTEuNzkgMy4wNjUgMCAzLjU5MmwuMzE5LjA5NGEuODczLjg3MyAwIDAgMSAuNTIgMS4yNTVsLS4xNi4yOTJjLS44OTIgMS42NC45MDEgMy40MzQgMi41NDEgMi41NGwuMjkyLS4xNTlhLjg3My44NzMgMCAwIDEgMS4yNTUuNTJsLjA5NC4zMTljLjUyNyAxLjc5IDMuMDY1IDEuNzkgMy41OTIgMGwuMDk0LS4zMTlhLjg3My44NzMgMCAwIDEgMS4yNTUtLjUybC4yOTIuMTZjMS42NC44OTMgMy40MzQtLjkwMiAyLjU0LTIuNTQxbC0uMTU5LS4yOTJhLjg3My44NzMgMCAwIDEgLjUyLTEuMjU1bC4zMTktLjA5NGMxLjc5LS41MjcgMS43OS0zLjA2NSAwLTMuNTkybC0uMzE5LS4wOTRhLjg3My44NzMgMCAwIDEtLjUyLTEuMjU1bC4xNi0uMjkyYy44OTMtMS42NC0uOTAyLTMuNDMzLTIuNTQxLTIuNTRsLS4yOTIuMTU5YS44NzMuODczIDAgMCAxLTEuMjU1LS41MnptLTIuNjMzLjI4M2MuMjQ2LS44MzUgMS40MjgtLjgzNSAxLjY3NCAwbC4wOTQuMzE5YTEuODczIDEuODczIDAgMCAwIDIuNjkzIDEuMTE1bC4yOTEtLjE2Yy43NjQtLjQxNSAxLjYuNDIgMS4xODQgMS4xODVsLS4xNTkuMjkyYTEuODczIDEuODczIDAgMCAwIDEuMTE2IDIuNjkybC4zMTguMDk0Yy44MzUuMjQ2LjgzNSAxLjQyOCAwIDEuNjc0bC0uMzE5LjA5NGExLjg3MyAxLjg3MyAwIDAgMC0xLjExNSAyLjY5M2wuMTYuMjkxYy40MTUuNzY0LS40MiAxLjYtMS4xODUgMS4xODRsLS4yOTEtLjE1OWExLjg3MyAxLjg3MyAwIDAgMC0yLjY5MyAxLjExNmwtLjA5NC4zMThjLS4yNDYuODM1LTEuNDI4LjgzNS0xLjY3NCAwbC0uMDk0LS4zMTlhMS44NzMgMS44NzMgMCAwIDAtMi42OTItMS4xMTVsLS4yOTIuMTZjLS43NjQuNDE1LTEuNi0uNDItMS4xODQtMS4xODVsLjE1OS0uMjkxQTEuODczIDEuODczIDAgMCAwIDEuOTQ1IDguOTNsLS4zMTktLjA5NGMtLjgzNS0uMjQ2LS44MzUtMS40MjggMC0xLjY3NGwuMzE5LS4wOTRBMS44NzMgMS44NzMgMCAwIDAgMy4wNiA0LjM3N2wtLjE2LS4yOTJjLS40MTUtLjc2NC40Mi0xLjYgMS4xODUtMS4xODRsLjI5Mi4xNTlhMS44NzMgMS44NzMgMCAwIDAgMi42OTItMS4xMTV6Ii8+Cjwvc3ZnPg==)}.cbb-icon--hourglass .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaG91cmdsYXNzIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0yIDEuNWEuNS41IDAgMCAxIC41LS41aDExYS41LjUgMCAwIDEgMCAxaC0xdjFhNC41IDQuNSAwIDAgMS0yLjU1NyA0LjA2Yy0uMjkuMTM5LS40NDMuMzc3LS40NDMuNTl2LjdjMCAuMjEzLjE1NC40NTEuNDQzLjU5QTQuNSA0LjUgMCAwIDEgMTIuNSAxM3YxaDFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAxIDEgMC0xaDF2LTFhNC41IDQuNSAwIDAgMSAyLjU1Ny00LjA2Yy4yOS0uMTM5LjQ0My0uMzc3LjQ0My0uNTl2LS43YzAtLjIxMy0uMTU0LS40NTEtLjQ0My0uNTlBNC41IDQuNSAwIDAgMSAzLjUgM1YyaC0xYS41LjUgMCAwIDEtLjUtLjVtMi41LjV2MWEzLjUgMy41IDAgMCAwIDEuOTg5IDMuMTU4Yy41MzMuMjU2IDEuMDExLjc5MSAxLjAxMSAxLjQ5MXYuNzAyYzAgLjctLjQ3OCAxLjIzNS0xLjAxMSAxLjQ5MUEzLjUgMy41IDAgMCAwIDQuNSAxM3YxaDd2LTFhMy41IDMuNSAwIDAgMC0xLjk4OS0zLjE1OEM4Ljk3OCA5LjU4NiA4LjUgOS4wNTIgOC41IDguMzUxdi0uNzAyYzAtLjcuNDc4LTEuMjM1IDEuMDExLTEuNDkxQTMuNSAzLjUgMCAwIDAgMTEuNSAzVjJ6Ii8+Cjwvc3ZnPg==)}.cbb-icon--hourglass-bottom .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaG91cmdsYXNzLWJvdHRvbSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMiAxLjVhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMXYxYTQuNSA0LjUgMCAwIDEtMi41NTcgNC4wNmMtLjI5LjEzOS0uNDQzLjM3Ny0uNDQzLjU5di43YzAgLjIxMy4xNTQuNDUxLjQ0My41OUE0LjUgNC41IDAgMCAxIDEyLjUgMTN2MWgxYS41LjUgMCAwIDEgMCAxaC0xMWEuNS41IDAgMSAxIDAtMWgxdi0xYTQuNSA0LjUgMCAwIDEgMi41NTctNC4wNmMuMjktLjEzOS40NDMtLjM3Ny40NDMtLjU5di0uN2MwLS4yMTMtLjE1NC0uNDUxLS40NDMtLjU5QTQuNSA0LjUgMCAwIDEgMy41IDNWMmgtMWEuNS41IDAgMCAxLS41LS41bTIuNS41djFhMy41IDMuNSAwIDAgMCAxLjk4OSAzLjE1OGMuNTMzLjI1NiAxLjAxMS43OTEgMS4wMTEgMS40OTF2LjcwMnMuMTguMTQ5LjUuMTQ5LjUtLjE1LjUtLjE1di0uN2MwLS43MDEuNDc4LTEuMjM2IDEuMDExLTEuNDkyQTMuNSAzLjUgMCAwIDAgMTEuNSAzVjJ6Ii8+Cjwvc3ZnPg==)}.cbb-icon--hourglass-split .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaG91cmdsYXNzLXNwbGl0IiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0yLjUgMTVhLjUuNSAwIDEgMSAwLTFoMXYtMWE0LjUgNC41IDAgMCAxIDIuNTU3LTQuMDZjLjI5LS4xMzkuNDQzLS4zNzcuNDQzLS41OXYtLjdjMC0uMjEzLS4xNTQtLjQ1MS0uNDQzLS41OUE0LjUgNC41IDAgMCAxIDMuNSAzVjJoLTFhLjUuNSAwIDAgMSAwLTFoMTFhLjUuNSAwIDAgMSAwIDFoLTF2MWE0LjUgNC41IDAgMCAxLTIuNTU3IDQuMDZjLS4yOS4xMzktLjQ0My4zNzctLjQ0My41OXYuN2MwIC4yMTMuMTU0LjQ1MS40NDMuNTlBNC41IDQuNSAwIDAgMSAxMi41IDEzdjFoMWEuNS41IDAgMCAxIDAgMXptMi0xM3YxYzAgLjUzNy4xMiAxLjA0NS4zMzcgMS41aDYuMzI2Yy4yMTYtLjQ1NS4zMzctLjk2My4zMzctMS41VjJ6bTMgNi4zNWMwIC43MDEtLjQ3OCAxLjIzNi0xLjAxMSAxLjQ5MkEzLjUgMy41IDAgMCAwIDQuNSAxM3MuODY2LTEuMjk5IDMtMS40OHptMSAwdjMuMTdjMi4xMzQuMTgxIDMgMS40OCAzIDEuNDhhMy41IDMuNSAwIDAgMC0xLjk4OS0zLjE1OEM4Ljk3OCA5LjU4NiA4LjUgOS4wNTIgOC41IDguMzUxeiIvPgo8L3N2Zz4=)}.cbb-icon--hourglass-top .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaG91cmdsYXNzLXRvcCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMiAxNC41YS41LjUgMCAwIDAgLjUuNWgxMWEuNS41IDAgMSAwIDAtMWgtMXYtMWE0LjUgNC41IDAgMCAwLTIuNTU3LTQuMDZjLS4yOS0uMTM5LS40NDMtLjM3Ny0uNDQzLS41OXYtLjdjMC0uMjEzLjE1NC0uNDUxLjQ0My0uNTlBNC41IDQuNSAwIDAgMCAxMi41IDNWMmgxYS41LjUgMCAwIDAgMC0xaC0xMWEuNS41IDAgMCAwIDAgMWgxdjFhNC41IDQuNSAwIDAgMCAyLjU1NyA0LjA2Yy4yOS4xMzkuNDQzLjM3Ny40NDMuNTl2LjdjMCAuMjEzLS4xNTQuNDUxLS40NDMuNTlBNC41IDQuNSAwIDAgMCAzLjUgMTN2MWgtMWEuNS41IDAgMCAwLS41LjVtMi41LS41di0xYTMuNSAzLjUgMCAwIDEgMS45ODktMy4xNThjLjUzMy0uMjU2IDEuMDExLS43OSAxLjAxMS0xLjQ5MXYtLjcwMnMuMTguMTAxLjUuMTAxLjUtLjEuNS0uMXYuN2MwIC43MDEuNDc4IDEuMjM2IDEuMDExIDEuNDkyQTMuNSAzLjUgMCAwIDEgMTEuNSAxM3YxeiIvPgo8L3N2Zz4=)}.cbb-icon--lightbulb .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktbGlnaHRidWxiIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0yIDZhNiA2IDAgMSAxIDEwLjE3NCA0LjMxYy0uMjAzLjE5Ni0uMzU5LjQtLjQ1My42MTlsLS43NjIgMS43NjlBLjUuNSAwIDAgMSAxMC41IDEzYS41LjUgMCAwIDEgMCAxIC41LjUgMCAwIDEgMCAxbC0uMjI0LjQ0N2ExIDEgMCAwIDEtLjg5NC41NTNINi42MThhMSAxIDAgMCAxLS44OTQtLjU1M0w1LjUgMTVhLjUuNSAwIDAgMSAwLTEgLjUuNSAwIDAgMSAwLTEgLjUuNSAwIDAgMS0uNDYtLjMwMmwtLjc2MS0xLjc3YTIgMiAwIDAgMC0uNDUzLS42MThBNS45OCA1Ljk4IDAgMCAxIDIgNm02LTVhNSA1IDAgMCAwLTMuNDc5IDguNTkyYy4yNjMuMjU0LjUxNC41NjQuNjc2Ljk0MUw1LjgzIDEyaDQuMzQybC42MzItMS40NjdjLjE2Mi0uMzc3LjQxMy0uNjg3LjY3Ni0uOTQxQTUgNSAwIDAgMCA4IDEiLz4KPC9zdmc+)}.cbb-icon--moon-stars .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktbW9vbi1zdGFycyIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNNiAuMjc4YS43Ny43NyAwIDAgMSAuMDguODU4IDcuMiA3LjIgMCAwIDAtLjg3OCAzLjQ2YzAgNC4wMjEgMy4yNzggNy4yNzcgNy4zMTggNy4yNzdxLjc5Mi0uMDAxIDEuNTMzLS4xNmEuNzkuNzkgMCAwIDEgLjgxLjMxNi43My43MyAwIDAgMS0uMDMxLjg5M0E4LjM1IDguMzUgMCAwIDEgOC4zNDQgMTZDMy43MzQgMTYgMCAxMi4yODYgMCA3LjcxIDAgNC4yNjYgMi4xMTQgMS4zMTIgNS4xMjQuMDZBLjc1Ljc1IDAgMCAxIDYgLjI3OE00Ljg1OCAxLjMxMUE3LjI3IDcuMjcgMCAwIDAgMS4wMjUgNy43MWMwIDQuMDIgMy4yNzkgNy4yNzYgNy4zMTkgNy4yNzZhNy4zMiA3LjMyIDAgMCAwIDUuMjA1LTIuMTYycS0uNTA2LjA2My0xLjAyOS4wNjNjLTQuNjEgMC04LjM0My0zLjcxNC04LjM0My04LjI5IDAtMS4xNjcuMjQyLTIuMjc4LjY4MS0zLjI4NiIvPgogIDxwYXRoIGQ9Ik0xMC43OTQgMy4xNDhhLjIxNy4yMTcgMCAwIDEgLjQxMiAwbC4zODcgMS4xNjJjLjE3My41MTguNTc5LjkyNCAxLjA5NyAxLjA5N2wxLjE2Mi4zODdhLjIxNy4yMTcgMCAwIDEgMCAuNDEybC0xLjE2Mi4zODdhMS43MyAxLjczIDAgMCAwLTEuMDk3IDEuMDk3bC0uMzg3IDEuMTYyYS4yMTcuMjE3IDAgMCAxLS40MTIgMGwtLjM4Ny0xLjE2MkExLjczIDEuNzMgMCAwIDAgOS4zMSA2LjU5M2wtMS4xNjItLjM4N2EuMjE3LjIxNyAwIDAgMSAwLS40MTJsMS4xNjItLjM4N2ExLjczIDEuNzMgMCAwIDAgMS4wOTctMS4wOTd6TTEzLjg2My4wOTlhLjE0NS4xNDUgMCAwIDEgLjI3NCAwbC4yNTguNzc0Yy4xMTUuMzQ2LjM4Ni42MTcuNzMyLjczMmwuNzc0LjI1OGEuMTQ1LjE0NSAwIDAgMSAwIC4yNzRsLS43NzQuMjU4YTEuMTYgMS4xNiAwIDAgMC0uNzMyLjczMmwtLjI1OC43NzRhLjE0NS4xNDUgMCAwIDEtLjI3NCAwbC0uMjU4LS43NzRhMS4xNiAxLjE2IDAgMCAwLS43MzItLjczMmwtLjc3NC0uMjU4YS4xNDUuMTQ1IDAgMCAxIDAtLjI3NGwuNzc0LS4yNThjLjM0Ni0uMTE1LjYxNy0uMzg2LjczMi0uNzMyeiIvPgo8L3N2Zz4=)}.cbb-icon--people-fill .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGVvcGxlLWZpbGwiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTcgMTRzLTEgMC0xLTEgMS00IDUtNCA1IDMgNSA0LTEgMS0xIDF6bTQtNmEzIDMgMCAxIDAgMC02IDMgMyAwIDAgMCAwIDZtLTUuNzg0IDZBMi4yNCAyLjI0IDAgMCAxIDUgMTNjMC0xLjM1NS42OC0yLjc1IDEuOTM2LTMuNzJBNi4zIDYuMyAwIDAgMCA1IDljLTQgMC01IDMtNSA0czEgMSAxIDF6TTQuNSA4YTIuNSAyLjUgMCAxIDAgMC01IDIuNSAyLjUgMCAwIDAgMCA1Ii8+Cjwvc3ZnPg==)}.cbb-icon--person-circle .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGVyc29uLWNpcmNsZSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMTEgNmEzIDMgMCAxIDEtNiAwIDMgMyAwIDAgMSA2IDAiLz4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDhhOCA4IDAgMSAxIDE2IDBBOCA4IDAgMCAxIDAgOG04LTdhNyA3IDAgMCAwLTUuNDY4IDExLjM3QzMuMjQyIDExLjIyNiA0LjgwNSAxMCA4IDEwczQuNzU3IDEuMjI1IDUuNDY4IDIuMzdBNyA3IDAgMCAwIDggMSIvPgo8L3N2Zz4=)}.cbb-icon--quote .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcXVvdGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEyIDEyYTEgMSAwIDAgMCAxLTFWOC41NThhMSAxIDAgMCAwLTEtMWgtMS4zODhxMC0uNTI3LjA2Mi0xLjA1NC4wOTMtLjU1OC4zMS0uOTkydC41NTktLjY4M3EuMzQtLjI3OS44NjgtLjI3OVYzcS0uODY4IDAtMS41Mi4zNzJhMy4zIDMuMyAwIDAgMC0xLjA4NS45OTIgNC45IDQuOSAwIDAgMC0uNjIgMS40NThBNy43IDcuNyAwIDAgMCA5IDcuNTU4VjExYTEgMSAwIDAgMCAxIDF6bS02IDBhMSAxIDAgMCAwIDEtMVY4LjU1OGExIDEgMCAwIDAtMS0xSDQuNjEycTAtLjUyNy4wNjItMS4wNTQuMDk0LS41NTguMzEtLjk5Mi4yMTctLjQzNC41NTktLjY4My4zNC0uMjc5Ljg2OC0uMjc5VjNxLS44NjggMC0xLjUyLjM3MmEzLjMgMy4zIDAgMCAwLTEuMDg1Ljk5MiA0LjkgNC45IDAgMCAwLS42MiAxLjQ1OEE3LjcgNy43IDAgMCAwIDMgNy41NThWMTFhMSAxIDAgMCAwIDEgMXoiLz4KPC9zdmc+)}.cbb-icon--robot .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcm9ib3QiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTYgMTIuNWEuNS41IDAgMCAxIC41LS41aDNhLjUuNSAwIDAgMSAwIDFoLTNhLjUuNSAwIDAgMS0uNS0uNU0zIDguMDYyQzMgNi43NiA0LjIzNSA1Ljc2NSA1LjUzIDUuODg2YTI2LjYgMjYuNiAwIDAgMCA0Ljk0IDBDMTEuNzY1IDUuNzY1IDEzIDYuNzYgMTMgOC4wNjJ2MS4xNTdhLjkzLjkzIDAgMCAxLS43NjUuOTM1Yy0uODQ1LjE0Ny0yLjM0LjM0Ni00LjIzNS4zNDZzLTMuMzktLjItNC4yMzUtLjM0NkEuOTMuOTMgMCAwIDEgMyA5LjIxOXptNC41NDItLjgyN2EuMjUuMjUgMCAwIDAtLjIxNy4wNjhsLS45Mi45YTI1IDI1IDAgMCAxLTEuODcxLS4xODMuMjUuMjUgMCAwIDAtLjA2OC40OTVjLjU1LjA3NiAxLjIzMi4xNDkgMi4wMi4xOTNhLjI1LjI1IDAgMCAwIC4xODktLjA3MWwuNzU0LS43MzYuODQ3IDEuNzFhLjI1LjI1IDAgMCAwIC40MDQuMDYybC45MzItLjk3YTI1IDI1IDAgMCAwIDEuOTIyLS4xODguMjUuMjUgMCAwIDAtLjA2OC0uNDk1Yy0uNTM4LjA3NC0xLjIwNy4xNDUtMS45OC4xODlhLjI1LjI1IDAgMCAwLS4xNjYuMDc2bC0uNzU0Ljc4NS0uODQyLTEuN2EuMjUuMjUgMCAwIDAtLjE4Mi0uMTM1Ii8+CiAgPHBhdGggZD0iTTguNSAxLjg2NmExIDEgMCAxIDAtMSAwVjNoLTJBNC41IDQuNSAwIDAgMCAxIDcuNVY4YTEgMSAwIDAgMC0xIDF2MmExIDEgMCAwIDAgMSAxdjFhMiAyIDAgMCAwIDIgMmgxMGEyIDIgMCAwIDAgMi0ydi0xYTEgMSAwIDAgMCAxLTFWOWExIDEgMCAwIDAtMS0xdi0uNUE0LjUgNC41IDAgMCAwIDEwLjUgM2gtMnpNMTQgNy41VjEzYTEgMSAwIDAgMS0xIDFIM2ExIDEgMCAwIDEtMS0xVjcuNUEzLjUgMy41IDAgMCAxIDUuNSA0aDVBMy41IDMuNSAwIDAgMSAxNCA3LjUiLz4KPC9zdmc+)}.cbb-icon--rocket-takeoff .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcm9ja2V0LXRha2VvZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTkuNzUyIDYuMTkzYy41OTkuNiAxLjczLjQzNyAyLjUyOC0uMzYycy45Ni0xLjkzMi4zNjItMi41MzFjLS41OTktLjYtMS43My0uNDM4LTIuNTI4LjM2MS0uNzk4LjgtLjk2IDEuOTMzLS4zNjIgMi41MzIiLz4KICA8cGF0aCBkPSJNMTUuODExIDMuMzEyYy0uMzYzIDEuNTM0LTEuMzM0IDMuNjI2LTMuNjQgNi4yMThsLS4yNCAyLjQwOGEyLjU2IDIuNTYgMCAwIDEtLjczMiAxLjUyNkw4LjgxNyAxNS44NWEuNTEuNTEgMCAwIDEtLjg2Ny0uNDM0bC4yNy0xLjg5OWMuMDQtLjI4LS4wMTMtLjU5My0uMTMxLS45NTZhOSA5IDAgMCAwLS4yNDktLjY1N2wtLjA4Mi0uMjAyYy0uODE1LS4xOTctMS41NzgtLjY2Mi0yLjE5MS0xLjI3Ny0uNjE0LS42MTUtMS4wNzktMS4zNzktMS4yNzUtMi4xOTVsLS4yMDMtLjA4M2ExMCAxMCAwIDAgMC0uNjU1LS4yNDhjLS4zNjMtLjExOS0uNjc1LS4xNzItLjk1NS0uMTMybC0xLjg5Ni4yN0EuNTEuNTEgMCAwIDEgLjE1IDcuMTdsMi4zODItMi4zODZjLjQxLS40MS45NDctLjY3IDEuNTI0LS43MzRoLjAwNmwyLjQtLjIzOEM5LjAwNSAxLjU1IDExLjA4Ny41ODIgMTIuNjIzLjIwOGMuODktLjIxNyAxLjU5LS4yMzIgMi4wOC0uMTg4LjI0NC4wMjMuNDM1LjA2LjU3LjA5M3EuMS4wMjYuMTYuMDQ1Yy4xODQuMDYuMjc5LjEzLjM1MS4yOTVsLjAyOS4wNzNhMy41IDMuNSAwIDAgMSAuMTU3LjcyMWMuMDU1LjQ4NS4wNTEgMS4xNzgtLjE1OSAyLjA2NW0tNC44MjggNy40NzUuMDQtLjA0LS4xMDcgMS4wODFhMS41NCAxLjU0IDAgMCAxLS40NC45MTNsLTEuMjk4IDEuMy4wNTQtLjM4Yy4wNzItLjUwNi0uMDM0LS45OTMtLjE3Mi0xLjQxOGE5IDkgMCAwIDAtLjE2NC0uNDVjLjczOC0uMDY1IDEuNDYyLS4zOCAyLjA4Ny0xLjAwNk01LjIwNSA1Yy0uNjI1LjYyNi0uOTQgMS4zNTEtMS4wMDQgMi4wOWE5IDkgMCAwIDAtLjQ1LS4xNjRjLS40MjQtLjEzOC0uOTEtLjI0NC0xLjQxNi0uMTcybC0uMzguMDU0IDEuMy0xLjNjLjI0NS0uMjQ2LjU2Ni0uNDAxLjkxLS40NGwxLjA4LS4xMDd6bTkuNDA2LTMuOTYxYy0uMzgtLjAzNC0uOTY3LS4wMjctMS43NDYuMTYzLTEuNTU4LjM4LTMuOTE3IDEuNDk2LTYuOTM3IDQuNTIxLS42Mi42Mi0uNzk5IDEuMzQtLjY4NyAyLjA1MS4xMDcuNjc2LjQ4MyAxLjM2MiAxLjA0OCAxLjkyOC41NjQuNTY1IDEuMjUuOTQxIDEuOTI0IDEuMDQ5LjcxLjExMiAxLjQyOS0uMDY3IDIuMDQ4LS42ODggMy4wNzktMy4wODMgNC4xOTItNS40NDQgNC41NTYtNi45ODcuMTgzLS43NzEuMTgtMS4zNDUuMTM4LTEuNzEzYTMgMyAwIDAgMC0uMDQ1LS4yODMgMyAzIDAgMCAwLS4zLS4wNDFaIi8+CiAgPHBhdGggZD0iTTcuMDA5IDEyLjEzOWE3LjYgNy42IDAgMCAxLTEuODA0LTEuMzUyQTcuNiA3LjYgMCAwIDEgMy43OTQgOC44NmMtMS4xMDIuOTkyLTEuOTY1IDUuMDU0LTEuODM5IDUuMTguMTI1LjEyNiAzLjkzNi0uODk2IDUuMDU0LTEuOTAyWiIvPgo8L3N2Zz4=)}.cbb-icon--star .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc3RhciIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMi44NjYgMTQuODVjLS4wNzguNDQ0LjM2Ljc5MS43NDYuNTkzbDQuMzktMi4yNTYgNC4zODkgMi4yNTZjLjM4Ni4xOTguODI0LS4xNDkuNzQ2LS41OTJsLS44My00LjczIDMuNTIyLTMuMzU2Yy4zMy0uMzE0LjE2LS44ODgtLjI4Mi0uOTVsLTQuODk4LS42OTZMOC40NjUuNzkyYS41MTMuNTEzIDAgMCAwLS45MjcgMEw1LjM1NCA1LjEybC00Ljg5OC42OTZjLS40NDEuMDYyLS42MTIuNjM2LS4yODMuOTVsMy41MjMgMy4zNTYtLjgzIDQuNzN6bTQuOTA1LTIuNzY3LTMuNjg2IDEuODk0LjY5NC0zLjk1N2EuNTYuNTYgMCAwIDAtLjE2My0uNTA1TDEuNzEgNi43NDVsNC4wNTItLjU3NmEuNTMuNTMgMCAwIDAgLjM5My0uMjg4TDggMi4yMjNsMS44NDcgMy42NThhLjUzLjUzIDAgMCAwIC4zOTMuMjg4bDQuMDUyLjU3NS0yLjkwNiAyLjc3YS41Ni41NiAwIDAgMC0uMTYzLjUwNmwuNjk0IDMuOTU3LTMuNjg2LTEuODk0YS41LjUgMCAwIDAtLjQ2MSAweiIvPgo8L3N2Zz4=)}.cbb-icon--stickies .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc3RpY2tpZXMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEuNSAwQTEuNSAxLjUgMCAwIDAgMCAxLjVWMTNhMSAxIDAgMCAwIDEgMVYxLjVhLjUuNSAwIDAgMSAuNS0uNUgxNGExIDEgMCAwIDAtMS0xeiIvPgogIDxwYXRoIGQ9Ik0zLjUgMkExLjUgMS41IDAgMCAwIDIgMy41djExQTEuNSAxLjUgMCAwIDAgMy41IDE2aDYuMDg2YTEuNSAxLjUgMCAwIDAgMS4wNi0uNDRsNC45MTUtNC45MTRBMS41IDEuNSAwIDAgMCAxNiA5LjU4NlYzLjVBMS41IDEuNSAwIDAgMCAxNC41IDJ6TTMgMy41YS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAuNS41VjloLTQuNUExLjUgMS41IDAgMCAwIDkgMTAuNVYxNUgzLjVhLjUuNSAwIDAgMS0uNS0uNXptNyAxMS4yOTNWMTAuNWEuNS41IDAgMCAxIC41LS41aDQuMjkzeiIvPgo8L3N2Zz4=)}.cbb-icon--tools .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdG9vbHMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEgMCAwIDFsMi4yIDMuMDgxYTEgMSAwIDAgMCAuODE1LjQxOWguMDdhMSAxIDAgMCAxIC43MDguMjkzbDIuNjc1IDIuNjc1LTIuNjE3IDIuNjU0QTMuMDAzIDMuMDAzIDAgMCAwIDAgMTNhMyAzIDAgMSAwIDUuODc4LS44NTFsMi42NTQtMi42MTcuOTY4Ljk2OC0uMzA1LjkxNGExIDEgMCAwIDAgLjI0MiAxLjAyM2wzLjI3IDMuMjdhLjk5Ny45OTcgMCAwIDAgMS40MTQgMGwxLjU4Ni0xLjU4NmEuOTk3Ljk5NyAwIDAgMCAwLTEuNDE0bC0zLjI3LTMuMjdhMSAxIDAgMCAwLTEuMDIzLS4yNDJMMTAuNSA5LjVsLS45Ni0uOTYgMi42OC0yLjY0M0EzLjAwNSAzLjAwNSAwIDAgMCAxNiAzcTAtLjQwNS0uMTAyLS43NzdsLTIuMTQgMi4xNDFMMTIgNGwtLjM2NC0xLjc1N0wxMy43NzcuMTAyYTMgMyAwIDAgMC0zLjY3NSAzLjY4TDcuNDYyIDYuNDYgNC43OTMgMy43OTNhMSAxIDAgMCAxLS4yOTMtLjcwN3YtLjA3MWExIDEgMCAwIDAtLjQxOS0uODE0em05LjY0NiAxMC42NDZhLjUuNSAwIDAgMSAuNzA4IDBsMi45MTQgMi45MTVhLjUuNSAwIDAgMS0uNzA3LjcwN2wtMi45MTUtMi45MTRhLjUuNSAwIDAgMSAwLS43MDhNMyAxMWwuNDcxLjI0Mi41MjkuMDI2LjI4Ny40NDUuNDQ1LjI4Ny4wMjYuNTI5TDUgMTNsLS4yNDIuNDcxLS4wMjYuNTI5LS40NDUuMjg3LS4yODcuNDQ1LS41MjkuMDI2TDMgMTVsLS40NzEtLjI0MkwyIDE0LjczMmwtLjI4Ny0uNDQ1TDEuMjY4IDE0bC0uMDI2LS41MjlMMSAxM2wuMjQyLS40NzEuMDI2LS41MjkuNDQ1LS4yODcuMjg3LS40NDUuNTI5LS4wMjZ6Ii8+Cjwvc3ZnPg==)}.cbb-icon--umbrella-fill .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdW1icmVsbGEtZmlsbCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDBhLjUuNSAwIDAgMSAuNS41di41MTRDMTIuNjI1IDEuMjM4IDE2IDQuMjIgMTYgOGMwIDAgMCAuNS0uNS41LS4xNDkgMC0uMzUyLS4xNDUtLjM1Mi0uMTQ1bC0uMDA0LS4wMDQtLjAyNS0uMDIzYTMuNSAzLjUgMCAwIDAtLjU1NS0uMzk0QTMuMTcgMy4xNyAwIDAgMCAxMyA3LjVjLS42MzggMC0xLjE3OC4yMTMtMS41NjQuNDM0YTMuNSAzLjUgMCAwIDAtLjU1NS4zOTRsLS4wMjUuMDIzLS4wMDMuMDAzcy0uMjA0LjE0Ni0uMzUzLjE0Ni0uMzUyLS4xNDUtLjM1Mi0uMTQ1bC0uMDA0LS4wMDQtLjAyNS0uMDIzYTMuNSAzLjUgMCAwIDAtLjU1NS0uMzk0IDMuMyAzLjMgMCAwIDAtMS4wNjQtLjM5VjEzLjVIOGguNXYuMDM5bC0uMDA1LjA4M2EzIDMgMCAwIDEtLjI5OCAxLjEwMiAyLjI2IDIuMjYgMCAwIDEtLjc2My44OEM3LjA2IDE1Ljg1MSA2LjU4NyAxNiA2IDE2cy0xLjA2MS0uMTQ4LTEuNDM0LS4zOTZhMi4yNiAyLjI2IDAgMCAxLS43NjMtLjg4IDMgMyAwIDAgMS0uMzAyLTEuMTg1di0uMDI1bC0uMDAxLS4wMDl2LS4wMDNzMC0uMDAyLjUtLjAwMmgtLjVWMTNhLjUuNSAwIDAgMSAxIDB2LjUwNmwuMDAzLjA0NGEyIDIgMCAwIDAgLjE5NS43MjZjLjA5NS4xOTEuMjMuMzY3LjQyMy40OTUuMTkuMTI3LjQ2Ni4yMjkuODc5LjIyOXMuNjg5LS4xMDIuODc5LS4yMjljLjE5My0uMTI4LjMyOC0uMzA0LjQyNC0uNDk1YTIgMiAwIDAgMCAuMTk3LS43N1Y3LjU0NGEzLjMgMy4zIDAgMCAwLTEuMDY0LjM5IDMuNSAzLjUgMCAwIDAtLjU4LjQxN2wtLjAwNC4wMDRTNS42NSA4LjUgNS41IDguNXMtLjM1Mi0uMTQ1LS4zNTItLjE0NWwtLjAwNC0uMDA0YTMuNSAzLjUgMCAwIDAtLjU4LS40MTdBMy4xNyAzLjE3IDAgMCAwIDMgNy41Yy0uNjM4IDAtMS4xNzcuMjEzLTEuNTY0LjQzNGEzLjUgMy41IDAgMCAwLS41OC40MTdsLS4wMDQuMDA0Uy42NSA4LjUuNSA4LjVDMCA4LjUgMCA4IDAgOGMwLTMuNzggMy4zNzUtNi43NjIgNy41LTYuOTg2Vi41QS41LjUgMCAwIDEgOCAwIi8+Cjwvc3ZnPg==)}.cbb-icon--watch .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd2F0Y2giIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTguNSA1YS41LjUgMCAwIDAtMSAwdjIuNUg2YS41LjUgMCAwIDAgMCAxaDJhLjUuNSAwIDAgMCAuNS0uNXoiLz4KICA8cGF0aCBkPSJNNS42NjcgMTZDNC43NDcgMTYgNCAxNS4yNTQgNCAxNC4zMzN2LTEuODZBNiA2IDAgMCAxIDIgOGMwLTEuNzc3Ljc3Mi0zLjM3NCAyLTQuNDcyVjEuNjY3QzQgLjc0NyA0Ljc0NiAwIDUuNjY3IDBoNC42NjZDMTEuMjUzIDAgMTIgLjc0NiAxMiAxLjY2N3YxLjg2YTYgNiAwIDAgMSAxLjkxOCAzLjQ4LjUwMi41MDIgMCAwIDEgLjU4Mi40OTN2MWEuNS41IDAgMCAxLS41ODIuNDkzQTYgNiAwIDAgMSAxMiAxMi40NzN2MS44NmMwIC45Mi0uNzQ2IDEuNjY3LTEuNjY3IDEuNjY3ek0xMyA4QTUgNSAwIDEgMCAzIDhhNSA1IDAgMCAwIDEwIDAiLz4KPC9zdmc+)}.cbb-icon--wind .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd2luZCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMTIuNSAyQTIuNSAyLjUgMCAwIDAgMTAgNC41YS41LjUgMCAwIDEtMSAwQTMuNSAzLjUgMCAxIDEgMTIuNSA4SC41YS41LjUgMCAwIDEgMC0xaDEyYTIuNSAyLjUgMCAwIDAgMC01bS03IDFhMSAxIDAgMCAwLTEgMSAuNS41IDAgMCAxLTEgMCAyIDIgMCAxIDEgMiAyaC01YS41LjUgMCAwIDEgMC0xaDVhMSAxIDAgMCAwIDAtMk0wIDkuNUEuNS41IDAgMCAxIC41IDloMTAuMDQyYTMgMyAwIDEgMS0zIDMgLjUuNSAwIDAgMSAxIDAgMiAyIDAgMSAwIDItMkguNWEuNS41IDAgMCAxLS41LS41Ii8+Cjwvc3ZnPg==)}.cbb-icon--wrench .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd3JlbmNoIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0uMTAyIDIuMjIzQTMuMDA0IDMuMDA0IDAgMCAwIDMuNzggNS44OTdsNi4zNDEgNi4yNTJBMy4wMDMgMy4wMDMgMCAwIDAgMTMgMTZhMyAzIDAgMSAwLS44NTEtNS44NzhMNS44OTcgMy43ODFBMy4wMDQgMy4wMDQgMCAwIDAgMi4yMjMuMWwyLjE0MSAyLjE0Mkw0IDRsLTEuNzU3LjM2NHptMTMuMzcgOS4wMTkuNTI4LjAyNi4yODcuNDQ1LjQ0NS4yODcuMDI2LjUyOUwxNSAxM2wtLjI0Mi40NzEtLjAyNi41MjktLjQ0NS4yODctLjI4Ny40NDUtLjUyOS4wMjZMMTMgMTVsLS40NzEtLjI0Mi0uNTI5LS4wMjYtLjI4Ny0uNDQ1LS40NDUtLjI4Ny0uMDI2LS41MjlMMTEgMTNsLjI0Mi0uNDcxLjAyNi0uNTI5LjQ0NS0uMjg3LjI4Ny0uNDQ1LjUyOS0uMDI2TDEzIDExeiIvPgo8L3N2Zz4=)}.cbb-icon--wrench-adjustable .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd3JlbmNoLWFkanVzdGFibGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTE2IDQuNWE0LjUgNC41IDAgMCAxLTEuNzAzIDMuNTI2TDEzIDVsMi45NTktMS4xMXEuMDQuMy4wNDEuNjEiLz4KICA8cGF0aCBkPSJNMTEuNSA5Yy42NTMgMCAxLjI3My0uMTM5IDEuODMzLS4zOUwxMiA1LjUgMTEgM2wzLjgyNi0xLjUzQTQuNSA0LjUgMCAwIDAgNy4yOSA2LjA5MmwtNi4xMTYgNS4wOTZhMi41ODMgMi41ODMgMCAxIDAgMy42MzggMy42MzhMOS45MDggOC43MUE0LjUgNC41IDAgMCAwIDExLjUgOW0tMS4yOTItNC4zNjEtLjU5Ni44OTMuODA5LS4yN2EuMjUuMjUgMCAwIDEgLjI4Ny4zNzdsLS41OTYuODkzLjgwOS0uMjcuMTU4LjQ3NS0xLjUuNWEuMjUuMjUgMCAwIDEtLjI4Ny0uMzc2bC41OTYtLjg5My0uODA5LjI3YS4yNS4yNSAwIDAgMS0uMjg3LS4zNzdsLjU5Ni0uODkzLS44MDkuMjctLjE1OC0uNDc1IDEuNS0uNWEuMjUuMjUgMCAwIDEgLjI4Ny4zNzZNMyAxNGExIDEgMCAxIDEgMC0yIDEgMSAwIDAgMSAwIDIiLz4KPC9zdmc+)}.cbb-icon--wrench-adjustable-circle .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd3JlbmNoLWFkanVzdGFibGUtY2lyY2xlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0xMi40OTYgOGE0LjUgNC41IDAgMCAxLTEuNzAzIDMuNTI2TDkuNDk3IDguNWwyLjk1OS0xLjExcS4wNC4zLjA0LjYxIi8+CiAgPHBhdGggZD0iTTE2IDhBOCA4IDAgMSAxIDAgOGE4IDggMCAwIDEgMTYgMG0tMSAwYTcgNyAwIDEgMC0xMy4yMDIgMy4yNDlsMS45ODgtMS42NTdhNC41IDQuNSAwIDAgMSA3LjUzNy00LjYyM0w3LjQ5NyA2LjVsMSAyLjUgMS4zMzMgMy4xMWMtLjU2LjI1MS0xLjE4LjM5LTEuODMzLjM5YTQuNSA0LjUgMCAwIDEtMS41OTItLjI5TDQuNzQ3IDE0LjJBNyA3IDAgMCAwIDE1IDhtLTguMjk1LjEzOWEuMjUuMjUgMCAwIDAtLjI4OC0uMzc2bC0xLjUuNS4xNTkuNDc0LjgwOC0uMjctLjU5NS44OTRhLjI1LjI1IDAgMCAwIC4yODcuMzc2bC44MDgtLjI3LS41OTUuODk0YS4yNS4yNSAwIDAgMCAuMjg3LjM3NmwxLjUtLjUtLjE1OS0uNDc0LS44MDguMjcuNTk2LS44OTRhLjI1LjI1IDAgMCAwLS4yODgtLjM3NmwtLjgwOC4yN3oiLz4KPC9zdmc+)}html[data-theme=dark] .cbb-icon__icon-container:before{filter:drop-shadow(var(--cbb-icon-size,30px) 0 var(--cbb-icon-dark-color,#fff))}
     1.cbb-icon{clip-path:inset(0 0 0 .4px);height:var(--cbb-icon-size,30px);position:relative;width:var(--cbb-icon-size,30px)}.cbb-icon__main-link{cursor:pointer}.cbb-icon__main-link,.cbb-icon__simple-icon{left:0;position:absolute;top:0}.cbb-icon__icon-container,.cbb-icon__main-link,.cbb-icon__simple-icon{display:block;height:var(--cbb-icon-size,30px);width:var(--cbb-icon-size,30px)}.cbb-icon__icon-container{margin-left:calc(var(--cbb-icon-size, 30px)*-1);position:relative}.cbb-icon__icon-container:before{background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;filter:drop-shadow(var(--cbb-icon-size,30px) 0 var(--cbb-icon-color,#000));height:var(--cbb-icon-size,30px);left:0;position:absolute;top:0;width:var(--cbb-icon-size,30px)}.cbb-icon--alarm-fill .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYWxhcm0tZmlsbCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNNiAuNWEuNS41IDAgMCAxIC41LS41aDNhLjUuNSAwIDAgMSAwIDFIOXYxLjA3YTcuMDAxIDcuMDAxIDAgMCAxIDMuMjc0IDEyLjQ3NGwuNjAxLjYwMmEuNS41IDAgMCAxLS43MDcuNzA4bC0uNzQ2LS43NDZBNi45NyA2Ljk3IDAgMCAxIDggMTZhNi45NyA2Ljk3IDAgMCAxLTMuNDIyLS44OTJsLS43NDYuNzQ2YS41LjUgMCAwIDEtLjcwNy0uNzA4bC42MDItLjYwMkE3LjAwMSA3LjAwMSAwIDAgMSA3IDIuMDdWMWgtLjVBLjUuNSAwIDAgMSA2IC41bTIuNSA1YS41LjUgMCAwIDAtMSAwdjMuMzYybC0xLjQyOSAyLjM4YS41LjUgMCAxIDAgLjg1OC41MTVsMS41LTIuNUEuNS41IDAgMCAwIDguNSA5ek0uODYgNS4zODdBMi41IDIuNSAwIDEgMSA0LjM4NyAxLjg2IDguMDQgOC4wNCAwIDAgMCAuODYgNS4zODdNMTEuNjEzIDEuODZhMi41IDIuNSAwIDEgMSAzLjUyNyAzLjUyNyA4LjA0IDguMDQgMCAwIDAtMy41MjctMy41MjciLz4KPC9zdmc+)}.cbb-icon--arrow-left-circle-fill .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctbGVmdC1jaXJjbGUtZmlsbCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNOCAwYTggOCAwIDEgMCAwIDE2QTggOCAwIDAgMCA4IDBtMy41IDcuNWEuNS41IDAgMCAxIDAgMUg1LjcwN2wyLjE0NyAyLjE0NmEuNS41IDAgMCAxLS43MDguNzA4bC0zLTNhLjUuNSAwIDAgMSAwLS43MDhsMy0zYS41LjUgMCAxIDEgLjcwOC43MDhMNS43MDcgNy41eiIvPgo8L3N2Zz4=)}.cbb-icon--arrow-left-circle .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctbGVmdC1jaXJjbGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMSA4YTcgNyAwIDEgMCAxNCAwQTcgNyAwIDAgMCAxIDhtMTUgMEE4IDggMCAxIDEgMCA4YTggOCAwIDAgMSAxNiAwbS00LjUtLjVhLjUuNSAwIDAgMSAwIDFINS43MDdsMi4xNDcgMi4xNDZhLjUuNSAwIDAgMS0uNzA4LjcwOGwtMy0zYS41LjUgMCAwIDEgMC0uNzA4bDMtM2EuNS41IDAgMSAxIC43MDguNzA4TDUuNzA3IDcuNXoiLz4KPC9zdmc+)}.cbb-icon--arrow-right-circle-fill .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctcmlnaHQtY2lyY2xlLWZpbGwiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTggMGE4IDggMCAxIDEgMCAxNkE4IDggMCAwIDEgOCAwTTQuNSA3LjVhLjUuNSAwIDAgMCAwIDFoNS43OTNsLTIuMTQ3IDIuMTQ2YS41LjUgMCAwIDAgLjcwOC43MDhsMy0zYS41LjUgMCAwIDAgMC0uNzA4bC0zLTNhLjUuNSAwIDEgMC0uNzA4LjcwOEwxMC4yOTMgNy41eiIvPgo8L3N2Zz4=)}.cbb-icon--arrow-right-circle .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctcmlnaHQtY2lyY2xlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEgOGE3IDcgMCAxIDAgMTQgMEE3IDcgMCAwIDAgMSA4bTE1IDBBOCA4IDAgMSAxIDAgOGE4IDggMCAwIDEgMTYgME00LjUgNy41YS41LjUgMCAwIDAgMCAxaDUuNzkzbC0yLjE0NyAyLjE0NmEuNS41IDAgMCAwIC43MDguNzA4bDMtM2EuNS41IDAgMCAwIDAtLjcwOGwtMy0zYS41LjUgMCAxIDAtLjcwOC43MDhMMTAuMjkzIDcuNXoiLz4KPC9zdmc+)}.cbb-icon--arrow-up-left-square .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctdXAtbGVmdC1zcXVhcmUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTUgMmExIDEgMCAwIDAtMS0xSDJhMSAxIDAgMCAwLTEgMXYxMmExIDEgMCAwIDAgMSAxaDEyYTEgMSAwIDAgMCAxLTF6TTAgMmEyIDIgMCAwIDEgMi0yaDEyYTIgMiAwIDAgMSAyIDJ2MTJhMiAyIDAgMCAxLTIgMkgyYTIgMiAwIDAgMS0yLTJ6bTEwLjA5NiA4LjgwM2EuNS41IDAgMSAwIC43MDctLjcwN0w2LjcwNyA2aDIuNzY4YS41LjUgMCAxIDAgMC0xSDUuNWEuNS41IDAgMCAwLS41LjV2My45NzVhLjUuNSAwIDAgMCAxIDBWNi43MDd6Ii8+Cjwvc3ZnPg==)}.cbb-icon--arrow-up-right-circle-fill .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctdXAtcmlnaHQtY2lyY2xlLWZpbGwiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTAgOGE4IDggMCAxIDAgMTYgMEE4IDggMCAwIDAgMCA4bTUuOTA0IDIuODAzYS41LjUgMCAxIDEtLjcwNy0uNzA3TDkuMjkzIDZINi41MjVhLjUuNSAwIDEgMSAwLTFIMTAuNWEuNS41IDAgMCAxIC41LjV2My45NzVhLjUuNSAwIDAgMS0xIDBWNi43MDd6Ii8+Cjwvc3ZnPg==)}.cbb-icon--arrow-up-right-circle .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctdXAtcmlnaHQtY2lyY2xlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEgOGE3IDcgMCAxIDAgMTQgMEE3IDcgMCAwIDAgMSA4bTE1IDBBOCA4IDAgMSAxIDAgOGE4IDggMCAwIDEgMTYgME01Ljg1NCAxMC44MDNhLjUuNSAwIDEgMS0uNzA4LS43MDdMOS4yNDMgNkg2LjQ3NWEuNS41IDAgMSAxIDAtMWgzLjk3NWEuNS41IDAgMCAxIC41LjV2My45NzVhLjUuNSAwIDEgMS0xIDBWNi43MDd6Ii8+Cjwvc3ZnPg==)}.cbb-icon--arrow-up-right-square-fill .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctdXAtcmlnaHQtc3F1YXJlLWZpbGwiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTE0IDBhMiAyIDAgMCAxIDIgMnYxMmEyIDIgMCAwIDEtMiAySDJhMiAyIDAgMCAxLTItMlYyYTIgMiAwIDAgMSAyLTJ6TTUuOTA0IDEwLjgwMyAxMCA2LjcwN3YyLjc2OGEuNS41IDAgMCAwIDEgMFY1LjVhLjUuNSAwIDAgMC0uNS0uNUg2LjUyNWEuNS41IDAgMSAwIDAgMWgyLjc2OGwtNC4wOTYgNC4wOTZhLjUuNSAwIDAgMCAuNzA3LjcwNyIvPgo8L3N2Zz4=)}.cbb-icon--arrow-up-right-square .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctdXAtcmlnaHQtc3F1YXJlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE1IDJhMSAxIDAgMCAwLTEtMUgyYTEgMSAwIDAgMC0xIDF2MTJhMSAxIDAgMCAwIDEgMWgxMmExIDEgMCAwIDAgMS0xek0wIDJhMiAyIDAgMCAxIDItMmgxMmEyIDIgMCAwIDEgMiAydjEyYTIgMiAwIDAgMS0yIDJIMmEyIDIgMCAwIDEtMi0yem01Ljg1NCA4LjgwM2EuNS41IDAgMSAxLS43MDgtLjcwN0w5LjI0MyA2SDYuNDc1YS41LjUgMCAxIDEgMC0xaDMuOTc1YS41LjUgMCAwIDEgLjUuNXYzLjk3NWEuNS41IDAgMSAxLTEgMFY2LjcwN3oiLz4KPC9zdmc+)}.cbb-icon--award .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXdhcmQiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTkuNjY5Ljg2NCA4IDAgNi4zMzEuODY0bC0xLjg1OC4yODItLjg0MiAxLjY4LTEuMzM3IDEuMzJMMi42IDZsLS4zMDYgMS44NTQgMS4zMzcgMS4zMi44NDIgMS42OCAxLjg1OC4yODJMOCAxMmwxLjY2OS0uODY0IDEuODU4LS4yODIuODQyLTEuNjggMS4zMzctMS4zMkwxMy40IDZsLjMwNi0xLjg1NC0xLjMzNy0xLjMyLS44NDItMS42OHptMS4xOTYgMS4xOTMuNjg0IDEuMzY1IDEuMDg2IDEuMDcyTDEyLjM4NyA2bC4yNDggMS41MDYtMS4wODYgMS4wNzItLjY4NCAxLjM2NS0xLjUxLjIyOUw4IDEwLjg3NGwtMS4zNTUtLjcwMi0xLjUxLS4yMjktLjY4NC0xLjM2NS0xLjA4Ni0xLjA3MkwzLjYxNCA2bC0uMjUtMS41MDYgMS4wODctMS4wNzIuNjg0LTEuMzY1IDEuNTEtLjIyOUw4IDEuMTI2bDEuMzU2LjcwMnoiLz4KICA8cGF0aCBkPSJNNCAxMS43OTRWMTZsNC0xIDQgMXYtNC4yMDZsLTIuMDE4LjMwNkw4IDEzLjEyNiA2LjAxOCAxMi4xeiIvPgo8L3N2Zz4=)}.cbb-icon--battery-charging .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYmF0dGVyeS1jaGFyZ2luZyIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNOS41ODUgMi41NjhhLjUuNSAwIDAgMSAuMjI2LjU4TDguNjc3IDYuODMyaDEuOTlhLjUuNSAwIDAgMSAuMzY0Ljg0M2wtNS4zMzQgNS42NjdhLjUuNSAwIDAgMS0uODQyLS40OUw1Ljk5IDkuMTY3SDRhLjUuNSAwIDAgMS0uMzY0LS44NDNsNS4zMzMtNS42NjdhLjUuNSAwIDAgMSAuNjE2LS4wOXoiLz4KICA8cGF0aCBkPSJNMiA0aDQuMzMybC0uOTQgMUgyYTEgMSAwIDAgMC0xIDF2NGExIDEgMCAwIDAgMSAxaDIuMzhsLS4zMDggMUgyYTIgMiAwIDAgMS0yLTJWNmEyIDIgMCAwIDEgMi0yIi8+CiAgPHBhdGggZD0iTTIgNmgyLjQ1TDIuOTA4IDcuNjM5QTEuNSAxLjUgMCAwIDAgMy4zMTMgMTBIMnptOC41OTUtMi0uMzA4IDFIMTJhMSAxIDAgMCAxIDEgMXY0YTEgMSAwIDAgMS0xIDFIOS4yNzZsLS45NDIgMUgxMmEyIDIgMCAwIDAgMi0yVjZhMiAyIDAgMCAwLTItMnoiLz4KICA8cGF0aCBkPSJNMTIgMTBoLTEuNzgzbDEuNTQyLTEuNjM5cS4xNDYtLjE1Ni4yNDEtLjM0em0wLTMuMzU0VjZoLS42NDZhMS41IDEuNSAwIDAgMSAuNjQ2LjY0Nk0xNiA4YTEuNSAxLjUgMCAwIDEtMS41IDEuNXYtM0ExLjUgMS41IDAgMCAxIDE2IDgiLz4KPC9zdmc+)}.cbb-icon--box-seam .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYm94LXNlYW0iIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTguMTg2IDEuMTEzYS41LjUgMCAwIDAtLjM3MiAwTDEuODQ2IDMuNWwyLjQwNC45NjFMMTAuNDA0IDJ6bTMuNTY0IDEuNDI2TDUuNTk2IDUgOCA1Ljk2MSAxNC4xNTQgMy41em0zLjI1IDEuNy02LjUgMi42djcuOTIybDYuNS0yLjZWNC4yNHpNNy41IDE0Ljc2MlY2LjgzOEwxIDQuMjM5djcuOTIzek03LjQ0My4xODRhMS41IDEuNSAwIDAgMSAxLjExNCAwbDcuMTI5IDIuODUyQS41LjUgMCAwIDEgMTYgMy41djguNjYyYTEgMSAwIDAgMS0uNjI5LjkyOGwtNy4xODUgMi44NzRhLjUuNSAwIDAgMS0uMzcyIDBMLjYzIDEzLjA5YTEgMSAwIDAgMS0uNjMtLjkyOFYzLjVhLjUuNSAwIDAgMSAuMzE0LS40NjR6Ii8+Cjwvc3ZnPg==)}.cbb-icon--boxes .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYm94ZXMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTcuNzUyLjA2NmEuNS41IDAgMCAxIC40OTYgMGwzLjc1IDIuMTQzYS41LjUgMCAwIDEgLjI1Mi40MzR2My45OTVsMy40OTggMkEuNS41IDAgMCAxIDE2IDkuMDd2NC4yODZhLjUuNSAwIDAgMS0uMjUyLjQzNGwtMy43NSAyLjE0M2EuNS41IDAgMCAxLS40OTYgMGwtMy41MDItMi0zLjUwMiAyLjAwMWEuNS41IDAgMCAxLS40OTYgMGwtMy43NS0yLjE0M0EuNS41IDAgMCAxIDAgMTMuMzU3VjkuMDcxYS41LjUgMCAwIDEgLjI1Mi0uNDM0TDMuNzUgNi42MzhWMi42NDNhLjUuNSAwIDAgMSAuMjUyLS40MzR6TTQuMjUgNy41MDQgMS41MDggOS4wNzFsMi43NDIgMS41NjcgMi43NDItMS41Njd6TTcuNSA5LjkzM2wtMi43NSAxLjU3MXYzLjEzNGwyLjc1LTEuNTcxem0xIDMuMTM0IDIuNzUgMS41NzF2LTMuMTM0TDguNSA5LjkzM3ptLjUwOC0zLjk5NiAyLjc0MiAxLjU2NyAyLjc0Mi0xLjU2Ny0yLjc0Mi0xLjU2N3ptMi4yNDItMi40MzNWMy41MDRMOC41IDUuMDc2VjguMjF6TTcuNSA4LjIxVjUuMDc2TDQuNzUgMy41MDR2My4xMzR6TTUuMjU4IDIuNjQzIDggNC4yMWwyLjc0Mi0xLjU2N0w4IDEuMDc2ek0xNSA5LjkzM2wtMi43NSAxLjU3MXYzLjEzNEwxNSAxMy4wNjd6TTMuNzUgMTQuNjM4di0zLjEzNEwxIDkuOTMzdjMuMTM0eiIvPgo8L3N2Zz4=)}.cbb-icon--bricks .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYnJpY2tzIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0wIC41QS41LjUgMCAwIDEgLjUgMGgxNWEuNS41IDAgMCAxIC41LjV2M2EuNS41IDAgMCAxLS41LjVIMTR2MmgxLjVhLjUuNSAwIDAgMSAuNS41djNhLjUuNSAwIDAgMS0uNS41SDE0djJoMS41YS41LjUgMCAwIDEgLjUuNXYzYS41LjUgMCAwIDEtLjUuNUguNWEuNS41IDAgMCAxLS41LS41di0zYS41LjUgMCAwIDEgLjUtLjVIMnYtMkguNWEuNS41IDAgMCAxLS41LS41di0zQS41LjUgMCAwIDEgLjUgNkgyVjRILjVhLjUuNSAwIDAgMS0uNS0uNXpNMyA0djJoNC41VjR6bTUuNSAwdjJIMTNWNHpNMyAxMHYyaDQuNXYtMnptNS41IDB2MkgxM3YtMnpNMSAxdjJoMy41VjF6bTQuNSAwdjJoNVYxem02IDB2MkgxNVYxek0xIDd2MmgzLjVWN3ptNC41IDB2Mmg1Vjd6bTYgMHYySDE1Vjd6TTEgMTN2MmgzLjV2LTJ6bTQuNSAwdjJoNXYtMnptNiAwdjJIMTV2LTJ6Ii8+Cjwvc3ZnPg==)}.cbb-icon--brightness-high .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYnJpZ2h0bmVzcy1oaWdoIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik04IDExYTMgMyAwIDEgMSAwLTYgMyAzIDAgMCAxIDAgNm0wIDFhNCA0IDAgMSAwIDAtOCA0IDQgMCAwIDAgMCA4TTggMGEuNS41IDAgMCAxIC41LjV2MmEuNS41IDAgMCAxLTEgMHYtMkEuNS41IDAgMCAxIDggMG0wIDEzYS41LjUgMCAwIDEgLjUuNXYyYS41LjUgMCAwIDEtMSAwdi0yQS41LjUgMCAwIDEgOCAxM204LTVhLjUuNSAwIDAgMS0uNS41aC0yYS41LjUgMCAwIDEgMC0xaDJhLjUuNSAwIDAgMSAuNS41TTMgOGEuNS41IDAgMCAxLS41LjVoLTJhLjUuNSAwIDAgMSAwLTFoMkEuNS41IDAgMCAxIDMgOG0xMC42NTctNS42NTdhLjUuNSAwIDAgMSAwIC43MDdsLTEuNDE0IDEuNDE1YS41LjUgMCAxIDEtLjcwNy0uNzA4bDEuNDE0LTEuNDE0YS41LjUgMCAwIDEgLjcwNyAwbS05LjE5MyA5LjE5M2EuNS41IDAgMCAxIDAgLjcwN0wzLjA1IDEzLjY1N2EuNS41IDAgMCAxLS43MDctLjcwN2wxLjQxNC0xLjQxNGEuNS41IDAgMCAxIC43MDcgMG05LjE5MyAyLjEyMWEuNS41IDAgMCAxLS43MDcgMGwtMS40MTQtMS40MTRhLjUuNSAwIDAgMSAuNzA3LS43MDdsMS40MTQgMS40MTRhLjUuNSAwIDAgMSAwIC43MDdNNC40NjQgNC40NjVhLjUuNSAwIDAgMS0uNzA3IDBMMi4zNDMgMy4wNWEuNS41IDAgMSAxIC43MDctLjcwN2wxLjQxNCAxLjQxNGEuNS41IDAgMCAxIDAgLjcwOCIvPgo8L3N2Zz4=)}.cbb-icon--bug .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYnVnIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik00LjM1NS41MjJhLjUuNSAwIDAgMSAuNjIzLjMzM2wuMjkxLjk1NkE1IDUgMCAwIDEgOCAxYzEuMDA3IDAgMS45NDYuMjk4IDIuNzMxLjgxMWwuMjktLjk1NmEuNS41IDAgMSAxIC45NTcuMjlsLS40MSAxLjM1MkE1IDUgMCAwIDEgMTMgNmguNWEuNS41IDAgMCAwIC41LS41VjVhLjUuNSAwIDAgMSAxIDB2LjVBMS41IDEuNSAwIDAgMSAxMy41IDdIMTN2MWgxLjVhLjUuNSAwIDAgMSAwIDFIMTN2MWguNWExLjUgMS41IDAgMCAxIDEuNSAxLjV2LjVhLjUuNSAwIDEgMS0xIDB2LS41YS41LjUgMCAwIDAtLjUtLjVIMTNhNSA1IDAgMCAxLTEwIDBoLS41YS41LjUgMCAwIDAtLjUuNXYuNWEuNS41IDAgMSAxLTEgMHYtLjVBMS41IDEuNSAwIDAgMSAyLjUgMTBIM1Y5SDEuNWEuNS41IDAgMCAxIDAtMUgzVjdoLS41QTEuNSAxLjUgMCAwIDEgMSA1LjVWNWEuNS41IDAgMCAxIDEgMHYuNWEuNS41IDAgMCAwIC41LjVIM2MwLTEuMzY0LjU0Ny0yLjYwMSAxLjQzMi0zLjUwM2wtLjQxLTEuMzUyYS41LjUgMCAwIDEgLjMzMy0uNjIzTTQgN3Y0YTQgNCAwIDAgMCAzLjUgMy45N1Y3em00LjUgMHY3Ljk3QTQgNCAwIDAgMCAxMiAxMVY3ek0xMiA2YTQgNCAwIDAgMC0xLjMzNC0yLjk4MkEzLjk4IDMuOTggMCAwIDAgOCAyYTMuOTggMy45OCAwIDAgMC0yLjY2NyAxLjAxOEE0IDQgMCAwIDAgNCA2eiIvPgo8L3N2Zz4=)}.cbb-icon--building .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYnVpbGRpbmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTQgMi41YS41LjUgMCAwIDEgLjUtLjVoMWEuNS41IDAgMCAxIC41LjV2MWEuNS41IDAgMCAxLS41LjVoLTFhLjUuNSAwIDAgMS0uNS0uNXptMyAwYS41LjUgMCAwIDEgLjUtLjVoMWEuNS41IDAgMCAxIC41LjV2MWEuNS41IDAgMCAxLS41LjVoLTFhLjUuNSAwIDAgMS0uNS0uNXptMy41LS41YS41LjUgMCAwIDAtLjUuNXYxYS41LjUgMCAwIDAgLjUuNWgxYS41LjUgMCAwIDAgLjUtLjV2LTFhLjUuNSAwIDAgMC0uNS0uNXpNNCA1LjVhLjUuNSAwIDAgMSAuNS0uNWgxYS41LjUgMCAwIDEgLjUuNXYxYS41LjUgMCAwIDEtLjUuNWgtMWEuNS41IDAgMCAxLS41LS41ek03LjUgNWEuNS41IDAgMCAwLS41LjV2MWEuNS41IDAgMCAwIC41LjVoMWEuNS41IDAgMCAwIC41LS41di0xYS41LjUgMCAwIDAtLjUtLjV6bTIuNS41YS41LjUgMCAwIDEgLjUtLjVoMWEuNS41IDAgMCAxIC41LjV2MWEuNS41IDAgMCAxLS41LjVoLTFhLjUuNSAwIDAgMS0uNS0uNXpNNC41IDhhLjUuNSAwIDAgMC0uNS41djFhLjUuNSAwIDAgMCAuNS41aDFhLjUuNSAwIDAgMCAuNS0uNXYtMWEuNS41IDAgMCAwLS41LS41em0yLjUuNWEuNS41IDAgMCAxIC41LS41aDFhLjUuNSAwIDAgMSAuNS41djFhLjUuNSAwIDAgMS0uNS41aC0xYS41LjUgMCAwIDEtLjUtLjV6bTMuNS0uNWEuNS41IDAgMCAwLS41LjV2MWEuNS41IDAgMCAwIC41LjVoMWEuNS41IDAgMCAwIC41LS41di0xYS41LjUgMCAwIDAtLjUtLjV6Ii8+CiAgPHBhdGggZD0iTTIgMWExIDEgMCAwIDEgMS0xaDEwYTEgMSAwIDAgMSAxIDF2MTRhMSAxIDAgMCAxLTEgMUgzYTEgMSAwIDAgMS0xLTF6bTExIDBIM3YxNGgzdi0yLjVhLjUuNSAwIDAgMSAuNS0uNWgzYS41LjUgMCAwIDEgLjUuNVYxNWgzeiIvPgo8L3N2Zz4=)}.cbb-icon--buildings .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYnVpbGRpbmdzIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0xNC43NjMuMDc1QS41LjUgMCAwIDEgMTUgLjV2MTVhLjUuNSAwIDAgMS0uNS41aC0zYS41LjUgMCAwIDEtLjUtLjVWMTRoLTF2MS41YS41LjUgMCAwIDEtLjUuNWgtOWEuNS41IDAgMCAxLS41LS41VjEwYS41LjUgMCAwIDEgLjM0Mi0uNDc0TDYgNy42NFY0LjVhLjUuNSAwIDAgMSAuMjc2LS40NDdsOC00YS41LjUgMCAwIDEgLjQ4Ny4wMjJNNiA4LjY5NCAxIDEwLjM2VjE1aDV6TTcgMTVoMnYtMS41YS41LjUgMCAwIDEgLjUtLjVoMmEuNS41IDAgMCAxIC41LjVWMTVoMlYxLjMwOWwtNyAzLjV6Ii8+CiAgPHBhdGggZD0iTTIgMTFoMXYxSDJ6bTIgMGgxdjFINHptLTIgMmgxdjFIMnptMiAwaDF2MUg0em00LTRoMXYxSDh6bTIgMGgxdjFoLTF6bS0yIDJoMXYxSDh6bTIgMGgxdjFoLTF6bTItMmgxdjFoLTF6bTAgMmgxdjFoLTF6TTggN2gxdjFIOHptMiAwaDF2MWgtMXptMiAwaDF2MWgtMXpNOCA1aDF2MUg4em0yIDBoMXYxaC0xem0yIDBoMXYxaC0xem0wLTJoMXYxaC0xeiIvPgo8L3N2Zz4=)}.cbb-icon--chat-text .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2hhdC10ZXh0IiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0yLjY3OCAxMS44OTRhMSAxIDAgMCAxIC4yODcuODAxIDExIDExIDAgMCAxLS4zOTggMmMxLjM5NS0uMzIzIDIuMjQ3LS42OTcgMi42MzQtLjg5M2ExIDEgMCAwIDEgLjcxLS4wNzRBOCA4IDAgMCAwIDggMTRjMy45OTYgMCA3LTIuODA3IDctNnMtMy4wMDQtNi03LTYtNyAyLjgwOC03IDZjMCAxLjQ2OC42MTcgMi44MyAxLjY3OCAzLjg5NG0tLjQ5MyAzLjkwNWEyMiAyMiAwIDAgMS0uNzEzLjEyOWMtLjIuMDMyLS4zNTItLjE3Ni0uMjczLS4zNjJhMTAgMTAgMCAwIDAgLjI0NC0uNjM3bC4wMDMtLjAxYy4yNDgtLjcyLjQ1LTEuNTQ4LjUyNC0yLjMxOUMuNzQzIDExLjM3IDAgOS43NiAwIDhjMC0zLjg2NiAzLjU4Mi03IDgtN3M4IDMuMTM0IDggNy0zLjU4MiA3LTggN2E5IDkgMCAwIDEtMi4zNDctLjMwNmMtLjUyLjI2My0xLjYzOS43NDItMy40NjggMS4xMDUiLz4KICA8cGF0aCBkPSJNNCA1LjVhLjUuNSAwIDAgMSAuNS0uNWg3YS41LjUgMCAwIDEgMCAxaC03YS41LjUgMCAwIDEtLjUtLjVNNCA4YS41LjUgMCAwIDEgLjUtLjVoN2EuNS41IDAgMCAxIDAgMWgtN0EuNS41IDAgMCAxIDQgOG0wIDIuNWEuNS41IDAgMCAxIC41LS41aDRhLjUuNSAwIDAgMSAwIDFoLTRhLjUuNSAwIDAgMS0uNS0uNSIvPgo8L3N2Zz4=)}.cbb-icon--cloud-check .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2xvdWQtY2hlY2siIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAuMzU0IDYuMTQ2YS41LjUgMCAwIDEgMCAuNzA4bC0zIDNhLjUuNSAwIDAgMS0uNzA4IDBsLTEuNS0xLjVhLjUuNSAwIDEgMSAuNzA4LS43MDhMNyA4Ljc5M2wyLjY0Ni0yLjY0N2EuNS41IDAgMCAxIC43MDggMCIvPgogIDxwYXRoIGQ9Ik00LjQwNiAzLjM0MkE1LjUzIDUuNTMgMCAwIDEgOCAyYzIuNjkgMCA0LjkyMyAyIDUuMTY2IDQuNTc5QzE0Ljc1OCA2LjgwNCAxNiA4LjEzNyAxNiA5Ljc3MyAxNiAxMS41NjkgMTQuNTAyIDEzIDEyLjY4NyAxM0gzLjc4MUMxLjcwOCAxMyAwIDExLjM2NiAwIDkuMzE4YzAtMS43NjMgMS4yNjYtMy4yMjMgMi45NDItMy41OTMuMTQzLS44NjMuNjk4LTEuNzIzIDEuNDY0LTIuMzgzbS42NTMuNzU3Yy0uNzU3LjY1My0xLjE1MyAxLjQ0LTEuMTUzIDIuMDU2di40NDhsLS40NDUuMDQ5QzIuMDY0IDYuODA1IDEgNy45NTIgMSA5LjMxOCAxIDEwLjc4NSAyLjIzIDEyIDMuNzgxIDEyaDguOTA2QzEzLjk4IDEyIDE1IDEwLjk4OCAxNSA5Ljc3M2MwLTEuMjE2LTEuMDItMi4yMjgtMi4zMTMtMi4yMjhoLS41di0uNUMxMi4xODggNC44MjUgMTAuMzI4IDMgOCAzYTQuNTMgNC41MyAwIDAgMC0yLjk0MSAxLjF6Ii8+Cjwvc3ZnPg==)}.cbb-icon--cloud-sun .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2xvdWQtc3VuIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik03IDhhMy41IDMuNSAwIDAgMSAzLjUgMy41NTUuNS41IDAgMCAwIC42MjQuNDkyQTEuNTAzIDEuNTAzIDAgMCAxIDEzIDEzLjVhMS41IDEuNSAwIDAgMS0xLjUgMS41SDNhMiAyIDAgMSAxIC4xLTMuOTk4LjUuNSAwIDAgMCAuNTEtLjM3NUEzLjUgMy41IDAgMCAxIDcgOG00LjQ3MyAzYTQuNSA0LjUgMCAwIDAtOC43Mi0uOTlBMyAzIDAgMCAwIDMgMTZoOC41YTIuNSAyLjUgMCAwIDAgMC01eiIvPgogIDxwYXRoIGQ9Ik0xMC41IDEuNWEuNS41IDAgMCAwLTEgMHYxYS41LjUgMCAwIDAgMSAwem0zLjc0MyAxLjk2NGEuNS41IDAgMSAwLS43MDctLjcwN2wtLjcwOC43MDdhLjUuNSAwIDAgMCAuNzA4LjcwOHptLTcuNzc5LS43MDdhLjUuNSAwIDAgMC0uNzA3LjcwN2wuNzA3LjcwOGEuNS41IDAgMSAwIC43MDgtLjcwOHptMS43MzQgMy4zNzRhMiAyIDAgMSAxIDMuMjk2IDIuMTk4cS4zLjQyMy41MTYuODk4YTMgMyAwIDEgMC00Ljg0LTMuMjI1cS41MjkuMDE3IDEuMDI4LjEyOW00LjQ4NCA0LjA3NGMuNi4yMTUgMS4xMjUuNTkgMS41MjIgMS4wNzJhLjUuNSAwIDAgMCAuMDM5LS43NDJsLS43MDctLjcwN2EuNS41IDAgMCAwLS44NTQuMzc3TTE0LjUgNi41YS41LjUgMCAwIDAgMCAxaDFhLjUuNSAwIDAgMCAwLTF6Ii8+Cjwvc3ZnPg==)}.cbb-icon--code-square .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY29kZS1zcXVhcmUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTE0IDFhMSAxIDAgMCAxIDEgMXYxMmExIDEgMCAwIDEtMSAxSDJhMSAxIDAgMCAxLTEtMVYyYTEgMSAwIDAgMSAxLTF6TTIgMGEyIDIgMCAwIDAtMiAydjEyYTIgMiAwIDAgMCAyIDJoMTJhMiAyIDAgMCAwIDItMlYyYTIgMiAwIDAgMC0yLTJ6Ii8+CiAgPHBhdGggZD0iTTYuODU0IDQuNjQ2YS41LjUgMCAwIDEgMCAuNzA4TDQuMjA3IDhsMi42NDcgMi42NDZhLjUuNSAwIDAgMS0uNzA4LjcwOGwtMy0zYS41LjUgMCAwIDEgMC0uNzA4bDMtM2EuNS41IDAgMCAxIC43MDggMG0yLjI5MiAwYS41LjUgMCAwIDAgMCAuNzA4TDExLjc5MyA4bC0yLjY0NyAyLjY0NmEuNS41IDAgMCAwIC43MDguNzA4bDMtM2EuNS41IDAgMCAwIDAtLjcwOGwtMy0zYS41LjUgMCAwIDAtLjcwOCAwIi8+Cjwvc3ZnPg==)}.cbb-icon--coin .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY29pbiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNNS41IDkuNTExYy4wNzYuOTU0LjgzIDEuNjk3IDIuMTgyIDEuNzg1VjEyaC42di0uNzA5YzEuNC0uMDk4IDIuMjE4LS44NDYgMi4yMTgtMS45MzIgMC0uOTg3LS42MjYtMS40OTYtMS43NDUtMS43NmwtLjQ3My0uMTEyVjUuNTdjLjYuMDY4Ljk4Mi4zOTYgMS4wNzQuODVoMS4wNTJjLS4wNzYtLjkxOS0uODY0LTEuNjM4LTIuMTI2LTEuNzE2VjRoLS42di43MTljLTEuMTk1LjExNy0yLjAxLjgzNi0yLjAxIDEuODUzIDAgLjkuNjA2IDEuNDcyIDEuNjEzIDEuNzA3bC4zOTcuMDk4djIuMDM0Yy0uNjE1LS4wOTMtMS4wMjItLjQzLTEuMTE0LS45em0yLjE3Ny0yLjE2NmMtLjU5LS4xMzctLjkxLS40MTYtLjkxLS44MzYgMC0uNDcuMzQ1LS44MjIuOTE1LS45MjV2MS43NmgtLjAwNXptLjY5MiAxLjE5M2MuNzE3LjE2NiAxLjA0OC40MzUgMS4wNDguOTEgMCAuNTQyLS40MTIuOTE0LTEuMTM1Ljk4MlY4LjUxOHoiLz4KICA8cGF0aCBkPSJNOCAxNUE3IDcgMCAxIDEgOCAxYTcgNyAwIDAgMSAwIDE0bTAgMUE4IDggMCAxIDAgOCAwYTggOCAwIDAgMCAwIDE2Ii8+CiAgPHBhdGggZD0iTTggMTMuNWE1LjUgNS41IDAgMSAxIDAtMTEgNS41IDUuNSAwIDAgMSAwIDExbTAgLjVBNiA2IDAgMSAwIDggMmE2IDYgMCAwIDAgMCAxMiIvPgo8L3N2Zz4=)}.cbb-icon--columns .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY29sdW1ucyIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMCAyYTEgMSAwIDAgMSAxLTFoMTRhMSAxIDAgMCAxIDEgMXYxMmExIDEgMCAwIDEtMSAxSDFhMSAxIDAgMCAxLTEtMXptOC41IDB2OEgxNVYyem0wIDl2M0gxNXYtM3ptLTEtOUgxdjNoNi41ek0xIDE0aDYuNVY2SDF6Ii8+Cjwvc3ZnPg==)}.cbb-icon--columns-gap .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY29sdW1ucy1nYXAiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTYgMXYzSDFWMXpNMSAwYTEgMSAwIDAgMC0xIDF2M2ExIDEgMCAwIDAgMSAxaDVhMSAxIDAgMCAwIDEtMVYxYTEgMSAwIDAgMC0xLTF6bTE0IDEydjNoLTV2LTN6bS01LTFhMSAxIDAgMCAwLTEgMXYzYTEgMSAwIDAgMCAxIDFoNWExIDEgMCAwIDAgMS0xdi0zYTEgMSAwIDAgMC0xLTF6TTYgOHY3SDFWOHpNMSA3YTEgMSAwIDAgMC0xIDF2N2ExIDEgMCAwIDAgMSAxaDVhMSAxIDAgMCAwIDEtMVY4YTEgMSAwIDAgMC0xLTF6bTE0LTZ2N2gtNVYxem0tNS0xYTEgMSAwIDAgMC0xIDF2N2ExIDEgMCAwIDAgMSAxaDVhMSAxIDAgMCAwIDEtMVYxYTEgMSAwIDAgMC0xLTF6Ii8+Cjwvc3ZnPg==)}.cbb-icon--database-down .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZGF0YWJhc2UtZG93biIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMTIuNSA5YTMuNSAzLjUgMCAxIDEgMCA3IDMuNSAzLjUgMCAwIDEgMC03bS4zNTQgNS44NTQgMS41LTEuNWEuNS41IDAgMCAwLS43MDgtLjcwOGwtLjY0Ni42NDdWMTAuNWEuNS41IDAgMCAwLTEgMHYyLjc5M2wtLjY0Ni0uNjQ3YS41LjUgMCAwIDAtLjcwOC43MDhsMS41IDEuNWEuNS41IDAgMCAwIC43MDggMCIvPgogIDxwYXRoIGQ9Ik0xMi4wOTYgNi4yMjNBNSA1IDAgMCAwIDEzIDUuNjk4VjdjMCAuMjg5LS4yMTMuNjU0LS43NTMgMS4wMDdhNC41IDQuNSAwIDAgMSAxLjc1My4yNVY0YzAtMS4wMDctLjg3NS0xLjc1NS0xLjkwNC0yLjIyM0MxMS4wMjIgMS4yODkgOS41NzMgMSA4IDFzLTMuMDIyLjI4OS00LjA5Ni43NzdDMi44NzUgMi4yNDUgMiAyLjk5MyAyIDR2OWMwIDEuMDA3Ljg3NSAxLjc1NSAxLjkwNCAyLjIyM0M0Ljk3OCAxNS43MSA2LjQyNyAxNiA4IDE2Yy41MzYgMCAxLjA1OC0uMDM0IDEuNTU1LS4wOTdhNC41IDQuNSAwIDAgMS0uODEzLS45MjdROC4zNzggMTUgOCAxNWMtMS40NjQgMC0yLjc2Ni0uMjctMy42ODItLjY4N0MzLjM1NiAxMy44NzUgMyAxMy4zNzMgMyAxM3YtMS4zMDJjLjI3MS4yMDIuNTguMzc4LjkwNC41MjVDNC45NzggMTIuNzEgNi40MjcgMTMgOCAxM2guMDI3YTQuNiA0LjYgMCAwIDEgMC0xSDhjLTEuNDY0IDAtMi43NjYtLjI3LTMuNjgyLS42ODdDMy4zNTYgMTAuODc1IDMgMTAuMzczIDMgMTBWOC42OThjLjI3MS4yMDIuNTguMzc4LjkwNC41MjVDNC45NzggOS43MSA2LjQyNyAxMCA4IDEwcS4zOTMgMCAuNzc0LS4wMjRhNC41IDQuNSAwIDAgMSAxLjEwMi0xLjEzMkM5LjI5OCA4Ljk0NCA4LjY2NiA5IDggOWMtMS40NjQgMC0yLjc2Ni0uMjctMy42ODItLjY4N0MzLjM1NiA3Ljg3NSAzIDcuMzczIDMgN1Y1LjY5OGMuMjcxLjIwMi41OC4zNzguOTA0LjUyNUM0Ljk3OCA2LjcxMSA2LjQyNyA3IDggN3MzLjAyMi0uMjg5IDQuMDk2LS43NzdNMyA0YzAtLjM3NC4zNTYtLjg3NSAxLjMxOC0xLjMxM0M1LjIzNCAyLjI3MSA2LjUzNiAyIDggMnMyLjc2Ni4yNyAzLjY4Mi42ODdDMTIuNjQ0IDMuMTI1IDEzIDMuNjI3IDEzIDRjMCAuMzc0LS4zNTYuODc1LTEuMzE4IDEuMzEzQzEwLjc2NiA1LjcyOSA5LjQ2NCA2IDggNnMtMi43NjYtLjI3LTMuNjgyLS42ODdDMy4zNTYgNC44NzUgMyA0LjM3MyAzIDQiLz4KPC9zdmc+)}.cbb-icon--database-up .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZGF0YWJhc2UtdXAiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEyLjUgMTZhMy41IDMuNSAwIDEgMCAwLTcgMy41IDMuNSAwIDAgMCAwIDdtLjM1NC01Ljg1NCAxLjUgMS41YS41LjUgMCAwIDEtLjcwOC43MDhMMTMgMTEuNzA3VjE0LjVhLjUuNSAwIDAgMS0xIDB2LTIuNzkzbC0uNjQ2LjY0N2EuNS41IDAgMCAxLS43MDgtLjcwOGwxLjUtMS41YS41LjUgMCAwIDEgLjcwOCAwIi8+CiAgPHBhdGggZD0iTTEyLjA5NiA2LjIyM0E1IDUgMCAwIDAgMTMgNS42OThWN2MwIC4yODktLjIxMy42NTQtLjc1MyAxLjAwN2E0LjUgNC41IDAgMCAxIDEuNzUzLjI1VjRjMC0xLjAwNy0uODc1LTEuNzU1LTEuOTA0LTIuMjIzQzExLjAyMiAxLjI4OSA5LjU3MyAxIDggMXMtMy4wMjIuMjg5LTQuMDk2Ljc3N0MyLjg3NSAyLjI0NSAyIDIuOTkzIDIgNHY5YzAgMS4wMDcuODc1IDEuNzU1IDEuOTA0IDIuMjIzQzQuOTc4IDE1LjcxIDYuNDI3IDE2IDggMTZjLjUzNiAwIDEuMDU4LS4wMzQgMS41NTUtLjA5N2E0LjUgNC41IDAgMCAxLS44MTMtLjkyN1E4LjM3OCAxNSA4IDE1Yy0xLjQ2NCAwLTIuNzY2LS4yNy0zLjY4Mi0uNjg3QzMuMzU2IDEzLjg3NSAzIDEzLjM3MyAzIDEzdi0xLjMwMmMuMjcxLjIwMi41OC4zNzguOTA0LjUyNUM0Ljk3OCAxMi43MSA2LjQyNyAxMyA4IDEzaC4wMjdhNC42IDQuNiAwIDAgMSAwLTFIOGMtMS40NjQgMC0yLjc2Ni0uMjctMy42ODItLjY4N0MzLjM1NiAxMC44NzUgMyAxMC4zNzMgMyAxMFY4LjY5OGMuMjcxLjIwMi41OC4zNzguOTA0LjUyNUM0Ljk3OCA5LjcxIDYuNDI3IDEwIDggMTBxLjM5MyAwIC43NzQtLjAyNGE0LjUgNC41IDAgMCAxIDEuMTAyLTEuMTMyQzkuMjk4IDguOTQ0IDguNjY2IDkgOCA5Yy0xLjQ2NCAwLTIuNzY2LS4yNy0zLjY4Mi0uNjg3QzMuMzU2IDcuODc1IDMgNy4zNzMgMyA3VjUuNjk4Yy4yNzEuMjAyLjU4LjM3OC45MDQuNTI1QzQuOTc4IDYuNzExIDYuNDI3IDcgOCA3czMuMDIyLS4yODkgNC4wOTYtLjc3N00zIDRjMC0uMzc0LjM1Ni0uODc1IDEuMzE4LTEuMzEzQzUuMjM0IDIuMjcxIDYuNTM2IDIgOCAyczIuNzY2LjI3IDMuNjgyLjY4N0MxMi42NDQgMy4xMjUgMTMgMy42MjcgMTMgNGMwIC4zNzQtLjM1Ni44NzUtMS4zMTggMS4zMTNDMTAuNzY2IDUuNzI5IDkuNDY0IDYgOCA2cy0yLjc2Ni0uMjctMy42ODItLjY4N0MzLjM1NiA0Ljg3NSAzIDQuMzczIDMgNCIvPgo8L3N2Zz4=)}.cbb-icon--file-bar-graph .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZmlsZS1iYXItZ3JhcGgiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTQuNSAxMmEuNS41IDAgMCAxLS41LS41di0yYS41LjUgMCAwIDEgLjUtLjVoMWEuNS41IDAgMCAxIC41LjV2MmEuNS41IDAgMCAxLS41LjV6bTMgMGEuNS41IDAgMCAxLS41LS41di00YS41LjUgMCAwIDEgLjUtLjVoMWEuNS41IDAgMCAxIC41LjV2NGEuNS41IDAgMCAxLS41LjV6bTMgMGEuNS41IDAgMCAxLS41LS41di02YS41LjUgMCAwIDEgLjUtLjVoMWEuNS41IDAgMCAxIC41LjV2NmEuNS41IDAgMCAxLS41LjV6Ii8+CiAgPHBhdGggZD0iTTQgMGEyIDIgMCAwIDAtMiAydjEyYTIgMiAwIDAgMCAyIDJoOGEyIDIgMCAwIDAgMi0yVjJhMiAyIDAgMCAwLTItMnptMCAxaDhhMSAxIDAgMCAxIDEgMXYxMmExIDEgMCAwIDEtMSAxSDRhMSAxIDAgMCAxLTEtMVYyYTEgMSAwIDAgMSAxLTEiLz4KPC9zdmc+)}.cbb-icon--fire .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZmlyZSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNOCAxNmMzLjMxNCAwIDYtMiA2LTUuNSAwLTEuNS0uNS00LTIuNS02IC4yNSAxLjUtMS4yNSAyLTEuMjUgMkMxMSA0IDkgLjUgNiAwYy4zNTcgMiAuNSA0LTIgNi0xLjI1IDEtMiAyLjcyOS0yIDQuNUMyIDE0IDQuNjg2IDE2IDggMTZtMC0xYy0xLjY1NyAwLTMtMS0zLTIuNzUgMC0uNzUuMjUtMiAxLjI1LTNDNi4xMjUgMTAgNyAxMC41IDcgMTAuNWMtLjM3NS0xLjI1LjUtMy4yNSAyLTMuNS0uMTc5IDEtLjI1IDIgMSAzIC42MjUuNSAxIDEuMzY0IDEgMi4yNUMxMSAxNCA5LjY1NyAxNSA4IDE1Ii8+Cjwvc3ZnPg==)}.cbb-icon--gear .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZ2VhciIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNOCA0Ljc1NGEzLjI0NiAzLjI0NiAwIDEgMCAwIDYuNDkyIDMuMjQ2IDMuMjQ2IDAgMCAwIDAtNi40OTJNNS43NTQgOGEyLjI0NiAyLjI0NiAwIDEgMSA0LjQ5MiAwIDIuMjQ2IDIuMjQ2IDAgMCAxLTQuNDkyIDAiLz4KICA8cGF0aCBkPSJNOS43OTYgMS4zNDNjLS41MjctMS43OS0zLjA2NS0xLjc5LTMuNTkyIDBsLS4wOTQuMzE5YS44NzMuODczIDAgMCAxLTEuMjU1LjUybC0uMjkyLS4xNmMtMS42NC0uODkyLTMuNDMzLjkwMi0yLjU0IDIuNTQxbC4xNTkuMjkyYS44NzMuODczIDAgMCAxLS41MiAxLjI1NWwtLjMxOS4wOTRjLTEuNzkuNTI3LTEuNzkgMy4wNjUgMCAzLjU5MmwuMzE5LjA5NGEuODczLjg3MyAwIDAgMSAuNTIgMS4yNTVsLS4xNi4yOTJjLS44OTIgMS42NC45MDEgMy40MzQgMi41NDEgMi41NGwuMjkyLS4xNTlhLjg3My44NzMgMCAwIDEgMS4yNTUuNTJsLjA5NC4zMTljLjUyNyAxLjc5IDMuMDY1IDEuNzkgMy41OTIgMGwuMDk0LS4zMTlhLjg3My44NzMgMCAwIDEgMS4yNTUtLjUybC4yOTIuMTZjMS42NC44OTMgMy40MzQtLjkwMiAyLjU0LTIuNTQxbC0uMTU5LS4yOTJhLjg3My44NzMgMCAwIDEgLjUyLTEuMjU1bC4zMTktLjA5NGMxLjc5LS41MjcgMS43OS0zLjA2NSAwLTMuNTkybC0uMzE5LS4wOTRhLjg3My44NzMgMCAwIDEtLjUyLTEuMjU1bC4xNi0uMjkyYy44OTMtMS42NC0uOTAyLTMuNDMzLTIuNTQxLTIuNTRsLS4yOTIuMTU5YS44NzMuODczIDAgMCAxLTEuMjU1LS41MnptLTIuNjMzLjI4M2MuMjQ2LS44MzUgMS40MjgtLjgzNSAxLjY3NCAwbC4wOTQuMzE5YTEuODczIDEuODczIDAgMCAwIDIuNjkzIDEuMTE1bC4yOTEtLjE2Yy43NjQtLjQxNSAxLjYuNDIgMS4xODQgMS4xODVsLS4xNTkuMjkyYTEuODczIDEuODczIDAgMCAwIDEuMTE2IDIuNjkybC4zMTguMDk0Yy44MzUuMjQ2LjgzNSAxLjQyOCAwIDEuNjc0bC0uMzE5LjA5NGExLjg3MyAxLjg3MyAwIDAgMC0xLjExNSAyLjY5M2wuMTYuMjkxYy40MTUuNzY0LS40MiAxLjYtMS4xODUgMS4xODRsLS4yOTEtLjE1OWExLjg3MyAxLjg3MyAwIDAgMC0yLjY5MyAxLjExNmwtLjA5NC4zMThjLS4yNDYuODM1LTEuNDI4LjgzNS0xLjY3NCAwbC0uMDk0LS4zMTlhMS44NzMgMS44NzMgMCAwIDAtMi42OTItMS4xMTVsLS4yOTIuMTZjLS43NjQuNDE1LTEuNi0uNDItMS4xODQtMS4xODVsLjE1OS0uMjkxQTEuODczIDEuODczIDAgMCAwIDEuOTQ1IDguOTNsLS4zMTktLjA5NGMtLjgzNS0uMjQ2LS44MzUtMS40MjggMC0xLjY3NGwuMzE5LS4wOTRBMS44NzMgMS44NzMgMCAwIDAgMy4wNiA0LjM3N2wtLjE2LS4yOTJjLS40MTUtLjc2NC40Mi0xLjYgMS4xODUtMS4xODRsLjI5Mi4xNTlhMS44NzMgMS44NzMgMCAwIDAgMi42OTItMS4xMTV6Ii8+Cjwvc3ZnPg==)}.cbb-icon--globe2 .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZ2xvYmUyIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0wIDhhOCA4IDAgMSAxIDE2IDBBOCA4IDAgMCAxIDAgOG03LjUtNi45MjNjLS42Ny4yMDQtMS4zMzUuODItMS44ODcgMS44NTVxLS4yMTUuNDAzLS4zOTUuODcyYy43MDUuMTU3IDEuNDcyLjI1NyAyLjI4Mi4yODd6TTQuMjQ5IDMuNTM5cS4yMTQtLjU3Ny40ODEtMS4wNzhhNyA3IDAgMCAxIC41OTctLjkzM0E3IDcgMCAwIDAgMy4wNTEgMy4wNXEuNTQ0LjI3NyAxLjE5OC40OXpNMy41MDkgNy41Yy4wMzYtMS4wNy4xODgtMi4wODcuNDM2LTMuMDA4YTkgOSAwIDAgMS0xLjU2NS0uNjY3QTYuOTYgNi45NiAwIDAgMCAxLjAxOCA3LjV6bTEuNC0yLjc0MWExMi4zIDEyLjMgMCAwIDAtLjQgMi43NDFINy41VjUuMDkxYy0uOTEtLjAzLTEuNzgzLS4xNDUtMi41OTEtLjMzMk04LjUgNS4wOVY3LjVoMi45OWExMi4zIDEyLjMgMCAwIDAtLjM5OS0yLjc0MWMtLjgwOC4xODctMS42ODEuMzAxLTIuNTkxLjMzMnpNNC41MSA4LjVjLjAzNS45ODcuMTc2IDEuOTE0LjM5OSAyLjc0MUExMy42IDEzLjYgMCAwIDEgNy41IDEwLjkxVjguNXptMy45OSAwdjIuNDA5Yy45MS4wMyAxLjc4My4xNDUgMi41OTEuMzMyLjIyMy0uODI3LjM2NC0xLjc1NC40LTIuNzQxem0tMy4yODIgMy42OTZxLjE4LjQ2OS4zOTUuODcyYy41NTIgMS4wMzUgMS4yMTggMS42NSAxLjg4NyAxLjg1NVYxMS45MWMtLjgxLjAzLTEuNTc3LjEzLTIuMjgyLjI4N3ptLjExIDIuMjc2YTcgNyAwIDAgMS0uNTk4LS45MzMgOSA5IDAgMCAxLS40ODEtMS4wNzkgOC40IDguNCAwIDAgMC0xLjE5OC40OSA3IDcgMCAwIDAgMi4yNzYgMS41MjJ6bS0xLjM4My0yLjk2NEExMy40IDEzLjQgMCAwIDEgMy41MDggOC41aC0yLjQ5YTYuOTYgNi45NiAwIDAgMCAxLjM2MiAzLjY3NWMuNDctLjI1OC45OTUtLjQ4MiAxLjU2NS0uNjY3bTYuNzI4IDIuOTY0YTcgNyAwIDAgMCAyLjI3NS0xLjUyMSA4LjQgOC40IDAgMCAwLTEuMTk3LS40OSA5IDkgMCAwIDEtLjQ4MSAxLjA3OCA3IDcgMCAwIDEtLjU5Ny45MzNNOC41IDExLjkwOXYzLjAxNGMuNjctLjIwNCAxLjMzNS0uODIgMS44ODctMS44NTVxLjIxNi0uNDAzLjM5NS0uODcyQTEyLjYgMTIuNiAwIDAgMCA4LjUgMTEuOTF6bTMuNTU1LS40MDFjLjU3LjE4NSAxLjA5NS40MDkgMS41NjUuNjY3QTYuOTYgNi45NiAwIDAgMCAxNC45ODIgOC41aC0yLjQ5YTEzLjQgMTMuNCAwIDAgMS0uNDM3IDMuMDA4TTE0Ljk4MiA3LjVhNi45NiA2Ljk2IDAgMCAwLTEuMzYyLTMuNjc1Yy0uNDcuMjU4LS45OTUuNDgyLTEuNTY1LjY2Ny4yNDguOTIuNCAxLjkzOC40MzcgMy4wMDh6TTExLjI3IDIuNDYxcS4yNjYuNTAyLjQ4MiAxLjA3OGE4LjQgOC40IDAgMCAwIDEuMTk2LS40OSA3IDcgMCAwIDAtMi4yNzUtMS41MmMuMjE4LjI4My40MTguNTk3LjU5Ny45MzJtLS40ODggMS4zNDNhOCA4IDAgMCAwLS4zOTUtLjg3MkM5LjgzNSAxLjg5NyA5LjE3IDEuMjgyIDguNSAxLjA3N1Y0LjA5Yy44MS0uMDMgMS41NzctLjEzIDIuMjgyLS4yODd6Ii8+Cjwvc3ZnPg==)}.cbb-icon--graph-down-arrow .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZ3JhcGgtZG93bi1hcnJvdyIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDBoMXYxNWgxNXYxSDB6bTEwIDExLjVhLjUuNSAwIDAgMCAuNS41aDRhLjUuNSAwIDAgMCAuNS0uNXYtNGEuNS41IDAgMCAwLTEgMHYyLjZsLTMuNjEzLTQuNDE3YS41LjUgMCAwIDAtLjc0LS4wMzdMNy4wNiA4LjIzMyAzLjQwNCAzLjIwNmEuNS41IDAgMCAwLS44MDguNTg4bDQgNS41YS41LjUgMCAwIDAgLjc1OC4wNmwyLjYwOS0yLjYxTDEzLjQ0NSAxMUgxMC41YS41LjUgMCAwIDAtLjUuNSIvPgo8L3N2Zz4=)}.cbb-icon--graph-up-arrow .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktZ3JhcGgtdXAtYXJyb3ciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAwaDF2MTVoMTV2MUgwem0xMCAzLjVhLjUuNSAwIDAgMSAuNS0uNWg0YS41LjUgMCAwIDEgLjUuNXY0YS41LjUgMCAwIDEtMSAwVjQuOWwtMy42MTMgNC40MTdhLjUuNSAwIDAgMS0uNzQuMDM3TDcuMDYgNi43NjdsLTMuNjU2IDUuMDI3YS41LjUgMCAwIDEtLjgwOC0uNTg4bDQtNS41YS41LjUgMCAwIDEgLjc1OC0uMDZsMi42MDkgMi42MUwxMy40NDUgNEgxMC41YS41LjUgMCAwIDEtLjUtLjUiLz4KPC9zdmc+)}.cbb-icon--hourglass .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaG91cmdsYXNzIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0yIDEuNWEuNS41IDAgMCAxIC41LS41aDExYS41LjUgMCAwIDEgMCAxaC0xdjFhNC41IDQuNSAwIDAgMS0yLjU1NyA0LjA2Yy0uMjkuMTM5LS40NDMuMzc3LS40NDMuNTl2LjdjMCAuMjEzLjE1NC40NTEuNDQzLjU5QTQuNSA0LjUgMCAwIDEgMTIuNSAxM3YxaDFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAxIDEgMC0xaDF2LTFhNC41IDQuNSAwIDAgMSAyLjU1Ny00LjA2Yy4yOS0uMTM5LjQ0My0uMzc3LjQ0My0uNTl2LS43YzAtLjIxMy0uMTU0LS40NTEtLjQ0My0uNTlBNC41IDQuNSAwIDAgMSAzLjUgM1YyaC0xYS41LjUgMCAwIDEtLjUtLjVtMi41LjV2MWEzLjUgMy41IDAgMCAwIDEuOTg5IDMuMTU4Yy41MzMuMjU2IDEuMDExLjc5MSAxLjAxMSAxLjQ5MXYuNzAyYzAgLjctLjQ3OCAxLjIzNS0xLjAxMSAxLjQ5MUEzLjUgMy41IDAgMCAwIDQuNSAxM3YxaDd2LTFhMy41IDMuNSAwIDAgMC0xLjk4OS0zLjE1OEM4Ljk3OCA5LjU4NiA4LjUgOS4wNTIgOC41IDguMzUxdi0uNzAyYzAtLjcuNDc4LTEuMjM1IDEuMDExLTEuNDkxQTMuNSAzLjUgMCAwIDAgMTEuNSAzVjJ6Ii8+Cjwvc3ZnPg==)}.cbb-icon--hourglass-bottom .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaG91cmdsYXNzLWJvdHRvbSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMiAxLjVhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMXYxYTQuNSA0LjUgMCAwIDEtMi41NTcgNC4wNmMtLjI5LjEzOS0uNDQzLjM3Ny0uNDQzLjU5di43YzAgLjIxMy4xNTQuNDUxLjQ0My41OUE0LjUgNC41IDAgMCAxIDEyLjUgMTN2MWgxYS41LjUgMCAwIDEgMCAxaC0xMWEuNS41IDAgMSAxIDAtMWgxdi0xYTQuNSA0LjUgMCAwIDEgMi41NTctNC4wNmMuMjktLjEzOS40NDMtLjM3Ny40NDMtLjU5di0uN2MwLS4yMTMtLjE1NC0uNDUxLS40NDMtLjU5QTQuNSA0LjUgMCAwIDEgMy41IDNWMmgtMWEuNS41IDAgMCAxLS41LS41bTIuNS41djFhMy41IDMuNSAwIDAgMCAxLjk4OSAzLjE1OGMuNTMzLjI1NiAxLjAxMS43OTEgMS4wMTEgMS40OTF2LjcwMnMuMTguMTQ5LjUuMTQ5LjUtLjE1LjUtLjE1di0uN2MwLS43MDEuNDc4LTEuMjM2IDEuMDExLTEuNDkyQTMuNSAzLjUgMCAwIDAgMTEuNSAzVjJ6Ii8+Cjwvc3ZnPg==)}.cbb-icon--hourglass-split .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaG91cmdsYXNzLXNwbGl0IiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0yLjUgMTVhLjUuNSAwIDEgMSAwLTFoMXYtMWE0LjUgNC41IDAgMCAxIDIuNTU3LTQuMDZjLjI5LS4xMzkuNDQzLS4zNzcuNDQzLS41OXYtLjdjMC0uMjEzLS4xNTQtLjQ1MS0uNDQzLS41OUE0LjUgNC41IDAgMCAxIDMuNSAzVjJoLTFhLjUuNSAwIDAgMSAwLTFoMTFhLjUuNSAwIDAgMSAwIDFoLTF2MWE0LjUgNC41IDAgMCAxLTIuNTU3IDQuMDZjLS4yOS4xMzktLjQ0My4zNzctLjQ0My41OXYuN2MwIC4yMTMuMTU0LjQ1MS40NDMuNTlBNC41IDQuNSAwIDAgMSAxMi41IDEzdjFoMWEuNS41IDAgMCAxIDAgMXptMi0xM3YxYzAgLjUzNy4xMiAxLjA0NS4zMzcgMS41aDYuMzI2Yy4yMTYtLjQ1NS4zMzctLjk2My4zMzctMS41VjJ6bTMgNi4zNWMwIC43MDEtLjQ3OCAxLjIzNi0xLjAxMSAxLjQ5MkEzLjUgMy41IDAgMCAwIDQuNSAxM3MuODY2LTEuMjk5IDMtMS40OHptMSAwdjMuMTdjMi4xMzQuMTgxIDMgMS40OCAzIDEuNDhhMy41IDMuNSAwIDAgMC0xLjk4OS0zLjE1OEM4Ljk3OCA5LjU4NiA4LjUgOS4wNTIgOC41IDguMzUxeiIvPgo8L3N2Zz4=)}.cbb-icon--hourglass-top .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktaG91cmdsYXNzLXRvcCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMiAxNC41YS41LjUgMCAwIDAgLjUuNWgxMWEuNS41IDAgMSAwIDAtMWgtMXYtMWE0LjUgNC41IDAgMCAwLTIuNTU3LTQuMDZjLS4yOS0uMTM5LS40NDMtLjM3Ny0uNDQzLS41OXYtLjdjMC0uMjEzLjE1NC0uNDUxLjQ0My0uNTlBNC41IDQuNSAwIDAgMCAxMi41IDNWMmgxYS41LjUgMCAwIDAgMC0xaC0xMWEuNS41IDAgMCAwIDAgMWgxdjFhNC41IDQuNSAwIDAgMCAyLjU1NyA0LjA2Yy4yOS4xMzkuNDQzLjM3Ny40NDMuNTl2LjdjMCAuMjEzLS4xNTQuNDUxLS40NDMuNTlBNC41IDQuNSAwIDAgMCAzLjUgMTN2MWgtMWEuNS41IDAgMCAwLS41LjVtMi41LS41di0xYTMuNSAzLjUgMCAwIDEgMS45ODktMy4xNThjLjUzMy0uMjU2IDEuMDExLS43OSAxLjAxMS0xLjQ5MXYtLjcwMnMuMTguMTAxLjUuMTAxLjUtLjEuNS0uMXYuN2MwIC43MDEuNDc4IDEuMjM2IDEuMDExIDEuNDkyQTMuNSAzLjUgMCAwIDEgMTEuNSAxM3YxeiIvPgo8L3N2Zz4=)}.cbb-icon--lightbulb .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktbGlnaHRidWxiIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0yIDZhNiA2IDAgMSAxIDEwLjE3NCA0LjMxYy0uMjAzLjE5Ni0uMzU5LjQtLjQ1My42MTlsLS43NjIgMS43NjlBLjUuNSAwIDAgMSAxMC41IDEzYS41LjUgMCAwIDEgMCAxIC41LjUgMCAwIDEgMCAxbC0uMjI0LjQ0N2ExIDEgMCAwIDEtLjg5NC41NTNINi42MThhMSAxIDAgMCAxLS44OTQtLjU1M0w1LjUgMTVhLjUuNSAwIDAgMSAwLTEgLjUuNSAwIDAgMSAwLTEgLjUuNSAwIDAgMS0uNDYtLjMwMmwtLjc2MS0xLjc3YTIgMiAwIDAgMC0uNDUzLS42MThBNS45OCA1Ljk4IDAgMCAxIDIgNm02LTVhNSA1IDAgMCAwLTMuNDc5IDguNTkyYy4yNjMuMjU0LjUxNC41NjQuNjc2Ljk0MUw1LjgzIDEyaDQuMzQybC42MzItMS40NjdjLjE2Mi0uMzc3LjQxMy0uNjg3LjY3Ni0uOTQxQTUgNSAwIDAgMCA4IDEiLz4KPC9zdmc+)}.cbb-icon--magic .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktbWFnaWMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTkuNSAyLjY3MmEuNS41IDAgMSAwIDEgMFYuODQzYS41LjUgMCAwIDAtMSAwem00LjUuMDM1QS41LjUgMCAwIDAgMTMuMjkzIDJMMTIgMy4yOTNhLjUuNSAwIDEgMCAuNzA3LjcwN3pNNy4yOTMgNEEuNS41IDAgMSAwIDggMy4yOTNMNi43MDcgMkEuNS41IDAgMCAwIDYgMi43MDd6bS0uNjIxIDIuNWEuNS41IDAgMSAwIDAtMUg0Ljg0M2EuNS41IDAgMSAwIDAgMXptOC40ODUgMGEuNS41IDAgMSAwIDAtMWgtMS44MjlhLjUuNSAwIDAgMCAwIDF6TTEzLjI5MyAxMEEuNS41IDAgMSAwIDE0IDkuMjkzTDEyLjcwNyA4YS41LjUgMCAxIDAtLjcwNy43MDd6TTkuNSAxMS4xNTdhLjUuNSAwIDAgMCAxIDBWOS4zMjhhLjUuNSAwIDAgMC0xIDB6bTEuODU0LTUuMDk3YS41LjUgMCAwIDAgMC0uNzA2bC0uNzA4LS43MDhhLjUuNSAwIDAgMC0uNzA3IDBMOC42NDYgNS45NGEuNS41IDAgMCAwIDAgLjcwN2wuNzA4LjcwOGEuNS41IDAgMCAwIC43MDcgMGwxLjI5My0xLjI5M1ptLTMgM2EuNS41IDAgMCAwIDAtLjcwNmwtLjcwOC0uNzA4YS41LjUgMCAwIDAtLjcwNyAwTC42NDYgMTMuOTRhLjUuNSAwIDAgMCAwIC43MDdsLjcwOC43MDhhLjUuNSAwIDAgMCAuNzA3IDB6Ii8+Cjwvc3ZnPg==)}.cbb-icon--moon-stars .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktbW9vbi1zdGFycyIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNNiAuMjc4YS43Ny43NyAwIDAgMSAuMDguODU4IDcuMiA3LjIgMCAwIDAtLjg3OCAzLjQ2YzAgNC4wMjEgMy4yNzggNy4yNzcgNy4zMTggNy4yNzdxLjc5Mi0uMDAxIDEuNTMzLS4xNmEuNzkuNzkgMCAwIDEgLjgxLjMxNi43My43MyAwIDAgMS0uMDMxLjg5M0E4LjM1IDguMzUgMCAwIDEgOC4zNDQgMTZDMy43MzQgMTYgMCAxMi4yODYgMCA3LjcxIDAgNC4yNjYgMi4xMTQgMS4zMTIgNS4xMjQuMDZBLjc1Ljc1IDAgMCAxIDYgLjI3OE00Ljg1OCAxLjMxMUE3LjI3IDcuMjcgMCAwIDAgMS4wMjUgNy43MWMwIDQuMDIgMy4yNzkgNy4yNzYgNy4zMTkgNy4yNzZhNy4zMiA3LjMyIDAgMCAwIDUuMjA1LTIuMTYycS0uNTA2LjA2My0xLjAyOS4wNjNjLTQuNjEgMC04LjM0My0zLjcxNC04LjM0My04LjI5IDAtMS4xNjcuMjQyLTIuMjc4LjY4MS0zLjI4NiIvPgogIDxwYXRoIGQ9Ik0xMC43OTQgMy4xNDhhLjIxNy4yMTcgMCAwIDEgLjQxMiAwbC4zODcgMS4xNjJjLjE3My41MTguNTc5LjkyNCAxLjA5NyAxLjA5N2wxLjE2Mi4zODdhLjIxNy4yMTcgMCAwIDEgMCAuNDEybC0xLjE2Mi4zODdhMS43MyAxLjczIDAgMCAwLTEuMDk3IDEuMDk3bC0uMzg3IDEuMTYyYS4yMTcuMjE3IDAgMCAxLS40MTIgMGwtLjM4Ny0xLjE2MkExLjczIDEuNzMgMCAwIDAgOS4zMSA2LjU5M2wtMS4xNjItLjM4N2EuMjE3LjIxNyAwIDAgMSAwLS40MTJsMS4xNjItLjM4N2ExLjczIDEuNzMgMCAwIDAgMS4wOTctMS4wOTd6TTEzLjg2My4wOTlhLjE0NS4xNDUgMCAwIDEgLjI3NCAwbC4yNTguNzc0Yy4xMTUuMzQ2LjM4Ni42MTcuNzMyLjczMmwuNzc0LjI1OGEuMTQ1LjE0NSAwIDAgMSAwIC4yNzRsLS43NzQuMjU4YTEuMTYgMS4xNiAwIDAgMC0uNzMyLjczMmwtLjI1OC43NzRhLjE0NS4xNDUgMCAwIDEtLjI3NCAwbC0uMjU4LS43NzRhMS4xNiAxLjE2IDAgMCAwLS43MzItLjczMmwtLjc3NC0uMjU4YS4xNDUuMTQ1IDAgMCAxIDAtLjI3NGwuNzc0LS4yNThjLjM0Ni0uMTE1LjYxNy0uMzg2LjczMi0uNzMyeiIvPgo8L3N2Zz4=)}.cbb-icon--people-fill .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGVvcGxlLWZpbGwiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTcgMTRzLTEgMC0xLTEgMS00IDUtNCA1IDMgNSA0LTEgMS0xIDF6bTQtNmEzIDMgMCAxIDAgMC02IDMgMyAwIDAgMCAwIDZtLTUuNzg0IDZBMi4yNCAyLjI0IDAgMCAxIDUgMTNjMC0xLjM1NS42OC0yLjc1IDEuOTM2LTMuNzJBNi4zIDYuMyAwIDAgMCA1IDljLTQgMC01IDMtNSA0czEgMSAxIDF6TTQuNSA4YTIuNSAyLjUgMCAxIDAgMC01IDIuNSAyLjUgMCAwIDAgMCA1Ii8+Cjwvc3ZnPg==)}.cbb-icon--person-circle .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcGVyc29uLWNpcmNsZSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMTEgNmEzIDMgMCAxIDEtNiAwIDMgMyAwIDAgMSA2IDAiLz4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDhhOCA4IDAgMSAxIDE2IDBBOCA4IDAgMCAxIDAgOG04LTdhNyA3IDAgMCAwLTUuNDY4IDExLjM3QzMuMjQyIDExLjIyNiA0LjgwNSAxMCA4IDEwczQuNzU3IDEuMjI1IDUuNDY4IDIuMzdBNyA3IDAgMCAwIDggMSIvPgo8L3N2Zz4=)}.cbb-icon--quote .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcXVvdGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEyIDEyYTEgMSAwIDAgMCAxLTFWOC41NThhMSAxIDAgMCAwLTEtMWgtMS4zODhxMC0uNTI3LjA2Mi0xLjA1NC4wOTMtLjU1OC4zMS0uOTkydC41NTktLjY4M3EuMzQtLjI3OS44NjgtLjI3OVYzcS0uODY4IDAtMS41Mi4zNzJhMy4zIDMuMyAwIDAgMC0xLjA4NS45OTIgNC45IDQuOSAwIDAgMC0uNjIgMS40NThBNy43IDcuNyAwIDAgMCA5IDcuNTU4VjExYTEgMSAwIDAgMCAxIDF6bS02IDBhMSAxIDAgMCAwIDEtMVY4LjU1OGExIDEgMCAwIDAtMS0xSDQuNjEycTAtLjUyNy4wNjItMS4wNTQuMDk0LS41NTguMzEtLjk5Mi4yMTctLjQzNC41NTktLjY4My4zNC0uMjc5Ljg2OC0uMjc5VjNxLS44NjggMC0xLjUyLjM3MmEzLjMgMy4zIDAgMCAwLTEuMDg1Ljk5MiA0LjkgNC45IDAgMCAwLS42MiAxLjQ1OEE3LjcgNy43IDAgMCAwIDMgNy41NThWMTFhMSAxIDAgMCAwIDEgMXoiLz4KPC9zdmc+)}.cbb-icon--robot .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcm9ib3QiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTYgMTIuNWEuNS41IDAgMCAxIC41LS41aDNhLjUuNSAwIDAgMSAwIDFoLTNhLjUuNSAwIDAgMS0uNS0uNU0zIDguMDYyQzMgNi43NiA0LjIzNSA1Ljc2NSA1LjUzIDUuODg2YTI2LjYgMjYuNiAwIDAgMCA0Ljk0IDBDMTEuNzY1IDUuNzY1IDEzIDYuNzYgMTMgOC4wNjJ2MS4xNTdhLjkzLjkzIDAgMCAxLS43NjUuOTM1Yy0uODQ1LjE0Ny0yLjM0LjM0Ni00LjIzNS4zNDZzLTMuMzktLjItNC4yMzUtLjM0NkEuOTMuOTMgMCAwIDEgMyA5LjIxOXptNC41NDItLjgyN2EuMjUuMjUgMCAwIDAtLjIxNy4wNjhsLS45Mi45YTI1IDI1IDAgMCAxLTEuODcxLS4xODMuMjUuMjUgMCAwIDAtLjA2OC40OTVjLjU1LjA3NiAxLjIzMi4xNDkgMi4wMi4xOTNhLjI1LjI1IDAgMCAwIC4xODktLjA3MWwuNzU0LS43MzYuODQ3IDEuNzFhLjI1LjI1IDAgMCAwIC40MDQuMDYybC45MzItLjk3YTI1IDI1IDAgMCAwIDEuOTIyLS4xODguMjUuMjUgMCAwIDAtLjA2OC0uNDk1Yy0uNTM4LjA3NC0xLjIwNy4xNDUtMS45OC4xODlhLjI1LjI1IDAgMCAwLS4xNjYuMDc2bC0uNzU0Ljc4NS0uODQyLTEuN2EuMjUuMjUgMCAwIDAtLjE4Mi0uMTM1Ii8+CiAgPHBhdGggZD0iTTguNSAxLjg2NmExIDEgMCAxIDAtMSAwVjNoLTJBNC41IDQuNSAwIDAgMCAxIDcuNVY4YTEgMSAwIDAgMC0xIDF2MmExIDEgMCAwIDAgMSAxdjFhMiAyIDAgMCAwIDIgMmgxMGEyIDIgMCAwIDAgMi0ydi0xYTEgMSAwIDAgMCAxLTFWOWExIDEgMCAwIDAtMS0xdi0uNUE0LjUgNC41IDAgMCAwIDEwLjUgM2gtMnpNMTQgNy41VjEzYTEgMSAwIDAgMS0xIDFIM2ExIDEgMCAwIDEtMS0xVjcuNUEzLjUgMy41IDAgMCAxIDUuNSA0aDVBMy41IDMuNSAwIDAgMSAxNCA3LjUiLz4KPC9zdmc+)}.cbb-icon--rocket-takeoff .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcm9ja2V0LXRha2VvZmYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTkuNzUyIDYuMTkzYy41OTkuNiAxLjczLjQzNyAyLjUyOC0uMzYycy45Ni0xLjkzMi4zNjItMi41MzFjLS41OTktLjYtMS43My0uNDM4LTIuNTI4LjM2MS0uNzk4LjgtLjk2IDEuOTMzLS4zNjIgMi41MzIiLz4KICA8cGF0aCBkPSJNMTUuODExIDMuMzEyYy0uMzYzIDEuNTM0LTEuMzM0IDMuNjI2LTMuNjQgNi4yMThsLS4yNCAyLjQwOGEyLjU2IDIuNTYgMCAwIDEtLjczMiAxLjUyNkw4LjgxNyAxNS44NWEuNTEuNTEgMCAwIDEtLjg2Ny0uNDM0bC4yNy0xLjg5OWMuMDQtLjI4LS4wMTMtLjU5My0uMTMxLS45NTZhOSA5IDAgMCAwLS4yNDktLjY1N2wtLjA4Mi0uMjAyYy0uODE1LS4xOTctMS41NzgtLjY2Mi0yLjE5MS0xLjI3Ny0uNjE0LS42MTUtMS4wNzktMS4zNzktMS4yNzUtMi4xOTVsLS4yMDMtLjA4M2ExMCAxMCAwIDAgMC0uNjU1LS4yNDhjLS4zNjMtLjExOS0uNjc1LS4xNzItLjk1NS0uMTMybC0xLjg5Ni4yN0EuNTEuNTEgMCAwIDEgLjE1IDcuMTdsMi4zODItMi4zODZjLjQxLS40MS45NDctLjY3IDEuNTI0LS43MzRoLjAwNmwyLjQtLjIzOEM5LjAwNSAxLjU1IDExLjA4Ny41ODIgMTIuNjIzLjIwOGMuODktLjIxNyAxLjU5LS4yMzIgMi4wOC0uMTg4LjI0NC4wMjMuNDM1LjA2LjU3LjA5M3EuMS4wMjYuMTYuMDQ1Yy4xODQuMDYuMjc5LjEzLjM1MS4yOTVsLjAyOS4wNzNhMy41IDMuNSAwIDAgMSAuMTU3LjcyMWMuMDU1LjQ4NS4wNTEgMS4xNzgtLjE1OSAyLjA2NW0tNC44MjggNy40NzUuMDQtLjA0LS4xMDcgMS4wODFhMS41NCAxLjU0IDAgMCAxLS40NC45MTNsLTEuMjk4IDEuMy4wNTQtLjM4Yy4wNzItLjUwNi0uMDM0LS45OTMtLjE3Mi0xLjQxOGE5IDkgMCAwIDAtLjE2NC0uNDVjLjczOC0uMDY1IDEuNDYyLS4zOCAyLjA4Ny0xLjAwNk01LjIwNSA1Yy0uNjI1LjYyNi0uOTQgMS4zNTEtMS4wMDQgMi4wOWE5IDkgMCAwIDAtLjQ1LS4xNjRjLS40MjQtLjEzOC0uOTEtLjI0NC0xLjQxNi0uMTcybC0uMzguMDU0IDEuMy0xLjNjLjI0NS0uMjQ2LjU2Ni0uNDAxLjkxLS40NGwxLjA4LS4xMDd6bTkuNDA2LTMuOTYxYy0uMzgtLjAzNC0uOTY3LS4wMjctMS43NDYuMTYzLTEuNTU4LjM4LTMuOTE3IDEuNDk2LTYuOTM3IDQuNTIxLS42Mi42Mi0uNzk5IDEuMzQtLjY4NyAyLjA1MS4xMDcuNjc2LjQ4MyAxLjM2MiAxLjA0OCAxLjkyOC41NjQuNTY1IDEuMjUuOTQxIDEuOTI0IDEuMDQ5LjcxLjExMiAxLjQyOS0uMDY3IDIuMDQ4LS42ODggMy4wNzktMy4wODMgNC4xOTItNS40NDQgNC41NTYtNi45ODcuMTgzLS43NzEuMTgtMS4zNDUuMTM4LTEuNzEzYTMgMyAwIDAgMC0uMDQ1LS4yODMgMyAzIDAgMCAwLS4zLS4wNDFaIi8+CiAgPHBhdGggZD0iTTcuMDA5IDEyLjEzOWE3LjYgNy42IDAgMCAxLTEuODA0LTEuMzUyQTcuNiA3LjYgMCAwIDEgMy43OTQgOC44NmMtMS4xMDIuOTkyLTEuOTY1IDUuMDU0LTEuODM5IDUuMTguMTI1LjEyNiAzLjkzNi0uODk2IDUuMDU0LTEuOTAyWiIvPgo8L3N2Zz4=)}.cbb-icon--star .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc3RhciIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMi44NjYgMTQuODVjLS4wNzguNDQ0LjM2Ljc5MS43NDYuNTkzbDQuMzktMi4yNTYgNC4zODkgMi4yNTZjLjM4Ni4xOTguODI0LS4xNDkuNzQ2LS41OTJsLS44My00LjczIDMuNTIyLTMuMzU2Yy4zMy0uMzE0LjE2LS44ODgtLjI4Mi0uOTVsLTQuODk4LS42OTZMOC40NjUuNzkyYS41MTMuNTEzIDAgMCAwLS45MjcgMEw1LjM1NCA1LjEybC00Ljg5OC42OTZjLS40NDEuMDYyLS42MTIuNjM2LS4yODMuOTVsMy41MjMgMy4zNTYtLjgzIDQuNzN6bTQuOTA1LTIuNzY3LTMuNjg2IDEuODk0LjY5NC0zLjk1N2EuNTYuNTYgMCAwIDAtLjE2My0uNTA1TDEuNzEgNi43NDVsNC4wNTItLjU3NmEuNTMuNTMgMCAwIDAgLjM5My0uMjg4TDggMi4yMjNsMS44NDcgMy42NThhLjUzLjUzIDAgMCAwIC4zOTMuMjg4bDQuMDUyLjU3NS0yLjkwNiAyLjc3YS41Ni41NiAwIDAgMC0uMTYzLjUwNmwuNjk0IDMuOTU3LTMuNjg2LTEuODk0YS41LjUgMCAwIDAtLjQ2MSAweiIvPgo8L3N2Zz4=)}.cbb-icon--stars .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc3RhcnMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTcuNjU3IDYuMjQ3Yy4xMS0uMzMuNTc2LS4zMy42ODYgMGwuNjQ1IDEuOTM3YTIuODkgMi44OSAwIDAgMCAxLjgyOSAxLjgyOGwxLjkzNi42NDVjLjMzLjExLjMzLjU3NiAwIC42ODZsLTEuOTM3LjY0NWEyLjg5IDIuODkgMCAwIDAtMS44MjggMS44MjlsLS42NDUgMS45MzZhLjM2MS4zNjEgMCAwIDEtLjY4NiAwbC0uNjQ1LTEuOTM3YTIuODkgMi44OSAwIDAgMC0xLjgyOC0xLjgyOGwtMS45MzctLjY0NWEuMzYxLjM2MSAwIDAgMSAwLS42ODZsMS45MzctLjY0NWEyLjg5IDIuODkgMCAwIDAgMS44MjgtMS44Mjh6TTMuNzk0IDEuMTQ4YS4yMTcuMjE3IDAgMCAxIC40MTIgMGwuMzg3IDEuMTYyYy4xNzMuNTE4LjU3OS45MjQgMS4wOTcgMS4wOTdsMS4xNjIuMzg3YS4yMTcuMjE3IDAgMCAxIDAgLjQxMmwtMS4xNjIuMzg3QTEuNzMgMS43MyAwIDAgMCA0LjU5MyA1LjY5bC0uMzg3IDEuMTYyYS4yMTcuMjE3IDAgMCAxLS40MTIgMEwzLjQwNyA1LjY5QTEuNzMgMS43MyAwIDAgMCAyLjMxIDQuNTkzbC0xLjE2Mi0uMzg3YS4yMTcuMjE3IDAgMCAxIDAtLjQxMmwxLjE2Mi0uMzg3QTEuNzMgMS43MyAwIDAgMCAzLjQwNyAyLjMxek0xMC44NjMuMDk5YS4xNDUuMTQ1IDAgMCAxIC4yNzQgMGwuMjU4Ljc3NGMuMTE1LjM0Ni4zODYuNjE3LjczMi43MzJsLjc3NC4yNThhLjE0NS4xNDUgMCAwIDEgMCAuMjc0bC0uNzc0LjI1OGExLjE2IDEuMTYgMCAwIDAtLjczMi43MzJsLS4yNTguNzc0YS4xNDUuMTQ1IDAgMCAxLS4yNzQgMGwtLjI1OC0uNzc0YTEuMTYgMS4xNiAwIDAgMC0uNzMyLS43MzJMOS4xIDIuMTM3YS4xNDUuMTQ1IDAgMCAxIDAtLjI3NGwuNzc0LS4yNThjLjM0Ni0uMTE1LjYxNy0uMzg2LjczMi0uNzMyeiIvPgo8L3N2Zz4=)}.cbb-icon--stickies .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc3RpY2tpZXMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEuNSAwQTEuNSAxLjUgMCAwIDAgMCAxLjVWMTNhMSAxIDAgMCAwIDEgMVYxLjVhLjUuNSAwIDAgMSAuNS0uNUgxNGExIDEgMCAwIDAtMS0xeiIvPgogIDxwYXRoIGQ9Ik0zLjUgMkExLjUgMS41IDAgMCAwIDIgMy41djExQTEuNSAxLjUgMCAwIDAgMy41IDE2aDYuMDg2YTEuNSAxLjUgMCAwIDAgMS4wNi0uNDRsNC45MTUtNC45MTRBMS41IDEuNSAwIDAgMCAxNiA5LjU4NlYzLjVBMS41IDEuNSAwIDAgMCAxNC41IDJ6TTMgMy41YS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAuNS41VjloLTQuNUExLjUgMS41IDAgMCAwIDkgMTAuNVYxNUgzLjVhLjUuNSAwIDAgMS0uNS0uNXptNyAxMS4yOTNWMTAuNWEuNS41IDAgMCAxIC41LS41aDQuMjkzeiIvPgo8L3N2Zz4=)}.cbb-icon--tools .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdG9vbHMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEgMCAwIDFsMi4yIDMuMDgxYTEgMSAwIDAgMCAuODE1LjQxOWguMDdhMSAxIDAgMCAxIC43MDguMjkzbDIuNjc1IDIuNjc1LTIuNjE3IDIuNjU0QTMuMDAzIDMuMDAzIDAgMCAwIDAgMTNhMyAzIDAgMSAwIDUuODc4LS44NTFsMi42NTQtMi42MTcuOTY4Ljk2OC0uMzA1LjkxNGExIDEgMCAwIDAgLjI0MiAxLjAyM2wzLjI3IDMuMjdhLjk5Ny45OTcgMCAwIDAgMS40MTQgMGwxLjU4Ni0xLjU4NmEuOTk3Ljk5NyAwIDAgMCAwLTEuNDE0bC0zLjI3LTMuMjdhMSAxIDAgMCAwLTEuMDIzLS4yNDJMMTAuNSA5LjVsLS45Ni0uOTYgMi42OC0yLjY0M0EzLjAwNSAzLjAwNSAwIDAgMCAxNiAzcTAtLjQwNS0uMTAyLS43NzdsLTIuMTQgMi4xNDFMMTIgNGwtLjM2NC0xLjc1N0wxMy43NzcuMTAyYTMgMyAwIDAgMC0zLjY3NSAzLjY4TDcuNDYyIDYuNDYgNC43OTMgMy43OTNhMSAxIDAgMCAxLS4yOTMtLjcwN3YtLjA3MWExIDEgMCAwIDAtLjQxOS0uODE0em05LjY0NiAxMC42NDZhLjUuNSAwIDAgMSAuNzA4IDBsMi45MTQgMi45MTVhLjUuNSAwIDAgMS0uNzA3LjcwN2wtMi45MTUtMi45MTRhLjUuNSAwIDAgMSAwLS43MDhNMyAxMWwuNDcxLjI0Mi41MjkuMDI2LjI4Ny40NDUuNDQ1LjI4Ny4wMjYuNTI5TDUgMTNsLS4yNDIuNDcxLS4wMjYuNTI5LS40NDUuMjg3LS4yODcuNDQ1LS41MjkuMDI2TDMgMTVsLS40NzEtLjI0MkwyIDE0LjczMmwtLjI4Ny0uNDQ1TDEuMjY4IDE0bC0uMDI2LS41MjlMMSAxM2wuMjQyLS40NzEuMDI2LS41MjkuNDQ1LS4yODcuMjg3LS40NDUuNTI5LS4wMjZ6Ii8+Cjwvc3ZnPg==)}.cbb-icon--ui-checks-grid .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdWktY2hlY2tzLWdyaWQiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTIgMTBoM2ExIDEgMCAwIDEgMSAxdjNhMSAxIDAgMCAxLTEgMUgyYTEgMSAwIDAgMS0xLTF2LTNhMSAxIDAgMCAxIDEtMW05LTloM2ExIDEgMCAwIDEgMSAxdjNhMSAxIDAgMCAxLTEgMWgtM2ExIDEgMCAwIDEtMS0xVjJhMSAxIDAgMCAxIDEtMW0wIDlhMSAxIDAgMCAwLTEgMXYzYTEgMSAwIDAgMCAxIDFoM2ExIDEgMCAwIDAgMS0xdi0zYTEgMSAwIDAgMC0xLTF6bTAtMTBhMiAyIDAgMCAwLTIgMnYzYTIgMiAwIDAgMCAyIDJoM2EyIDIgMCAwIDAgMi0yVjJhMiAyIDAgMCAwLTItMnpNMiA5YTIgMiAwIDAgMC0yIDJ2M2EyIDIgMCAwIDAgMiAyaDNhMiAyIDAgMCAwIDItMnYtM2EyIDIgMCAwIDAtMi0yem03IDJhMiAyIDAgMCAxIDItMmgzYTIgMiAwIDAgMSAyIDJ2M2EyIDIgMCAwIDEtMiAyaC0zYTIgMiAwIDAgMS0yLTJ6TTAgMmEyIDIgMCAwIDEgMi0yaDNhMiAyIDAgMCAxIDIgMnYzYTIgMiAwIDAgMS0yIDJIMmEyIDIgMCAwIDEtMi0yem01LjM1NC44NTRhLjUuNSAwIDEgMC0uNzA4LS43MDhMMyAzLjc5M2wtLjY0Ni0uNjQ3YS41LjUgMCAxIDAtLjcwOC43MDhsMSAxYS41LjUgMCAwIDAgLjcwOCAweiIvPgo8L3N2Zz4=)}.cbb-icon--ui-checks .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdWktY2hlY2tzIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik03IDIuNWEuNS41IDAgMCAxIC41LS41aDdhLjUuNSAwIDAgMSAuNS41djFhLjUuNSAwIDAgMS0uNS41aC03YS41LjUgMCAwIDEtLjUtLjV6TTIgMWEyIDIgMCAwIDAtMiAydjJhMiAyIDAgMCAwIDIgMmgyYTIgMiAwIDAgMCAyLTJWM2EyIDIgMCAwIDAtMi0yem0wIDhhMiAyIDAgMCAwLTIgMnYyYTIgMiAwIDAgMCAyIDJoMmEyIDIgMCAwIDAgMi0ydi0yYTIgMiAwIDAgMC0yLTJ6bS44NTQtMy42NDZhLjUuNSAwIDAgMS0uNzA4IDBsLTEtMWEuNS41IDAgMSAxIC43MDgtLjcwOGwuNjQ2LjY0NyAxLjY0Ni0xLjY0N2EuNS41IDAgMSAxIC43MDguNzA4em0wIDhhLjUuNSAwIDAgMS0uNzA4IDBsLTEtMWEuNS41IDAgMCAxIC43MDgtLjcwOGwuNjQ2LjY0NyAxLjY0Ni0xLjY0N2EuNS41IDAgMCAxIC43MDguNzA4ek03IDEwLjVhLjUuNSAwIDAgMSAuNS0uNWg3YS41LjUgMCAwIDEgLjUuNXYxYS41LjUgMCAwIDEtLjUuNWgtN2EuNS41IDAgMCAxLS41LS41em0wLTVhLjUuNSAwIDAgMSAuNS0uNWg1YS41LjUgMCAwIDEgMCAxaC01YS41LjUgMCAwIDEtLjUtLjVtMCA4YS41LjUgMCAwIDEgLjUtLjVoNWEuNS41IDAgMCAxIDAgMWgtNWEuNS41IDAgMCAxLS41LS41Ii8+Cjwvc3ZnPg==)}.cbb-icon--umbrella-fill .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdW1icmVsbGEtZmlsbCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDBhLjUuNSAwIDAgMSAuNS41di41MTRDMTIuNjI1IDEuMjM4IDE2IDQuMjIgMTYgOGMwIDAgMCAuNS0uNS41LS4xNDkgMC0uMzUyLS4xNDUtLjM1Mi0uMTQ1bC0uMDA0LS4wMDQtLjAyNS0uMDIzYTMuNSAzLjUgMCAwIDAtLjU1NS0uMzk0QTMuMTcgMy4xNyAwIDAgMCAxMyA3LjVjLS42MzggMC0xLjE3OC4yMTMtMS41NjQuNDM0YTMuNSAzLjUgMCAwIDAtLjU1NS4zOTRsLS4wMjUuMDIzLS4wMDMuMDAzcy0uMjA0LjE0Ni0uMzUzLjE0Ni0uMzUyLS4xNDUtLjM1Mi0uMTQ1bC0uMDA0LS4wMDQtLjAyNS0uMDIzYTMuNSAzLjUgMCAwIDAtLjU1NS0uMzk0IDMuMyAzLjMgMCAwIDAtMS4wNjQtLjM5VjEzLjVIOGguNXYuMDM5bC0uMDA1LjA4M2EzIDMgMCAwIDEtLjI5OCAxLjEwMiAyLjI2IDIuMjYgMCAwIDEtLjc2My44OEM3LjA2IDE1Ljg1MSA2LjU4NyAxNiA2IDE2cy0xLjA2MS0uMTQ4LTEuNDM0LS4zOTZhMi4yNiAyLjI2IDAgMCAxLS43NjMtLjg4IDMgMyAwIDAgMS0uMzAyLTEuMTg1di0uMDI1bC0uMDAxLS4wMDl2LS4wMDNzMC0uMDAyLjUtLjAwMmgtLjVWMTNhLjUuNSAwIDAgMSAxIDB2LjUwNmwuMDAzLjA0NGEyIDIgMCAwIDAgLjE5NS43MjZjLjA5NS4xOTEuMjMuMzY3LjQyMy40OTUuMTkuMTI3LjQ2Ni4yMjkuODc5LjIyOXMuNjg5LS4xMDIuODc5LS4yMjljLjE5My0uMTI4LjMyOC0uMzA0LjQyNC0uNDk1YTIgMiAwIDAgMCAuMTk3LS43N1Y3LjU0NGEzLjMgMy4zIDAgMCAwLTEuMDY0LjM5IDMuNSAzLjUgMCAwIDAtLjU4LjQxN2wtLjAwNC4wMDRTNS42NSA4LjUgNS41IDguNXMtLjM1Mi0uMTQ1LS4zNTItLjE0NWwtLjAwNC0uMDA0YTMuNSAzLjUgMCAwIDAtLjU4LS40MTdBMy4xNyAzLjE3IDAgMCAwIDMgNy41Yy0uNjM4IDAtMS4xNzcuMjEzLTEuNTY0LjQzNGEzLjUgMy41IDAgMCAwLS41OC40MTdsLS4wMDQuMDA0Uy42NSA4LjUuNSA4LjVDMCA4LjUgMCA4IDAgOGMwLTMuNzggMy4zNzUtNi43NjIgNy41LTYuOTg2Vi41QS41LjUgMCAwIDEgOCAwIi8+Cjwvc3ZnPg==)}.cbb-icon--watch .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd2F0Y2giIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTguNSA1YS41LjUgMCAwIDAtMSAwdjIuNUg2YS41LjUgMCAwIDAgMCAxaDJhLjUuNSAwIDAgMCAuNS0uNXoiLz4KICA8cGF0aCBkPSJNNS42NjcgMTZDNC43NDcgMTYgNCAxNS4yNTQgNCAxNC4zMzN2LTEuODZBNiA2IDAgMCAxIDIgOGMwLTEuNzc3Ljc3Mi0zLjM3NCAyLTQuNDcyVjEuNjY3QzQgLjc0NyA0Ljc0NiAwIDUuNjY3IDBoNC42NjZDMTEuMjUzIDAgMTIgLjc0NiAxMiAxLjY2N3YxLjg2YTYgNiAwIDAgMSAxLjkxOCAzLjQ4LjUwMi41MDIgMCAwIDEgLjU4Mi40OTN2MWEuNS41IDAgMCAxLS41ODIuNDkzQTYgNiAwIDAgMSAxMiAxMi40NzN2MS44NmMwIC45Mi0uNzQ2IDEuNjY3LTEuNjY3IDEuNjY3ek0xMyA4QTUgNSAwIDEgMCAzIDhhNSA1IDAgMCAwIDEwIDAiLz4KPC9zdmc+)}.cbb-icon--wind .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd2luZCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMTIuNSAyQTIuNSAyLjUgMCAwIDAgMTAgNC41YS41LjUgMCAwIDEtMSAwQTMuNSAzLjUgMCAxIDEgMTIuNSA4SC41YS41LjUgMCAwIDEgMC0xaDEyYTIuNSAyLjUgMCAwIDAgMC01bS03IDFhMSAxIDAgMCAwLTEgMSAuNS41IDAgMCAxLTEgMCAyIDIgMCAxIDEgMiAyaC01YS41LjUgMCAwIDEgMC0xaDVhMSAxIDAgMCAwIDAtMk0wIDkuNUEuNS41IDAgMCAxIC41IDloMTAuMDQyYTMgMyAwIDEgMS0zIDMgLjUuNSAwIDAgMSAxIDAgMiAyIDAgMSAwIDItMkguNWEuNS41IDAgMCAxLS41LS41Ii8+Cjwvc3ZnPg==)}.cbb-icon--wrench .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd3JlbmNoIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0uMTAyIDIuMjIzQTMuMDA0IDMuMDA0IDAgMCAwIDMuNzggNS44OTdsNi4zNDEgNi4yNTJBMy4wMDMgMy4wMDMgMCAwIDAgMTMgMTZhMyAzIDAgMSAwLS44NTEtNS44NzhMNS44OTcgMy43ODFBMy4wMDQgMy4wMDQgMCAwIDAgMi4yMjMuMWwyLjE0MSAyLjE0Mkw0IDRsLTEuNzU3LjM2NHptMTMuMzcgOS4wMTkuNTI4LjAyNi4yODcuNDQ1LjQ0NS4yODcuMDI2LjUyOUwxNSAxM2wtLjI0Mi40NzEtLjAyNi41MjktLjQ0NS4yODctLjI4Ny40NDUtLjUyOS4wMjZMMTMgMTVsLS40NzEtLjI0Mi0uNTI5LS4wMjYtLjI4Ny0uNDQ1LS40NDUtLjI4Ny0uMDI2LS41MjlMMTEgMTNsLjI0Mi0uNDcxLjAyNi0uNTI5LjQ0NS0uMjg3LjI4Ny0uNDQ1LjUyOS0uMDI2TDEzIDExeiIvPgo8L3N2Zz4=)}.cbb-icon--wrench-adjustable .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd3JlbmNoLWFkanVzdGFibGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTE2IDQuNWE0LjUgNC41IDAgMCAxLTEuNzAzIDMuNTI2TDEzIDVsMi45NTktMS4xMXEuMDQuMy4wNDEuNjEiLz4KICA8cGF0aCBkPSJNMTEuNSA5Yy42NTMgMCAxLjI3My0uMTM5IDEuODMzLS4zOUwxMiA1LjUgMTEgM2wzLjgyNi0xLjUzQTQuNSA0LjUgMCAwIDAgNy4yOSA2LjA5MmwtNi4xMTYgNS4wOTZhMi41ODMgMi41ODMgMCAxIDAgMy42MzggMy42MzhMOS45MDggOC43MUE0LjUgNC41IDAgMCAwIDExLjUgOW0tMS4yOTItNC4zNjEtLjU5Ni44OTMuODA5LS4yN2EuMjUuMjUgMCAwIDEgLjI4Ny4zNzdsLS41OTYuODkzLjgwOS0uMjcuMTU4LjQ3NS0xLjUuNWEuMjUuMjUgMCAwIDEtLjI4Ny0uMzc2bC41OTYtLjg5My0uODA5LjI3YS4yNS4yNSAwIDAgMS0uMjg3LS4zNzdsLjU5Ni0uODkzLS44MDkuMjctLjE1OC0uNDc1IDEuNS0uNWEuMjUuMjUgMCAwIDEgLjI4Ny4zNzZNMyAxNGExIDEgMCAxIDEgMC0yIDEgMSAwIDAgMSAwIDIiLz4KPC9zdmc+)}.cbb-icon--wrench-adjustable-circle .cbb-icon__icon-container:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktd3JlbmNoLWFkanVzdGFibGUtY2lyY2xlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0xMi40OTYgOGE0LjUgNC41IDAgMCAxLTEuNzAzIDMuNTI2TDkuNDk3IDguNWwyLjk1OS0xLjExcS4wNC4zLjA0LjYxIi8+CiAgPHBhdGggZD0iTTE2IDhBOCA4IDAgMSAxIDAgOGE4IDggMCAwIDEgMTYgMG0tMSAwYTcgNyAwIDEgMC0xMy4yMDIgMy4yNDlsMS45ODgtMS42NTdhNC41IDQuNSAwIDAgMSA3LjUzNy00LjYyM0w3LjQ5NyA2LjVsMSAyLjUgMS4zMzMgMy4xMWMtLjU2LjI1MS0xLjE4LjM5LTEuODMzLjM5YTQuNSA0LjUgMCAwIDEtMS41OTItLjI5TDQuNzQ3IDE0LjJBNyA3IDAgMCAwIDE1IDhtLTguMjk1LjEzOWEuMjUuMjUgMCAwIDAtLjI4OC0uMzc2bC0xLjUuNS4xNTkuNDc0LjgwOC0uMjctLjU5NS44OTRhLjI1LjI1IDAgMCAwIC4yODcuMzc2bC44MDgtLjI3LS41OTUuODk0YS4yNS4yNSAwIDAgMCAuMjg3LjM3NmwxLjUtLjUtLjE1OS0uNDc0LS44MDguMjcuNTk2LS44OTRhLjI1LjI1IDAgMCAwLS4yODgtLjM3NmwtLjgwOC4yN3oiLz4KPC9zdmc+)}html[data-theme=dark] .cbb-icon__icon-container:before{filter:drop-shadow(var(--cbb-icon-size,30px) 0 var(--cbb-icon-dark-color,#fff))}

  • caledros-basic-blocks/trunk/build/blocks/mobile-menu-container/block.json

    r3312222 r3335584  
    143143      "type": "boolean",
    144144      "default": false
     145    },
     146    "stickyNavBoxShadow": {
     147      "type": "object",
     148      "default": {
     149        "enabled": false,
     150        "hOffset": "10px",
     151        "vOffset": "10px",
     152        "blur": "0px",
     153        "spread": "0px",
     154        "lightColor": "#000",
     155        "darkColor": "#f4f4f4",
     156        "style": ""
     157      }
    145158    }
    146159  },

  • caledros-basic-blocks/trunk/build/blocks/mobile-menu-container/index.asset.php

    r3321999 r3335584  
    1 <?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n'), 'version' => '3d992c9cb6e8034b6962');
     1<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n'), 'version' => 'b713fe408f799b0be831');

  • caledros-basic-blocks/trunk/build/blocks/mobile-menu-container/index.js

    r3321999 r3335584  
    1 (()=>{"use strict";var e,t={698:()=>{const e=window.wp.blocks,t=JSON.parse('{"UU":"caledros-basic-blocks/mobile-menu-container"}'),a=window.wp.i18n,o=window.ReactJSXRuntime,l={icon:(0,o.jsx)("svg",{width:"24",height:"24",version:"1.1",viewBox:"0 0 6.35 6.35",xmlns:"http://www.w3.org/2000/svg",children:(0,o.jsx)("g",{transform:"translate(-96.573 -101.07)",children:(0,o.jsxs)("g",{transform:"matrix(.087396 0 0 .087396 90.571 91.268)",children:[(0,o.jsx)("path",{d:"m141.33 148.5a36.329 36.329 0 0 1-36.329 36.329 36.329 36.329 0 0 1-36.329-36.329 36.329 36.329 0 0 1 36.329-36.329 36.329 36.329 0 0 1 36.329 36.329z",fill:"#e0ebe0","stroke-width":"0"}),(0,o.jsx)("path",{d:"m138.18 148.5a33.177 33.177 0 0 1-33.177 33.177 33.177 33.177 0 0 1-33.177-33.177 33.177 33.177 0 0 1 33.177-33.177 33.177 33.177 0 0 1 33.177 33.177z",fill:"#252533","stroke-width":"0"}),(0,o.jsx)("path",{d:"m135.4 148.5a30.397 30.397 0 0 1-30.397 30.397 30.397 30.397 0 0 1-30.397-30.397 30.397 30.397 0 0 1 30.397-30.397 30.397 30.397 0 0 1 30.397 30.397z",fill:"#e0ebe0","stroke-width":"0"}),(0,o.jsxs)("g",{transform:"matrix(.90041 0 0 .90041 31.823 90.353)",fill:"#252533","stroke-width":"1.1106",children:[(0,o.jsx)("path",{d:"m93.777 55.9v9.3361c7.8313 1.1492 16.709-9.4028 15.094-9.3963z"}),(0,o.jsx)("path",{d:"m97.104 59.499c2.0783-0.03527 3.9177 0.15195 8.6289-2.233-5.125 1.0559-5.7944 0.56153-8.6392 0.57438-0.78106 0.0035-0.68526 1.6378 0.01037 1.6586z","stroke-width":"0"}),(0,o.jsx)("path",{d:"m53.478 56.801h38.884v9.3252s-3.9882 1.7008-3.4603 4.8679c0.52784 3.1671 3.1084 6.862 10.088 6.9206v7.1928h-7.2969s-4.3545-4.1057-10.865-3.8568-10.078 3.691-10.078 3.691h-7.4648v-7.3819s10.451 0.62207 9.9531-7.1331c-0.49766-7.7551-19.699-9.2481-19.699-9.2481z"})]}),(0,o.jsx)("path",{d:"m106.41 126.27a0.78523 0.78523 0 0 0-0.94136 0.59044l-2.4602 10.727a0.78523 0.78523 0 0 0 0.58951 0.94136 0.78523 0.78523 0 0 0 0.94044-0.59044l2.4611-10.727a0.78523 0.78523 0 0 0-0.58951-0.94136z",color:"#000000",fill:"#fc571b","stroke-width":"0"}),(0,o.jsx)("path",{d:"m100.45 127.77-5.9517 3.9678a0.78531 0.78531 0 0 0 0 1.3062l5.9517 3.9678a0.78523 0.78523 0 0 0 1.089-0.21724 0.78523 0.78523 0 0 0-0.21816-1.089l-4.9723-3.3152 4.9723-3.3143a0.78523 0.78523 0 0 0 0.21816-1.089 0.78523 0.78523 0 0 0-1.089-0.21724z",color:"#000000",fill:"#fc571b","stroke-width":"0"}),(0,o.jsx)("path",{d:"m109.55 127.77a0.78523 0.78523 0 0 0-1.089 0.21724 0.78523 0.78523 0 0 0 0.21816 1.089l4.9714 3.3143-4.9714 3.3152a0.78523 0.78523 0 0 0-0.21816 1.089 0.78523 0.78523 0 0 0 1.089 0.21724l5.9517-3.9678a0.78531 0.78531 0 0 0 0-1.3062z",color:"#000000",fill:"#fc571b","stroke-width":"0"})]})})})},n=window.wp.blockEditor,r=window.wp.components,s=window.wp.element;function i({attributes:e,setAttributes:t}){const{containerWidth:l}=e,i=l.replace(/\d+/g,"")||"px",c=["px","%","em","rem","vw"].includes(i)?i:"px",d=parseInt(l)||0,[b,u]=(0,s.useState)("100%"!==l&&"var(--wp--style--global--content-size)"!==l&&"var(--wp--style--global--wide-size)"!==l),g=(0,n.useSettings)("layout.contentSize","layout.wideSize")||[],[h="620px",x="1280px"]=g,p=(e,t)=>["%","vw"].includes(e)&&t>100?100:t;return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Maximum width","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use custom width",checked:b,onChange:()=>u((e=>!e))}),!b&&(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the max width for the container.","caledros-basic-blocks"),value:"100%"===l||"var(--wp--style--global--content-size)"===l||"var(--wp--style--global--wide-size)"===l?l:"",options:[{disabled:!0,label:"Select an option",value:""},{label:"Full width",value:"100%"},{label:`Content size (${h})`,value:"var(--wp--style--global--content-size)"},{label:`Wide size (${x})`,value:"var(--wp--style--global--wide-size)"}],onChange:e=>{t({containerWidth:e})}}),b&&(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the custom width (${c}) for the container.`,"caledros-basic-blocks"),value:"var(--wp--style--global--content-size)"===l||"var(--wp--style--global--wide-size)"===l?0:parseInt(l),max:"%"===c||"vw"===c?100:3e3,min:0,step:1,onChange:e=>{t({containerWidth:`${e}${c}`})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:c,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerWidth:`${p(e,d)}${e}`})}})]})]})}function c({attributes:e,setAttributes:t}){const{containerHeight:l}=e,n=l.replace(/\d+/g,"")||"px",s=e=>"px"===e?parseInt(l)||0:parseFloat(l)||0,i=(e,t)=>"vh"===e&&t>100?100:t;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Height","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the height (${n}) for the container. To ensure a consistent design, all direct child elements must have its minimum height set to zero.`,"caledros-basic-blocks"),value:s(n),max:"vh"===n?100:3e3,min:0,step:1,onChange:e=>t({containerHeight:`${e}${n}`})}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:n,options:[{label:"px",value:"px"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vh",value:"vh"}],onChange:e=>{t({containerHeight:`${i(e,s(e))}${e}`})}})]})})}function d({attributes:e,setAttributes:t}){const{containerBackgroundImage:l,containerBgImageFocalPoint:s}=e,i=()=>{t({containerBackgroundImage:{id:"",alt:"",url:""}})};return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Background image","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(n.MediaUploadCheck,{children:(0,o.jsx)(n.MediaUpload,{allowedTypes:["image"],value:l.id,render:({open:e})=>(0,o.jsxs)(o.Fragment,{children:[l.url&&(0,o.jsx)(r.FocalPointPicker,{__nextHasNoMarginBottom:!0,onChange:e=>{t({containerBgImageFocalPoint:e})},url:l.url,value:s}),(0,o.jsxs)("div",{style:{display:"flex",gap:"10px"},children:[(0,o.jsx)(r.Button,{variant:"primary",onClick:e,children:"Select image"}),(0,o.jsx)(r.Button,{variant:"secondary",onClick:i,children:"Remove image"})]})]}),onSelect:e=>{t({containerBackgroundImage:{id:e.id,alt:e.alt,url:e.url}})}})})})}function b({attributes:e,setAttributes:t}){const{containerLightBackgroundGradient:l}=e,[n,i]=(0,s.useState)(""!==l);return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Background gradient (light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable background gradient","caledros-basic-blocks"),checked:n,onChange:()=>{i((e=>!e)),t({containerLightBackgroundGradient:""})}}),n&&(0,o.jsx)(r.CustomGradientPicker,{onChange:e=>{t({containerLightBackgroundGradient:e})},value:""===l?"linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5))":l})]})}function u({attributes:e,setAttributes:t}){const{containerDarkBackgroundGradient:l}=e,[n,i]=(0,s.useState)(""!==l);return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Background gradient (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable background gradient (dark mode)","caledros-basic-blocks"),checked:n,onChange:()=>{i((e=>!e)),t({containerDarkBackgroundGradient:""})}}),n&&(0,o.jsx)(r.CustomGradientPicker,{onChange:e=>{t({containerDarkBackgroundGradient:e})},value:""===l?"linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5))":l})]})}const g=window.wp.data;function h({attributes:e,setAttributes:t}){const{containerDarkBackgroundColor:l}=e,[i,c]=(0,s.useState)("#00000000"===l),[d,b]=(0,n.useSettings)("color.palette","color.defaultPalette"),u=d.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),h=(0,g.select)("core/editor")?.getEditorSettings(),x=h?.__experimentalFeatures?.color?.palette,p=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),m=p(x,"default"),_=p(x,"theme"),v=p(x,"custom"),f=[...b?[m]:[],_,...v.colors?[v]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Background color (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Use transparent background.","caledros-basic-blocks"),checked:i,onChange:()=>{c((e=>!e)),t({containerDarkBackgroundColor:"#00000000"})}}),!i&&(0,o.jsx)(r.ColorPalette,{colors:x?f:u,value:l,onChange:e=>t({containerDarkBackgroundColor:e}),enableAlpha:!0,clearable:!1})]})}function x({attributes:e,setAttributes:t}){const{containerLightBackgroundColor:l}=e,[i,c]=(0,s.useState)("#00000000"===l),[d,b]=(0,n.useSettings)("color.palette","color.defaultPalette"),u=d.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),h=(0,g.select)("core/editor")?.getEditorSettings(),x=h?.__experimentalFeatures?.color?.palette,p=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),m=p(x,"default"),_=p(x,"theme"),v=p(x,"custom"),f=[...b?[m]:[],_,...v.colors?[v]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Background color (light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use transparent background",checked:i,onChange:()=>{c((e=>!e)),t({containerLightBackgroundColor:"#00000000"})}}),!i&&(0,o.jsx)(r.ColorPalette,{colors:x?f:u,value:l,onChange:e=>t({containerLightBackgroundColor:e}),enableAlpha:!0,clearable:!1})]})}function p({attributes:e,setAttributes:t}){const{containerBorder:l}=e,n=l.style.split(" "),i=n[0]||"solid",c=n[1]||"none",d=n[2]||"none",b=n[3]||"none",[u,g]=(0,s.useState)(!!l.style.includes(" "));return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Border style","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border styles for each side",checked:u,onChange:()=>{const e=!u;g(e),t(e?{containerBorder:{...l,style:"solid none none none"}}:{containerBorder:{...l,style:"solid"}})}}),!u&&(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the border style.","caledros-basic-blocks"),value:l.style,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({containerBorder:{...l,style:e}})}}),u&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the top border.","caledros-basic-blocks"),value:i,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({containerBorder:{...l,style:`${e} ${c} ${d} ${b}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the right border.","caledros-basic-blocks"),value:c,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({containerBorder:{...l,style:`${i} ${e} ${d} ${b}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the bottom border.","caledros-basic-blocks"),value:d,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({containerBorder:{...l,style:`${i} ${c} ${e} ${b}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the left border.","caledros-basic-blocks"),value:b,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({containerBorder:{...l,style:`${i} ${c} ${d} ${e}`}})}})]})]})}function m({attributes:e,setAttributes:t}){const{containerBorder:l}=e,n=l.width.split(" "),i=parseInt(n[0])||0,c=parseInt(n[1])||0,d=parseInt(n[2])||0,b=parseInt(n[3])||0,[u,g]=(0,s.useState)(!!l.width.includes(" "));return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Border width","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border widths for each side",checked:u,onChange:()=>{const e=!u;g(e),t(e?{containerBorder:{...l,width:"1px 1px 1px 1px"}}:{containerBorder:{...l,width:"1px"}})}}),!u&&(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the border width (px) for the container.","caledros-basic-blocks"),value:parseInt(l.width),max:50,min:0,step:1,onChange:e=>{t({containerBorder:{...l,width:`${e}px`}})}}),u&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the top border width (px) for the container.","caledros-basic-blocks"),value:i,max:50,min:0,step:1,onChange:e=>{t({containerBorder:{...l,width:`${e}px ${c}px ${d}px ${b}px`}})}}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the right border width (px) for the container.","caledros-basic-blocks"),value:c,max:50,min:0,step:1,onChange:e=>{t({containerBorder:{...l,width:`${i}px ${e}px ${d}px ${b}px`}})}}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the bottom border width (px) for the container.","caledros-basic-blocks"),value:d,max:50,min:0,step:1,onChange:e=>{t({containerBorder:{...l,width:`${i}px ${c}px ${e}px ${b}px`}})}}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the left border width (px) for the container.","caledros-basic-blocks"),value:b,max:50,min:0,step:1,onChange:e=>{t({containerBorder:{...l,width:`${i}px ${c}px ${d}px ${e}px`}})}})]})]})}function _({attributes:e,setAttributes:t}){const{containerBorder:l}=e,i=l.lightColor.split(" "),c=i[0]||"#000",d=i[1]||"#000",b=i[2]||"#000",u=i[3]||"#000",[h,x]=(0,s.useState)(!!l.lightColor.includes(" ")),[p,m]=(0,n.useSettings)("color.palette","color.defaultPalette"),_=p.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),v=(0,g.select)("core/editor")?.getEditorSettings(),f=v?.__experimentalFeatures?.color?.palette,C=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),k=C(f,"default"),$=C(f,"theme"),j=C(f,"custom"),B=[...m?[k]:[],$,...j.colors?[j]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Border color (light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border colors for each side",checked:h,onChange:()=>{const e=!h;x(e),t(e?{containerBorder:{...l,lightColor:"#000 #000 #000 #000"}}:{containerBorder:{...l,lightColor:"#000"}})}}),!h&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose the border color","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:_,value:l.lightColor,onChange:e=>t({containerBorder:{...l,lightColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0})]}),h&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the top border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:_,value:c,onChange:e=>{t({containerBorder:{...l,lightColor:`${e||"#00000000"} ${d} ${b} ${u}`}})},enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the right border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:_,value:d,onChange:e=>{t({containerBorder:{...l,lightColor:`${c} ${e||"#00000000"} ${b} ${u}`}})},enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the bottom border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:_,value:b,onChange:e=>{t({containerBorder:{...l,lightColor:`${c} ${d} ${e||"#00000000"} ${u}`}})},enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the left border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:_,value:u,onChange:e=>{t({containerBorder:{...l,lightColor:`${c} ${d} ${b} ${e||"#00000000"}`}})},enableAlpha:!0,clearable:!0})]})]})}function v({attributes:e,setAttributes:t}){const{containerBorder:l}=e,n=l.radius.split(" "),i=parseInt(n[0])||0,c=parseInt(n[1])||0,d=parseInt(n[2])||0,b=parseInt(n[3])||0,u=l.radius.split(" "),g=u[0]?u[0].replace(/\d+/g,""):"px",h=u[1]?u[1].replace(/\d+/g,""):"px",x=u[2]?u[2].replace(/\d+/g,""):"px",p=u[3]?u[3].replace(/\d+/g,""):"px",[m,_]=(0,s.useState)(!!l.radius.includes(" ")),v=(e,t)=>"%"===e&&t>100?100:t;return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Border radius","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border radiuses for each corner",checked:m,onChange:()=>{const e=!m;_(e),t(e?{containerBorder:{...l,radius:"10px 10px 10px 10px"}}:{containerBorder:{...l,radius:"10px"}})}}),!m&&(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the border radius (${g}) for the container.`,"caledros-basic-blocks"),value:parseInt(l.radius),max:"%"===g?100:150,min:0,step:1,onChange:e=>{t({containerBorder:{...l,radius:`${e}${g}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:g,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({containerBorder:{...l,radius:`${v(e,parseInt(l.radius))}${e}`}})}})]}),m&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top-left border radius (${g}).`,"caledros-basic-blocks"),value:i,max:"%"===g?100:150,min:0,step:1,onChange:e=>{t({containerBorder:{...l,radius:`${e}${g} ${c}${h} ${d}${x} ${b}${p}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:g,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({containerBorder:{...l,radius:`${v(e,i)}${e} ${c}${h} ${d}${x} ${b}${p}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top-right border radius (${h}).`,"caledros-basic-blocks"),value:c,max:"%"===h?100:150,min:0,step:1,onChange:e=>{t({containerBorder:{...l,radius:`${i}${g} ${e}${h} ${d}${x} ${b}${p}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:h,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({containerBorder:{...l,radius:`${i}${g} ${v(e,c)}${e} ${d}${x} ${b}${p}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom-right border radius (${x}).`,"caledros-basic-blocks"),value:d,max:"%"===x?100:150,min:0,step:1,onChange:e=>{t({containerBorder:{...l,radius:`${i}${g} ${c}${h} ${e}${x} ${b}${p}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:x,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({containerBorder:{...l,radius:`${i}${g} ${c}${h} ${v(e,d)}${e} ${b}${p}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom-left border radius (${p}).`,"caledros-basic-blocks"),value:b,max:"%"===p?100:150,min:0,step:1,onChange:e=>{t({containerBorder:{...l,radius:`${i}${g} ${c}${h} ${d}${x} ${e}${p}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:p,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({containerBorder:{...l,radius:`${i}${g} ${c}${h} ${d}${x} ${v(e,b)}${e}`}})}})]})]})]})}function f({attributes:e,setAttributes:t}){const{containerBoxShadow:l}=e,[s,i]=(0,n.useSettings)("color.palette","color.defaultPalette"),c=s.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),d=(0,g.select)("core/editor")?.getEditorSettings(),b=d?.__experimentalFeatures?.color?.palette,u=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),h=u(b,"default"),x=u(b,"theme"),p=u(b,"custom"),m=[...i?[h]:[],x,...p.colors?[p]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Box shadow","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable box shadow","caledros-basic-blocks"),checked:l.enabled,onChange:e=>{t({containerBoxShadow:{...l,enabled:e}})}}),l.enabled&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the box shadow.","caledros-basic-blocks"),value:""===l.style?"outline":"inset",options:[{label:"Outline",value:"outline"},{label:"Inset",value:"inset"}],onChange:e=>{t({containerBoxShadow:{...l,style:`${"outline"===e?"":e}`}})}}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the horizontal offset (px).","caledros-basic-blocks"),value:parseInt(l.hOffset),max:100,min:-100,step:1,onChange:e=>t({containerBoxShadow:{...l,hOffset:`${e}px`}})}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the vertical offset (px).","caledros-basic-blocks"),value:parseInt(l.vOffset),max:100,min:-100,step:1,onChange:e=>t({containerBoxShadow:{...l,vOffset:`${e}px`}})}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the blur (px).","caledros-basic-blocks"),value:parseInt(l.blur),max:100,min:0,step:1,onChange:e=>t({containerBoxShadow:{...l,blur:`${e}px`}})}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the spread (px).","caledros-basic-blocks"),value:parseInt(l.spread),max:100,min:-100,step:1,onChange:e=>t({containerBoxShadow:{...l,spread:`${e}px`}})}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the box shadow (light mode)","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:b?m:c,value:l.lightColor,onChange:e=>t({containerBoxShadow:{...l,lightColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the box shadow (dark mode)","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:b?m:c,value:l.darkColor,onChange:e=>t({containerBoxShadow:{...l,darkColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0})]})]})}function C({attributes:e,setAttributes:t}){const{containerMargin:l}=e,n=parseInt(l.top)||0,s=parseInt(l.left)||0,i=parseInt(l.bottom)||0,c=parseInt(l.right)||0,d=l.top.replace(/\d+/g,""),b=l.left.replace(/\d+/g,""),u=l.bottom.replace(/\d+/g,""),g=l.right.replace(/\d+/g,""),h=(e,t)=>"auto"===e?"":["%","vw"].includes(e)&&t>100?100:t;return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Margin","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable different margins","caledros-basic-blocks"),checked:l.differentMarginsEnabled,onChange:e=>{t({containerMargin:{...l,differentMarginsEnabled:e}})}}),!l.differentMarginsEnabled&&(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the margin (${d}) for the container.`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(d)?100:500,min:0,step:1,onChange:e=>{t({containerMargin:{...l,top:`${"auto"===d?"":e}${d}`}})},disabled:"auto"===d}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:d,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMargin:{...l,top:`${h(e,n)}${e}`}})}})]}),l.differentMarginsEnabled&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top margin (${d}) for the container.`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(d)?100:500,min:0,step:1,onChange:e=>{t({containerMargin:{...l,top:`${"auto"===d?"":e}${d}`}})},disabled:"auto"===d}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:d,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMargin:{...l,top:`${h(e,n)}${e}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the right margin (${g}) for the container.`,"caledros-basic-blocks"),value:c,max:["%","vw"].includes(g)?100:500,min:0,step:1,onChange:e=>{t({containerMargin:{...l,right:`${"auto"===g?"":e}${g}`}})},disabled:"auto"===g}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:g,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMargin:{...l,right:`${h(e,c)}${e}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom margin (${u}) for the container.`,"caledros-basic-blocks"),value:i,max:["%","vw"].includes(u)?100:500,min:0,step:1,onChange:e=>{t({containerMargin:{...l,bottom:`${"auto"===u?"":e}${u}`}})},disabled:"auto"===u}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:u,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMargin:{...l,bottom:`${h(e,i)}${e}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the left margin (${b}) for the container.`,"caledros-basic-blocks"),value:s,max:["%","vw"].includes(b)?100:500,min:0,step:1,onChange:e=>{t({containerMargin:{...l,left:`${"auto"===b?"":e}${b}`}})},disabled:"auto"===b}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:b,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMargin:{...l,left:`${h(e,s)}${e}`}})}})]})]})]})}function k({attributes:e,setAttributes:t}){const{containerPadding:l}=e,n=parseInt(l.top)||0,s=parseInt(l.left)||0,i=parseInt(l.bottom)||0,c=parseInt(l.right)||0,d=l.top.replace(/\d+/g,""),b=l.left.replace(/\d+/g,""),u=l.bottom.replace(/\d+/g,""),g=l.right.replace(/\d+/g,""),h=(e,t)=>["%","vw"].includes(e)&&t>100?100:t;return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Padding","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Use global padding","caledros-basic-blocks"),help:(0,a.__)("This option applies predefined padding to the right and left sides of the block, ensuring consistency across the entire site. To adjust this padding, navigate to the Layout section in the Full Site Editor.","caledros-basic-blocks"),checked:l.useGlobalPadding,onChange:e=>{t({containerPadding:{...l,useGlobalPadding:e}})}}),!l.useGlobalPadding&&(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable different paddings","caledros-basic-blocks"),checked:l.differentPaddingsEnabled,onChange:e=>{t({containerPadding:{...l,differentPaddingsEnabled:e}})}}),!l.differentPaddingsEnabled&&!l.useGlobalPadding&&(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the padding (${d}) for the container.`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(d)?100:500,min:0,step:1,onChange:e=>{t({containerPadding:{...l,top:`${e}${d}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:d,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerPadding:{...l,top:`${h(e,n)}${e}`}})}})]}),l.differentPaddingsEnabled&&!l.useGlobalPadding&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top padding (${d}) for the container.`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(d)?100:500,min:0,step:1,onChange:e=>{t({containerPadding:{...l,top:`${e}${d}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:d,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerPadding:{...l,top:`${h(e,n)}${e}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the right padding (${g}) for the container.`,"caledros-basic-blocks"),value:c,max:["%","vw"].includes(g)?100:500,min:0,step:1,onChange:e=>{t({containerPadding:{...l,right:`${e}${g}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:g,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerPadding:{...l,right:`${h(e,c)}${e}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom padding (${u}) for the container.`,"caledros-basic-blocks"),value:i,max:["%","vw"].includes(u)?100:500,min:0,step:1,onChange:e=>{t({containerPadding:{...l,bottom:`${e}${u}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:u,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerPadding:{...l,bottom:`${h(e,i)}${e}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the left padding (${b}) for the container.`,"caledros-basic-blocks"),value:s,max:["%","vw"].includes(b)?100:500,min:0,step:1,onChange:e=>{t({containerPadding:{...l,left:`${e}${b}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:b,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerPadding:{...l,left:`${h(e,s)}${e}`}})}})]})]})]})}function $({attributes:e,setAttributes:t}){const{containerJustifyContent:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Justify content","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Select the value for the justify content property.","caledros-basic-blocks"),value:l,options:[{label:"Flex start (default)",value:"flex-start"},{label:"Flex end",value:"flex-end"},{label:"Center",value:"center"},{label:"Space between",value:"space-between"},{label:"Space around",value:"space-around"},{label:"Space evenly",value:"space-evenly"}],onChange:e=>{t({containerJustifyContent:e})}})})}function j({attributes:e,setAttributes:t}){const{containerAlignItems:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Align items","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Select the value for the align items property.","caledros-basic-blocks"),value:l,options:[{label:"Flex start",value:"flex-start"},{label:"Flex end",value:"flex-end"},{label:"Center",value:"center"},{label:"Stretch",value:"stretch"},{label:"Baseline",value:"baseline"},{label:"Normal (default)",value:"normal"}],onChange:e=>{t({containerAlignItems:e})}})})}function B({attributes:e,setAttributes:t}){const{containerColumnGap:l}=e,[n,i]=(0,s.useState)("normal"===l);return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Column gap","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Use normal column gap (default value)","caledros-basic-blocks"),checked:n,onChange:()=>{const e=n?"0":"normal";i((e=>!e)),t({containerColumnGap:e})}}),!n&&(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the column gap (px) for the flex container.","caledros-basic-blocks"),value:isNaN(parseInt(l))?0:parseInt(l),max:200,min:0,step:1,onChange:e=>t({containerColumnGap:`${e}px`})})]})}function w({attributes:e,setAttributes:t}){const{containerOverflow:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Overflow","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Select the value for the overflow property.","caledros-basic-blocks"),value:l,options:[{label:"Visible (default)",value:"visible"},{label:"Hidden",value:"hidden"},{label:"Scroll",value:"scroll"},{label:"Auto",value:"auto"}],onChange:e=>{t({containerOverflow:e})}})})}function y({attributes:e,setAttributes:t}){const{stickyNavigationEnabled:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Sticky navigation","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable sticky navigation","caledros-basic-blocks"),help:(0,a.__)("A sticky navigation bar will stick to the top of the screen while scrolling. The effect is only visible in the frontend, not in the editor.","caledros-basic-blocks"),checked:l,onChange:e=>t({stickyNavigationEnabled:e})})})}function S({attributes:e,setAttributes:t}){const{stickyNavHeight:l}=e,n=l.replace(/[\d.]+/g,"")||"px",s=e=>"px"===e?parseInt(l)||0:parseFloat(l)||0,i=(e,t)=>"vh"===e&&t>100?100:t;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Height","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the height (${n}) for the sticky navigation bar. This feature is only visible in the frontend.`,"caledros-basic-blocks"),value:s(n),max:"vh"===n?100:3e3,min:0,step:"px"===n?1:.01,onChange:e=>t({stickyNavHeight:`${e}${n}`})}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:n,options:[{label:"px",value:"px"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vh",value:"vh"}],onChange:e=>{t({stickyNavHeight:`${i(e,s(e))}${e}`})}})]})})}function N({attributes:e,setAttributes:t}){const{stickyNavLightBackgroundColor:l}=e,[i,c]=(0,s.useState)("#00000000"===l),[d,b]=(0,n.useSettings)("color.palette","color.defaultPalette"),u=d.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),h=(0,g.select)("core/editor")?.getEditorSettings(),x=h?.__experimentalFeatures?.color?.palette,p=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),m=p(x,"default"),_=p(x,"theme"),v=p(x,"custom"),f=[...b?[m]:[],_,...v.colors?[v]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Background color (light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use transparent background",help:(0,a.__)("Enable this option to set a transparent background for the sticky navigation bar. This feature is only visible in the frontend.","caledros-basic-blocks"),checked:i,onChange:()=>{c((e=>!e)),t({stickyNavLightBackgroundColor:"#00000000"})}}),!i&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a custom background color for the sticky navigation bar. This feature is only visible in the frontend.","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:x?f:u,value:l,onChange:e=>t({stickyNavLightBackgroundColor:e}),enableAlpha:!0,clearable:!1})]})]})}function P({attributes:e,setAttributes:t}){const{stickyNavDarkBackgroundColor:l}=e,[i,c]=(0,s.useState)("#00000000"===l),[d,b]=(0,n.useSettings)("color.palette","color.defaultPalette"),u=d.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),h=(0,g.select)("core/editor")?.getEditorSettings(),x=h?.__experimentalFeatures?.color?.palette,p=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),m=p(x,"default"),_=p(x,"theme"),v=p(x,"custom"),f=[...b?[m]:[],_,...v.colors?[v]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Background color (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use transparent background",help:(0,a.__)("Enable this option to set a transparent background for the sticky navigation bar. This feature is only visible in the frontend.","caledros-basic-blocks"),checked:i,onChange:()=>{c((e=>!e)),t({stickyNavDarkBackgroundColor:"#00000000"})}}),!i&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a custom background color for the sticky navigation bar. This feature is only visible in the frontend.","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:x?f:u,value:l,onChange:e=>t({stickyNavDarkBackgroundColor:e}),enableAlpha:!0,clearable:!1})]})]})}function M({attributes:e,setAttributes:t}){const{containerBorder:l}=e,i=l.darkColor.split(" "),c=i[0]||"#000",d=i[1]||"#000",b=i[2]||"#000",u=i[3]||"#000",[h,x]=(0,s.useState)(!!l.darkColor.includes(" ")),[p,m]=(0,n.useSettings)("color.palette","color.defaultPalette"),_=p.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),v=(0,g.select)("core/editor")?.getEditorSettings(),f=v?.__experimentalFeatures?.color?.palette,C=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),k=C(f,"default"),$=C(f,"theme"),j=C(f,"custom"),B=[...m?[k]:[],$,...j.colors?[j]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Border color (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border colors for each side",checked:h,onChange:()=>{const e=!h;x(e),t(e?{containerBorder:{...l,darkColor:"#000 #000 #000 #000"}}:{containerBorder:{...l,darkColor:"#000"}})}}),!h&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose the border color","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:_,value:l.darkColor,onChange:e=>t({containerBorder:{...l,darkColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0})]}),h&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the top border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:_,value:c,onChange:e=>{t({containerBorder:{...l,darkColor:`${e||"#00000000"} ${d} ${b} ${u}`}})},enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the right border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:_,value:d,onChange:e=>{t({containerBorder:{...l,darkColor:`${c} ${e||"#00000000"} ${b} ${u}`}})},enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the bottom border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:_,value:b,onChange:e=>{t({containerBorder:{...l,darkColor:`${c} ${d} ${e||"#00000000"} ${u}`}})},enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the left border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:_,value:u,onChange:e=>{t({containerBorder:{...l,darkColor:`${c} ${d} ${b} ${e||"#00000000"}`}})},enableAlpha:!0,clearable:!0})]})]})}function H({attributes:e,setAttributes:t}){const{centerStickyNav:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Center navigation bar","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Center navigation bar","caledros-basic-blocks"),help:(0,a.__)("Center the sticky navigation bar when the maximum width has a fixed value, or when it's less than 100%. For this option to work, the container's left and right margins must be set to 'auto'.","caledros-basic-blocks"),checked:l,onChange:e=>t({centerStickyNav:e})})})}function D({attributes:e,setAttributes:t}){const{overlayStickyNav:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Overlay navigation","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable overlay sticky navigation","caledros-basic-blocks"),help:(0,a.__)("This option transforms the sticky navigation bar into an overlay, allowing it to overlap the website's content until the user begins scrolling.","caledros-basic-blocks"),checked:l,onChange:e=>t({overlayStickyNav:e})})})}function z({attributes:e,setAttributes:t}){const{overlayNav:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Overlay navigation","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable overlay navigation","caledros-basic-blocks"),help:(0,a.__)("This option transforms the navigation bar into an overlay, allowing it to overlap the website's content.","caledros-basic-blocks"),checked:l,onChange:e=>t({overlayNav:e})})})}(0,e.registerBlockType)(t.UU,{icon:l.icon,edit:function({attributes:e,setAttributes:t}){const{containerWidth:a,containerHeight:l,containerColumnGap:s,containerLightBackgroundColor:g,containerBackgroundImage:A,containerBgImageFocalPoint:O,containerLightBackgroundGradient:I,containerBorder:F,containerBoxShadow:R,containerMargin:T,containerPadding:E,containerJustifyContent:G,containerAlignItems:U,containerOverflow:L,containerDarkBackgroundColor:W,containerDarkBackgroundGradient:J}=e,V=(e,t,a)=>e||t?{[`--cbb-mm-${a}-bg-gradient`]:[t,e&&`url(${e})`].filter((e=>e)).join(", ")}:{},X=["cbb-mobile-menu-container",R.enabled&&"cbb-mobile-menu-container--has-box-shadow","0px"!==F.width&&"none"!==F.style&&("#00000000"!==F.lightColor||"#00000000"!==F.darkColor)&&"cbb-mobile-menu-container--has-border",(""!==I||""!==J)&&"cbb-mobile-menu-container--has-bg-gradient"].filter((e=>e)).join(" "),q=(0,n.useBlockProps)({className:`${X}`,style:{maxWidth:`${a}`,width:"100%",margin:T.differentMarginsEnabled?`${T.top} ${T.right} ${T.bottom} ${T.left}`:`${T.top}`,...E.useGlobalPadding?{"--cbb-mm-fc-padding":"0px var(--wp--style--root--padding-right, 0px) 0px var(--wp--style--root--padding-left, 0px)"}:{"--cbb-mm-fc-padding":E.differentPaddingsEnabled?`${E.top} ${E.right} ${E.bottom} ${E.left}`:`${E.top}`},"--cbb-mm-light-bg-color":g,"--cbb-mm-dark-bg-color":W,"--cbb-mm-just-content":G,"--cbb-mm-align-items":U,"--cbb-mm-height":l,"--cbb-mm-column-gap":s,...V(A.url,J,"dark"),...V(A.url,I,"light"),"--cbb-mm-bg-position":`${100*O.x}% ${100*O.y}%`,"--cbb-mm-br-style":"0px"===F.width||"none"===F.style||"#00000000"===F.lightColor&&"#00000000"===F.darkColor?"none":F.style,"--cbb-mm-br-width":"0px"===F.width||"none"===F.style||"#00000000"===F.lightColor&&"#00000000"===F.darkColor?"0px":F.width,"--cbb-mm-light-border-color":"0px"!==F.width&&"none"!==F.style&&"#00000000"!==F.lightColor?F.lightColor:"#00000000","--cbb-mm-dark-border-color":"0px"!==F.width&&"none"!==F.style&&"#00000000"!==F.darkColor?F.darkColor:"#00000000","--cbb-mm-br-radius":F.radius,"--cbb-mm-light-box-shadow":`${R.style} ${R.hOffset} ${R.vOffset} ${R.blur} ${R.spread} ${R.lightColor}`,"--cbb-mm-dark-box-shadow":`${R.style} ${R.hOffset} ${R.vOffset} ${R.blur} ${R.spread} ${R.darkColor}`,"--cbb-mm-overflow":L}});return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(n.InspectorControls,{children:(0,o.jsx)(r.TabPanel,{activeClass:"cbb-active-tab",tabs:[{name:"layout",title:"Layout"},{name:"style",title:"Style"},{name:"sticky-navbar",title:"Sticky"}],children:a=>"layout"===a.name?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(i,{attributes:e,setAttributes:t}),(0,o.jsx)(c,{attributes:e,setAttributes:t}),(0,o.jsx)(B,{attributes:e,setAttributes:t}),(0,o.jsx)(C,{attributes:e,setAttributes:t}),(0,o.jsx)(k,{attributes:e,setAttributes:t}),(0,o.jsx)($,{attributes:e,setAttributes:t}),(0,o.jsx)(j,{attributes:e,setAttributes:t}),(0,o.jsx)(w,{attributes:e,setAttributes:t}),(0,o.jsx)(z,{attributes:e,setAttributes:t})]}):"style"===a.name?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(x,{attributes:e,setAttributes:t}),(0,o.jsx)(h,{attributes:e,setAttributes:t}),(0,o.jsx)(d,{attributes:e,setAttributes:t}),(0,o.jsx)(b,{attributes:e,setAttributes:t}),(0,o.jsx)(u,{attributes:e,setAttributes:t}),(0,o.jsx)(p,{attributes:e,setAttributes:t}),(0,o.jsx)(m,{attributes:e,setAttributes:t}),(0,o.jsx)(_,{attributes:e,setAttributes:t}),(0,o.jsx)(M,{attributes:e,setAttributes:t}),(0,o.jsx)(v,{attributes:e,setAttributes:t}),(0,o.jsx)(f,{attributes:e,setAttributes:t})]}):"sticky-navbar"===a.name?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(y,{attributes:e,setAttributes:t}),(0,o.jsx)(S,{attributes:e,setAttributes:t}),(0,o.jsx)(N,{attributes:e,setAttributes:t}),(0,o.jsx)(P,{attributes:e,setAttributes:t}),(0,o.jsx)(H,{attributes:e,setAttributes:t}),(0,o.jsx)(D,{attributes:e,setAttributes:t})]}):null})}),(0,o.jsx)("div",{...q,children:(0,o.jsx)(n.InnerBlocks,{})})]})},save:function({attributes:e}){const{containerWidth:t,containerHeight:a,containerColumnGap:l,containerLightBackgroundColor:r,containerBackgroundImage:s,containerBgImageFocalPoint:i,containerLightBackgroundGradient:c,containerBorder:d,containerBoxShadow:b,containerMargin:u,containerPadding:g,containerJustifyContent:h,containerAlignItems:x,containerOverflow:p,stickyNavigationEnabled:m,stickyNavHeight:_,stickyNavLightBackgroundColor:v,stickyNavDarkBackgroundColor:f,containerDarkBackgroundColor:C,containerDarkBackgroundGradient:k,centerStickyNav:$,overlayStickyNav:j,overlayNav:B}=e,w=(e,t,a)=>e||t?{[`--cbb-mm-${a}-bg-gradient`]:[t,e&&`url(${e})`].filter((e=>e)).join(", ")}:{},y=["cbb-mobile-menu-container",g.useGlobalPadding&&"has-global-padding",m&&"cbb-mobile-menu-container--sticky",b.enabled&&"cbb-mobile-menu-container--has-box-shadow",("#00000000"!==r||"#00000000"!==C)&&"cbb-mobile-menu-container--has-bg-color","0px"!==d.width&&"none"!==d.style&&("#00000000"!==d.lightColor||"#00000000"!==d.darkColor)&&"cbb-mobile-menu-container--has-border",(""!==c||""!==k)&&"cbb-mobile-menu-container--has-bg-gradient"].filter((e=>e)).join(" "),S=n.useBlockProps.save({className:`${y}`,style:{maxWidth:t,width:"100%",margin:u.differentMarginsEnabled?`${u.top} ${u.right} ${u.bottom} ${u.left}`:`${u.top}`,...!g.useGlobalPadding&&{padding:g.differentPaddingsEnabled?`${g.top} ${g.right} ${g.bottom} ${g.left}`:`${g.top}`},..."#00000000"!==r&&{"--cbb-mm-light-bg-color":r},..."#00000000"!==C&&{"--cbb-mm-dark-bg-color":C},..."flex-start"!==h&&{justifyContent:h},..."normal"!==x&&{alignItems:x},...0!==a&&{"--cbb-mm-height":a},..."normal"!==l&&{columnGap:l},...""!==c||""!==k?{...w(s.url,k,"dark"),...w(s.url,c,"light")}:{...s.url&&{backgroundImage:`url(${s.url})`}},...""!==s.url&&{backgroundPosition:`${100*i.x}% ${100*i.y}%`},..."0px"!==d.width&&"none"!==d.style&&("#00000000"!==d.lightColor||"#00000000"!==d.darkColor)&&{borderStyle:d.style},..."0px"!==d.width&&"none"!==d.style&&("#00000000"!==d.lightColor||"#00000000"!==d.darkColor)&&{borderWidth:d.width},..."0px"!==d.width&&"none"!==d.style&&"#00000000"!==d.lightColor&&{"--cbb-mm-light-border-color":d.lightColor},..."0px"!==d.width&&"none"!==d.style&&"#00000000"!==d.darkColor&&{"--cbb-mm-dark-border-color":d.darkColor},..."0px"!==d.radius&&"0%"!==d.radius&&{borderRadius:d.radius},...b.enabled&&{"--cbb-mm-light-box-shadow":`${b.style} ${b.hOffset} ${b.vOffset} ${b.blur} ${b.spread} ${b.lightColor}`},...b.enabled&&{"--cbb-mm-dark-box-shadow":`${b.style} ${b.hOffset} ${b.vOffset} ${b.blur} ${b.spread} ${b.darkColor}`},..."visible"!==p&&{overflow:p},...m&&0!==_&&{"--cbb-mm-sticky-height":_},...m&&{"--cbb-mm-sticky-light-bg-color":v},...m&&{"--cbb-mm-sticky-dark-bg-color":f},...$&&{left:0,right:0},...B?{"--cbb-dm-position":"absolute",left:0,right:0}:{"--cbb-dm-position":"relative"}}});return m?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{className:"cbb-mobile-menu-container__watcher"}),(0,o.jsx)("div",{...S,children:(0,o.jsx)(n.InnerBlocks.Content,{})}),(0,o.jsx)("div",{className:"cbb-mobile-menu-container__spacer-bottom",style:{"--cbb-spacer-bottom":`${j?"0px":a}`}})]}):(0,o.jsx)("div",{...S,children:(0,o.jsx)(n.InnerBlocks.Content,{})})}})}},a={};function o(e){var l=a[e];if(void 0!==l)return l.exports;var n=a[e]={exports:{}};return t[e](n,n.exports,o),n.exports}o.m=t,e=[],o.O=(t,a,l,n)=>{if(!a){var r=1/0;for(d=0;d<e.length;d++){for(var[a,l,n]=e[d],s=!0,i=0;i<a.length;i++)(!1&n||r>=n)&&Object.keys(o.O).every((e=>o.O[e](a[i])))?a.splice(i--,1):(s=!1,n<r&&(r=n));if(s){e.splice(d--,1);var c=l();void 0!==c&&(t=c)}}return t}n=n||0;for(var d=e.length;d>0&&e[d-1][2]>n;d--)e[d]=e[d-1];e[d]=[a,l,n]},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={333:0,305:0};o.O.j=t=>0===e[t];var t=(t,a)=>{var l,n,[r,s,i]=a,c=0;if(r.some((t=>0!==e[t]))){for(l in s)o.o(s,l)&&(o.m[l]=s[l]);if(i)var d=i(o)}for(t&&t(a);c<r.length;c++)n=r[c],o.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return o.O(d)},a=globalThis.webpackChunkcaledros_basic_blocks=globalThis.webpackChunkcaledros_basic_blocks||[];a.forEach(t.bind(null,0)),a.push=t.bind(null,a.push.bind(a))})();var l=o.O(void 0,[305],(()=>o(698)));l=o.O(l)})();
     1(()=>{"use strict";var e,t={591:()=>{const e=window.wp.blocks,t=JSON.parse('{"UU":"caledros-basic-blocks/mobile-menu-container"}'),a=window.wp.i18n,o=window.ReactJSXRuntime,l={icon:(0,o.jsx)("svg",{width:"24",height:"24",version:"1.1",viewBox:"0 0 6.35 6.35",xmlns:"http://www.w3.org/2000/svg",children:(0,o.jsx)("g",{transform:"translate(-96.573 -101.07)",children:(0,o.jsxs)("g",{transform:"matrix(.087396 0 0 .087396 90.571 91.268)",children:[(0,o.jsx)("path",{d:"m141.33 148.5a36.329 36.329 0 0 1-36.329 36.329 36.329 36.329 0 0 1-36.329-36.329 36.329 36.329 0 0 1 36.329-36.329 36.329 36.329 0 0 1 36.329 36.329z",fill:"#e0ebe0","stroke-width":"0"}),(0,o.jsx)("path",{d:"m138.18 148.5a33.177 33.177 0 0 1-33.177 33.177 33.177 33.177 0 0 1-33.177-33.177 33.177 33.177 0 0 1 33.177-33.177 33.177 33.177 0 0 1 33.177 33.177z",fill:"#252533","stroke-width":"0"}),(0,o.jsx)("path",{d:"m135.4 148.5a30.397 30.397 0 0 1-30.397 30.397 30.397 30.397 0 0 1-30.397-30.397 30.397 30.397 0 0 1 30.397-30.397 30.397 30.397 0 0 1 30.397 30.397z",fill:"#e0ebe0","stroke-width":"0"}),(0,o.jsxs)("g",{transform:"matrix(.90041 0 0 .90041 31.823 90.353)",fill:"#252533","stroke-width":"1.1106",children:[(0,o.jsx)("path",{d:"m93.777 55.9v9.3361c7.8313 1.1492 16.709-9.4028 15.094-9.3963z"}),(0,o.jsx)("path",{d:"m97.104 59.499c2.0783-0.03527 3.9177 0.15195 8.6289-2.233-5.125 1.0559-5.7944 0.56153-8.6392 0.57438-0.78106 0.0035-0.68526 1.6378 0.01037 1.6586z","stroke-width":"0"}),(0,o.jsx)("path",{d:"m53.478 56.801h38.884v9.3252s-3.9882 1.7008-3.4603 4.8679c0.52784 3.1671 3.1084 6.862 10.088 6.9206v7.1928h-7.2969s-4.3545-4.1057-10.865-3.8568-10.078 3.691-10.078 3.691h-7.4648v-7.3819s10.451 0.62207 9.9531-7.1331c-0.49766-7.7551-19.699-9.2481-19.699-9.2481z"})]}),(0,o.jsx)("path",{d:"m106.41 126.27a0.78523 0.78523 0 0 0-0.94136 0.59044l-2.4602 10.727a0.78523 0.78523 0 0 0 0.58951 0.94136 0.78523 0.78523 0 0 0 0.94044-0.59044l2.4611-10.727a0.78523 0.78523 0 0 0-0.58951-0.94136z",color:"#000000",fill:"#fc571b","stroke-width":"0"}),(0,o.jsx)("path",{d:"m100.45 127.77-5.9517 3.9678a0.78531 0.78531 0 0 0 0 1.3062l5.9517 3.9678a0.78523 0.78523 0 0 0 1.089-0.21724 0.78523 0.78523 0 0 0-0.21816-1.089l-4.9723-3.3152 4.9723-3.3143a0.78523 0.78523 0 0 0 0.21816-1.089 0.78523 0.78523 0 0 0-1.089-0.21724z",color:"#000000",fill:"#fc571b","stroke-width":"0"}),(0,o.jsx)("path",{d:"m109.55 127.77a0.78523 0.78523 0 0 0-1.089 0.21724 0.78523 0.78523 0 0 0 0.21816 1.089l4.9714 3.3143-4.9714 3.3152a0.78523 0.78523 0 0 0-0.21816 1.089 0.78523 0.78523 0 0 0 1.089 0.21724l5.9517-3.9678a0.78531 0.78531 0 0 0 0-1.3062z",color:"#000000",fill:"#fc571b","stroke-width":"0"})]})})})},n=window.wp.blockEditor,r=window.wp.components,s=window.wp.element;function i({attributes:e,setAttributes:t}){const{containerWidth:l}=e,i=l.replace(/\d+/g,"")||"px",c=["px","%","em","rem","vw"].includes(i)?i:"px",d=parseInt(l)||0,[b,u]=(0,s.useState)("100%"!==l&&"var(--wp--style--global--content-size)"!==l&&"var(--wp--style--global--wide-size)"!==l),h=(0,n.useSettings)("layout.contentSize","layout.wideSize")||[],[g="620px",x="1280px"]=h,p=(e,t)=>["%","vw"].includes(e)&&t>100?100:t;return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Maximum width","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use custom width",checked:b,onChange:()=>u((e=>!e))}),!b&&(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the max width for the container.","caledros-basic-blocks"),value:"100%"===l||"var(--wp--style--global--content-size)"===l||"var(--wp--style--global--wide-size)"===l?l:"",options:[{disabled:!0,label:"Select an option",value:""},{label:"Full width",value:"100%"},{label:`Content size (${g})`,value:"var(--wp--style--global--content-size)"},{label:`Wide size (${x})`,value:"var(--wp--style--global--wide-size)"}],onChange:e=>{t({containerWidth:e})}}),b&&(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the custom width (${c}) for the container.`,"caledros-basic-blocks"),value:"var(--wp--style--global--content-size)"===l||"var(--wp--style--global--wide-size)"===l?0:parseInt(l),max:"%"===c||"vw"===c?100:3e3,min:0,step:1,onChange:e=>{t({containerWidth:`${e}${c}`})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:c,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerWidth:`${p(e,d)}${e}`})}})]})]})}function c({attributes:e,setAttributes:t}){const{containerHeight:l}=e,n=l.replace(/\d+/g,"")||"px",s=e=>"px"===e?parseInt(l)||0:parseFloat(l)||0,i=(e,t)=>"vh"===e&&t>100?100:t;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Height","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the height (${n}) for the container. To ensure a consistent design, all direct child elements must have its minimum height set to zero.`,"caledros-basic-blocks"),value:s(n),max:"vh"===n?100:3e3,min:0,step:1,onChange:e=>t({containerHeight:`${e}${n}`})}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:n,options:[{label:"px",value:"px"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vh",value:"vh"}],onChange:e=>{t({containerHeight:`${i(e,s(e))}${e}`})}})]})})}function d({attributes:e,setAttributes:t}){const{containerBackgroundImage:l,containerBgImageFocalPoint:s}=e,i=()=>{t({containerBackgroundImage:{id:"",alt:"",url:""}})};return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Background image","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(n.MediaUploadCheck,{children:(0,o.jsx)(n.MediaUpload,{allowedTypes:["image"],value:l.id,render:({open:e})=>(0,o.jsxs)(o.Fragment,{children:[l.url&&(0,o.jsx)(r.FocalPointPicker,{__nextHasNoMarginBottom:!0,onChange:e=>{t({containerBgImageFocalPoint:e})},url:l.url,value:s}),(0,o.jsxs)("div",{style:{display:"flex",gap:"10px"},children:[(0,o.jsx)(r.Button,{variant:"primary",onClick:e,children:"Select image"}),(0,o.jsx)(r.Button,{variant:"secondary",onClick:i,children:"Remove image"})]})]}),onSelect:e=>{t({containerBackgroundImage:{id:e.id,alt:e.alt,url:e.url}})}})})})}function b({attributes:e,setAttributes:t}){const{containerLightBackgroundGradient:l}=e,[n,i]=(0,s.useState)(""!==l);return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Background gradient (light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable background gradient","caledros-basic-blocks"),checked:n,onChange:()=>{i((e=>!e)),t({containerLightBackgroundGradient:""})}}),n&&(0,o.jsx)(r.CustomGradientPicker,{onChange:e=>{t({containerLightBackgroundGradient:e})},value:""===l?"linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5))":l})]})}function u({attributes:e,setAttributes:t}){const{containerDarkBackgroundGradient:l}=e,[n,i]=(0,s.useState)(""!==l);return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Background gradient (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable background gradient (dark mode)","caledros-basic-blocks"),checked:n,onChange:()=>{i((e=>!e)),t({containerDarkBackgroundGradient:""})}}),n&&(0,o.jsx)(r.CustomGradientPicker,{onChange:e=>{t({containerDarkBackgroundGradient:e})},value:""===l?"linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5))":l})]})}const h=window.wp.data;function g({attributes:e,setAttributes:t}){const{containerDarkBackgroundColor:l}=e,[i,c]=(0,s.useState)("#00000000"===l),[d,b]=(0,n.useSettings)("color.palette","color.defaultPalette"),u=d.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),g=(0,h.select)("core/editor")?.getEditorSettings(),x=g?.__experimentalFeatures?.color?.palette,p=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),m=p(x,"default"),_=p(x,"theme"),v=p(x,"custom"),f=[...b?[m]:[],_,...v.colors?[v]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Background color (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Use transparent background.","caledros-basic-blocks"),checked:i,onChange:()=>{c((e=>!e)),t({containerDarkBackgroundColor:"#00000000"})}}),!i&&(0,o.jsx)(r.ColorPalette,{colors:x?f:u,value:l,onChange:e=>t({containerDarkBackgroundColor:e}),enableAlpha:!0,clearable:!1})]})}function x({attributes:e,setAttributes:t}){const{containerLightBackgroundColor:l}=e,[i,c]=(0,s.useState)("#00000000"===l),[d,b]=(0,n.useSettings)("color.palette","color.defaultPalette"),u=d.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),g=(0,h.select)("core/editor")?.getEditorSettings(),x=g?.__experimentalFeatures?.color?.palette,p=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),m=p(x,"default"),_=p(x,"theme"),v=p(x,"custom"),f=[...b?[m]:[],_,...v.colors?[v]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Background color (light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use transparent background",checked:i,onChange:()=>{c((e=>!e)),t({containerLightBackgroundColor:"#00000000"})}}),!i&&(0,o.jsx)(r.ColorPalette,{colors:x?f:u,value:l,onChange:e=>t({containerLightBackgroundColor:e}),enableAlpha:!0,clearable:!1})]})}function p({attributes:e,setAttributes:t}){const{containerBorder:l}=e,n=l.style.split(" "),i=n[0]||"solid",c=n[1]||"none",d=n[2]||"none",b=n[3]||"none",[u,h]=(0,s.useState)(!!l.style.includes(" "));return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Border style","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border styles for each side",checked:u,onChange:()=>{const e=!u;h(e),t(e?{containerBorder:{...l,style:"solid none none none"}}:{containerBorder:{...l,style:"solid"}})}}),!u&&(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the border style.","caledros-basic-blocks"),value:l.style,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({containerBorder:{...l,style:e}})}}),u&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the top border.","caledros-basic-blocks"),value:i,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({containerBorder:{...l,style:`${e} ${c} ${d} ${b}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the right border.","caledros-basic-blocks"),value:c,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({containerBorder:{...l,style:`${i} ${e} ${d} ${b}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the bottom border.","caledros-basic-blocks"),value:d,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({containerBorder:{...l,style:`${i} ${c} ${e} ${b}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the left border.","caledros-basic-blocks"),value:b,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({containerBorder:{...l,style:`${i} ${c} ${d} ${e}`}})}})]})]})}function m({attributes:e,setAttributes:t}){const{containerBorder:l}=e,n=l.width.split(" "),i=parseInt(n[0])||0,c=parseInt(n[1])||0,d=parseInt(n[2])||0,b=parseInt(n[3])||0,[u,h]=(0,s.useState)(!!l.width.includes(" "));return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Border width","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border widths for each side",checked:u,onChange:()=>{const e=!u;h(e),t(e?{containerBorder:{...l,width:"1px 1px 1px 1px"}}:{containerBorder:{...l,width:"1px"}})}}),!u&&(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the border width (px) for the container.","caledros-basic-blocks"),value:parseInt(l.width),max:50,min:0,step:1,onChange:e=>{t({containerBorder:{...l,width:`${e}px`}})}}),u&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the top border width (px) for the container.","caledros-basic-blocks"),value:i,max:50,min:0,step:1,onChange:e=>{t({containerBorder:{...l,width:`${e}px ${c}px ${d}px ${b}px`}})}}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the right border width (px) for the container.","caledros-basic-blocks"),value:c,max:50,min:0,step:1,onChange:e=>{t({containerBorder:{...l,width:`${i}px ${e}px ${d}px ${b}px`}})}}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the bottom border width (px) for the container.","caledros-basic-blocks"),value:d,max:50,min:0,step:1,onChange:e=>{t({containerBorder:{...l,width:`${i}px ${c}px ${e}px ${b}px`}})}}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the left border width (px) for the container.","caledros-basic-blocks"),value:b,max:50,min:0,step:1,onChange:e=>{t({containerBorder:{...l,width:`${i}px ${c}px ${d}px ${e}px`}})}})]})]})}function _({attributes:e,setAttributes:t}){const{containerBorder:l}=e,i=l.lightColor.split(" "),c=i[0]||"#000",d=i[1]||"#000",b=i[2]||"#000",u=i[3]||"#000",[g,x]=(0,s.useState)(!!l.lightColor.includes(" ")),[p,m]=(0,n.useSettings)("color.palette","color.defaultPalette"),_=p.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),v=(0,h.select)("core/editor")?.getEditorSettings(),f=v?.__experimentalFeatures?.color?.palette,C=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),k=C(f,"default"),$=C(f,"theme"),j=C(f,"custom"),B=[...m?[k]:[],$,...j.colors?[j]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Border color (light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border colors for each side",checked:g,onChange:()=>{const e=!g;x(e),t(e?{containerBorder:{...l,lightColor:"#000 #000 #000 #000"}}:{containerBorder:{...l,lightColor:"#000"}})}}),!g&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose the border color","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:_,value:l.lightColor,onChange:e=>t({containerBorder:{...l,lightColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0})]}),g&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the top border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:_,value:c,onChange:e=>{t({containerBorder:{...l,lightColor:`${e||"#00000000"} ${d} ${b} ${u}`}})},enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the right border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:_,value:d,onChange:e=>{t({containerBorder:{...l,lightColor:`${c} ${e||"#00000000"} ${b} ${u}`}})},enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the bottom border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:_,value:b,onChange:e=>{t({containerBorder:{...l,lightColor:`${c} ${d} ${e||"#00000000"} ${u}`}})},enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the left border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:_,value:u,onChange:e=>{t({containerBorder:{...l,lightColor:`${c} ${d} ${b} ${e||"#00000000"}`}})},enableAlpha:!0,clearable:!0})]})]})}function v({attributes:e,setAttributes:t}){const{containerBorder:l}=e,n=l.radius.split(" "),i=parseInt(n[0])||0,c=parseInt(n[1])||0,d=parseInt(n[2])||0,b=parseInt(n[3])||0,u=l.radius.split(" "),h=u[0]?u[0].replace(/\d+/g,""):"px",g=u[1]?u[1].replace(/\d+/g,""):"px",x=u[2]?u[2].replace(/\d+/g,""):"px",p=u[3]?u[3].replace(/\d+/g,""):"px",[m,_]=(0,s.useState)(!!l.radius.includes(" ")),v=(e,t)=>"%"===e&&t>100?100:t;return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Border radius","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border radiuses for each corner",checked:m,onChange:()=>{const e=!m;_(e),t(e?{containerBorder:{...l,radius:"10px 10px 10px 10px"}}:{containerBorder:{...l,radius:"10px"}})}}),!m&&(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the border radius (${h}) for the container.`,"caledros-basic-blocks"),value:parseInt(l.radius),max:"%"===h?100:150,min:0,step:1,onChange:e=>{t({containerBorder:{...l,radius:`${e}${h}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:h,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({containerBorder:{...l,radius:`${v(e,parseInt(l.radius))}${e}`}})}})]}),m&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top-left border radius (${h}).`,"caledros-basic-blocks"),value:i,max:"%"===h?100:150,min:0,step:1,onChange:e=>{t({containerBorder:{...l,radius:`${e}${h} ${c}${g} ${d}${x} ${b}${p}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:h,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({containerBorder:{...l,radius:`${v(e,i)}${e} ${c}${g} ${d}${x} ${b}${p}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top-right border radius (${g}).`,"caledros-basic-blocks"),value:c,max:"%"===g?100:150,min:0,step:1,onChange:e=>{t({containerBorder:{...l,radius:`${i}${h} ${e}${g} ${d}${x} ${b}${p}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:g,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({containerBorder:{...l,radius:`${i}${h} ${v(e,c)}${e} ${d}${x} ${b}${p}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom-right border radius (${x}).`,"caledros-basic-blocks"),value:d,max:"%"===x?100:150,min:0,step:1,onChange:e=>{t({containerBorder:{...l,radius:`${i}${h} ${c}${g} ${e}${x} ${b}${p}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:x,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({containerBorder:{...l,radius:`${i}${h} ${c}${g} ${v(e,d)}${e} ${b}${p}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom-left border radius (${p}).`,"caledros-basic-blocks"),value:b,max:"%"===p?100:150,min:0,step:1,onChange:e=>{t({containerBorder:{...l,radius:`${i}${h} ${c}${g} ${d}${x} ${e}${p}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:p,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({containerBorder:{...l,radius:`${i}${h} ${c}${g} ${d}${x} ${v(e,b)}${e}`}})}})]})]})]})}function f({attributes:e,setAttributes:t}){const{containerBoxShadow:l}=e,[s,i]=(0,n.useSettings)("color.palette","color.defaultPalette"),c=s.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),d=(0,h.select)("core/editor")?.getEditorSettings(),b=d?.__experimentalFeatures?.color?.palette,u=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),g=u(b,"default"),x=u(b,"theme"),p=u(b,"custom"),m=[...i?[g]:[],x,...p.colors?[p]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Box shadow","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable box shadow","caledros-basic-blocks"),checked:l.enabled,onChange:e=>{t({containerBoxShadow:{...l,enabled:e}})}}),l.enabled&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the box shadow.","caledros-basic-blocks"),value:""===l.style?"outline":"inset",options:[{label:"Outline",value:"outline"},{label:"Inset",value:"inset"}],onChange:e=>{t({containerBoxShadow:{...l,style:`${"outline"===e?"":e}`}})}}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the horizontal offset (px).","caledros-basic-blocks"),value:parseInt(l.hOffset),max:100,min:-100,step:1,onChange:e=>t({containerBoxShadow:{...l,hOffset:`${e}px`}})}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the vertical offset (px).","caledros-basic-blocks"),value:parseInt(l.vOffset),max:100,min:-100,step:1,onChange:e=>t({containerBoxShadow:{...l,vOffset:`${e}px`}})}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the blur (px).","caledros-basic-blocks"),value:parseInt(l.blur),max:100,min:0,step:1,onChange:e=>t({containerBoxShadow:{...l,blur:`${e}px`}})}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the spread (px).","caledros-basic-blocks"),value:parseInt(l.spread),max:100,min:-100,step:1,onChange:e=>t({containerBoxShadow:{...l,spread:`${e}px`}})}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the box shadow (light mode)","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:b?m:c,value:l.lightColor,onChange:e=>t({containerBoxShadow:{...l,lightColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the box shadow (dark mode)","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:b?m:c,value:l.darkColor,onChange:e=>t({containerBoxShadow:{...l,darkColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0})]})]})}function C({attributes:e,setAttributes:t}){const{containerMargin:l}=e,n=parseInt(l.top)||0,s=parseInt(l.left)||0,i=parseInt(l.bottom)||0,c=parseInt(l.right)||0,d=l.top.replace(/\d+/g,""),b=l.left.replace(/\d+/g,""),u=l.bottom.replace(/\d+/g,""),h=l.right.replace(/\d+/g,""),g=(e,t)=>"auto"===e?"":["%","vw"].includes(e)&&t>100?100:t;return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Margin","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable different margins","caledros-basic-blocks"),checked:l.differentMarginsEnabled,onChange:e=>{t({containerMargin:{...l,differentMarginsEnabled:e}})}}),!l.differentMarginsEnabled&&(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the margin (${d}) for the container.`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(d)?100:500,min:0,step:1,onChange:e=>{t({containerMargin:{...l,top:`${"auto"===d?"":e}${d}`}})},disabled:"auto"===d}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:d,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMargin:{...l,top:`${g(e,n)}${e}`}})}})]}),l.differentMarginsEnabled&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top margin (${d}) for the container.`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(d)?100:500,min:0,step:1,onChange:e=>{t({containerMargin:{...l,top:`${"auto"===d?"":e}${d}`}})},disabled:"auto"===d}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:d,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMargin:{...l,top:`${g(e,n)}${e}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the right margin (${h}) for the container.`,"caledros-basic-blocks"),value:c,max:["%","vw"].includes(h)?100:500,min:0,step:1,onChange:e=>{t({containerMargin:{...l,right:`${"auto"===h?"":e}${h}`}})},disabled:"auto"===h}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:h,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMargin:{...l,right:`${g(e,c)}${e}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom margin (${u}) for the container.`,"caledros-basic-blocks"),value:i,max:["%","vw"].includes(u)?100:500,min:0,step:1,onChange:e=>{t({containerMargin:{...l,bottom:`${"auto"===u?"":e}${u}`}})},disabled:"auto"===u}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:u,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMargin:{...l,bottom:`${g(e,i)}${e}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the left margin (${b}) for the container.`,"caledros-basic-blocks"),value:s,max:["%","vw"].includes(b)?100:500,min:0,step:1,onChange:e=>{t({containerMargin:{...l,left:`${"auto"===b?"":e}${b}`}})},disabled:"auto"===b}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:b,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({containerMargin:{...l,left:`${g(e,s)}${e}`}})}})]})]})]})}function k({attributes:e,setAttributes:t}){const{containerPadding:l}=e,n=parseInt(l.top)||0,s=parseInt(l.left)||0,i=parseInt(l.bottom)||0,c=parseInt(l.right)||0,d=l.top.replace(/\d+/g,""),b=l.left.replace(/\d+/g,""),u=l.bottom.replace(/\d+/g,""),h=l.right.replace(/\d+/g,""),g=(e,t)=>["%","vw"].includes(e)&&t>100?100:t;return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Padding","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Use global padding","caledros-basic-blocks"),help:(0,a.__)("This option applies predefined padding to the right and left sides of the block, ensuring consistency across the entire site. To adjust this padding, navigate to the Layout section in the Full Site Editor.","caledros-basic-blocks"),checked:l.useGlobalPadding,onChange:e=>{t({containerPadding:{...l,useGlobalPadding:e}})}}),!l.useGlobalPadding&&(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable different paddings","caledros-basic-blocks"),checked:l.differentPaddingsEnabled,onChange:e=>{t({containerPadding:{...l,differentPaddingsEnabled:e}})}}),!l.differentPaddingsEnabled&&!l.useGlobalPadding&&(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the padding (${d}) for the container.`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(d)?100:500,min:0,step:1,onChange:e=>{t({containerPadding:{...l,top:`${e}${d}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:d,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerPadding:{...l,top:`${g(e,n)}${e}`}})}})]}),l.differentPaddingsEnabled&&!l.useGlobalPadding&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top padding (${d}) for the container.`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(d)?100:500,min:0,step:1,onChange:e=>{t({containerPadding:{...l,top:`${e}${d}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:d,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerPadding:{...l,top:`${g(e,n)}${e}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the right padding (${h}) for the container.`,"caledros-basic-blocks"),value:c,max:["%","vw"].includes(h)?100:500,min:0,step:1,onChange:e=>{t({containerPadding:{...l,right:`${e}${h}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:h,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerPadding:{...l,right:`${g(e,c)}${e}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom padding (${u}) for the container.`,"caledros-basic-blocks"),value:i,max:["%","vw"].includes(u)?100:500,min:0,step:1,onChange:e=>{t({containerPadding:{...l,bottom:`${e}${u}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:u,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerPadding:{...l,bottom:`${g(e,i)}${e}`}})}})]}),(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the left padding (${b}) for the container.`,"caledros-basic-blocks"),value:s,max:["%","vw"].includes(b)?100:500,min:0,step:1,onChange:e=>{t({containerPadding:{...l,left:`${e}${b}`}})}}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:b,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({containerPadding:{...l,left:`${g(e,s)}${e}`}})}})]})]})]})}function $({attributes:e,setAttributes:t}){const{containerJustifyContent:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Justify content","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Select the value for the justify content property.","caledros-basic-blocks"),value:l,options:[{label:"Flex start (default)",value:"flex-start"},{label:"Flex end",value:"flex-end"},{label:"Center",value:"center"},{label:"Space between",value:"space-between"},{label:"Space around",value:"space-around"},{label:"Space evenly",value:"space-evenly"}],onChange:e=>{t({containerJustifyContent:e})}})})}function j({attributes:e,setAttributes:t}){const{containerAlignItems:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Align items","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Select the value for the align items property.","caledros-basic-blocks"),value:l,options:[{label:"Flex start",value:"flex-start"},{label:"Flex end",value:"flex-end"},{label:"Center",value:"center"},{label:"Stretch",value:"stretch"},{label:"Baseline",value:"baseline"},{label:"Normal (default)",value:"normal"}],onChange:e=>{t({containerAlignItems:e})}})})}function B({attributes:e,setAttributes:t}){const{containerColumnGap:l}=e,[n,i]=(0,s.useState)("normal"===l);return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Column gap","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Use normal column gap (default value)","caledros-basic-blocks"),checked:n,onChange:()=>{const e=n?"0":"normal";i((e=>!e)),t({containerColumnGap:e})}}),!n&&(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the column gap (px) for the flex container.","caledros-basic-blocks"),value:isNaN(parseInt(l))?0:parseInt(l),max:200,min:0,step:1,onChange:e=>t({containerColumnGap:`${e}px`})})]})}function w({attributes:e,setAttributes:t}){const{containerOverflow:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Overflow","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Select the value for the overflow property.","caledros-basic-blocks"),value:l,options:[{label:"Visible (default)",value:"visible"},{label:"Hidden",value:"hidden"},{label:"Scroll",value:"scroll"},{label:"Auto",value:"auto"}],onChange:e=>{t({containerOverflow:e})}})})}function y({attributes:e,setAttributes:t}){const{stickyNavigationEnabled:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Sticky navigation","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable sticky navigation","caledros-basic-blocks"),help:(0,a.__)("A sticky navigation bar will stick to the top of the screen while scrolling. The effect is only visible in the frontend, not in the editor.","caledros-basic-blocks"),checked:l,onChange:e=>t({stickyNavigationEnabled:e})})})}function S({attributes:e,setAttributes:t}){const{stickyNavHeight:l}=e,n=l.replace(/[\d.]+/g,"")||"px",s=e=>"px"===e?parseInt(l)||0:parseFloat(l)||0,i=(e,t)=>"vh"===e&&t>100?100:t;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Height","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsxs)("div",{className:"cbb-editor__grid",children:[(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the height (${n}) for the sticky navigation bar. This feature is only visible in the frontend.`,"caledros-basic-blocks"),value:s(n),max:"vh"===n?100:3e3,min:0,step:"px"===n?1:.01,onChange:e=>t({stickyNavHeight:`${e}${n}`})}),(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:n,options:[{label:"px",value:"px"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vh",value:"vh"}],onChange:e=>{t({stickyNavHeight:`${i(e,s(e))}${e}`})}})]})})}function N({attributes:e,setAttributes:t}){const{stickyNavLightBackgroundColor:l}=e,[i,c]=(0,s.useState)("#00000000"===l),[d,b]=(0,n.useSettings)("color.palette","color.defaultPalette"),u=d.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),g=(0,h.select)("core/editor")?.getEditorSettings(),x=g?.__experimentalFeatures?.color?.palette,p=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),m=p(x,"default"),_=p(x,"theme"),v=p(x,"custom"),f=[...b?[m]:[],_,...v.colors?[v]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Background color (light mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use transparent background",help:(0,a.__)("Enable this option to set a transparent background for the sticky navigation bar. This feature is only visible in the frontend.","caledros-basic-blocks"),checked:i,onChange:()=>{c((e=>!e)),t({stickyNavLightBackgroundColor:"#00000000"})}}),!i&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a custom background color for the sticky navigation bar. This feature is only visible in the frontend.","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:x?f:u,value:l,onChange:e=>t({stickyNavLightBackgroundColor:e}),enableAlpha:!0,clearable:!1})]})]})}function P({attributes:e,setAttributes:t}){const{stickyNavDarkBackgroundColor:l}=e,[i,c]=(0,s.useState)("#00000000"===l),[d,b]=(0,n.useSettings)("color.palette","color.defaultPalette"),u=d.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),g=(0,h.select)("core/editor")?.getEditorSettings(),x=g?.__experimentalFeatures?.color?.palette,p=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),m=p(x,"default"),_=p(x,"theme"),v=p(x,"custom"),f=[...b?[m]:[],_,...v.colors?[v]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Background color (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use transparent background",help:(0,a.__)("Enable this option to set a transparent background for the sticky navigation bar. This feature is only visible in the frontend.","caledros-basic-blocks"),checked:i,onChange:()=>{c((e=>!e)),t({stickyNavDarkBackgroundColor:"#00000000"})}}),!i&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a custom background color for the sticky navigation bar. This feature is only visible in the frontend.","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:x?f:u,value:l,onChange:e=>t({stickyNavDarkBackgroundColor:e}),enableAlpha:!0,clearable:!1})]})]})}function M({attributes:e,setAttributes:t}){const{containerBorder:l}=e,i=l.darkColor.split(" "),c=i[0]||"#000",d=i[1]||"#000",b=i[2]||"#000",u=i[3]||"#000",[g,x]=(0,s.useState)(!!l.darkColor.includes(" ")),[p,m]=(0,n.useSettings)("color.palette","color.defaultPalette"),_=p.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),v=(0,h.select)("core/editor")?.getEditorSettings(),f=v?.__experimentalFeatures?.color?.palette,C=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),k=C(f,"default"),$=C(f,"theme"),j=C(f,"custom"),B=[...m?[k]:[],$,...j.colors?[j]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Border color (dark mode)","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border colors for each side",checked:g,onChange:()=>{const e=!g;x(e),t(e?{containerBorder:{...l,darkColor:"#000 #000 #000 #000"}}:{containerBorder:{...l,darkColor:"#000"}})}}),!g&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose the border color","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:_,value:l.darkColor,onChange:e=>t({containerBorder:{...l,darkColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0})]}),g&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the top border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:_,value:c,onChange:e=>{t({containerBorder:{...l,darkColor:`${e||"#00000000"} ${d} ${b} ${u}`}})},enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the right border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:_,value:d,onChange:e=>{t({containerBorder:{...l,darkColor:`${c} ${e||"#00000000"} ${b} ${u}`}})},enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the bottom border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:_,value:b,onChange:e=>{t({containerBorder:{...l,darkColor:`${c} ${d} ${e||"#00000000"} ${u}`}})},enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the left border","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:f?B:_,value:u,onChange:e=>{t({containerBorder:{...l,darkColor:`${c} ${d} ${b} ${e||"#00000000"}`}})},enableAlpha:!0,clearable:!0})]})]})}function H({attributes:e,setAttributes:t}){const{centerStickyNav:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Center navigation bar","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Center navigation bar","caledros-basic-blocks"),help:(0,a.__)("Center the sticky navigation bar when the maximum width has a fixed value, or when it's less than 100%. For this option to work, the container's left and right margins must be set to 'auto'.","caledros-basic-blocks"),checked:l,onChange:e=>t({centerStickyNav:e})})})}function D({attributes:e,setAttributes:t}){const{overlayStickyNav:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Overlay navigation","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable overlay sticky navigation","caledros-basic-blocks"),help:(0,a.__)("This option transforms the sticky navigation bar into an overlay, allowing it to overlap the website's content until the user begins scrolling.","caledros-basic-blocks"),checked:l,onChange:e=>t({overlayStickyNav:e})})})}function z({attributes:e,setAttributes:t}){const{overlayNav:l}=e;return(0,o.jsx)(r.PanelBody,{title:(0,a.__)("Overlay navigation","caledros-basic-blocks"),initialOpen:!1,children:(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable overlay navigation","caledros-basic-blocks"),help:(0,a.__)("This option transforms the navigation bar into an overlay, allowing it to overlap the website's content.","caledros-basic-blocks"),checked:l,onChange:e=>t({overlayNav:e})})})}function A({attributes:e,setAttributes:t}){const{stickyNavBoxShadow:l}=e,[s,i]=(0,n.useSettings)("color.palette","color.defaultPalette"),c=s.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),d=(0,h.select)("core/editor")?.getEditorSettings(),b=d?.__experimentalFeatures?.color?.palette,u=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),g=u(b,"default"),x=u(b,"theme"),p=u(b,"custom"),m=[...i?[g]:[],x,...p.colors?[p]:[]];return(0,o.jsxs)(r.PanelBody,{title:(0,a.__)("Box shadow","caledros-basic-blocks"),initialOpen:!1,children:[(0,o.jsx)(r.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable box shadow","caledros-basic-blocks"),help:(0,a.__)("This control allows to set a custom box shadow for the sticky navigation bar. This feature is only visible on the frontend.","caledros-basic-blocks"),checked:l.enabled,onChange:e=>{t({stickyNavBoxShadow:{...l,enabled:e}})}}),l.enabled&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the box shadow.","caledros-basic-blocks"),value:""===l.style?"outline":"inset",options:[{label:"Outline",value:"outline"},{label:"Inset",value:"inset"}],onChange:e=>{t({stickyNavBoxShadow:{...l,style:`${"outline"===e?"":e}`}})}}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the horizontal offset (px).","caledros-basic-blocks"),value:parseInt(l.hOffset),max:100,min:-100,step:1,onChange:e=>t({stickyNavBoxShadow:{...l,hOffset:`${e}px`}})}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the vertical offset (px).","caledros-basic-blocks"),value:parseInt(l.vOffset),max:100,min:-100,step:1,onChange:e=>t({stickyNavBoxShadow:{...l,vOffset:`${e}px`}})}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the blur (px).","caledros-basic-blocks"),value:parseInt(l.blur),max:100,min:0,step:1,onChange:e=>t({stickyNavBoxShadow:{...l,blur:`${e}px`}})}),(0,o.jsx)(r.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the spread (px).","caledros-basic-blocks"),value:parseInt(l.spread),max:100,min:-100,step:1,onChange:e=>t({stickyNavBoxShadow:{...l,spread:`${e}px`}})}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the box shadow (light mode)","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:b?m:c,value:l.lightColor,onChange:e=>t({stickyNavBoxShadow:{...l,lightColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0}),(0,o.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the box shadow (dark mode)","caledros-basic-blocks")}),(0,o.jsx)(r.ColorPalette,{colors:b?m:c,value:l.darkColor,onChange:e=>t({stickyNavBoxShadow:{...l,darkColor:e||"#00000000"}}),enableAlpha:!0,clearable:!0})]})]})}(0,e.registerBlockType)(t.UU,{icon:l.icon,edit:function({attributes:e,setAttributes:t}){const{containerWidth:a,containerHeight:l,containerColumnGap:s,containerLightBackgroundColor:h,containerBackgroundImage:O,containerBgImageFocalPoint:I,containerLightBackgroundGradient:F,containerBorder:R,containerBoxShadow:T,containerMargin:E,containerPadding:G,containerJustifyContent:U,containerAlignItems:L,containerOverflow:W,containerDarkBackgroundColor:J,containerDarkBackgroundGradient:V}=e,X=(e,t,a)=>e||t?{[`--cbb-mm-${a}-bg-gradient`]:[t,e&&`url(${e})`].filter((e=>e)).join(", ")}:{},q=["cbb-mobile-menu-container",T.enabled&&"cbb-mobile-menu-container--has-box-shadow","0px"!==R.width&&"none"!==R.style&&("#00000000"!==R.lightColor||"#00000000"!==R.darkColor)&&"cbb-mobile-menu-container--has-border",(""!==F||""!==V)&&"cbb-mobile-menu-container--has-bg-gradient"].filter((e=>e)).join(" "),K=(0,n.useBlockProps)({className:`${q}`,style:{maxWidth:`${a}`,width:"100%",margin:E.differentMarginsEnabled?`${E.top} ${E.right} ${E.bottom} ${E.left}`:`${E.top}`,...G.useGlobalPadding?{"--cbb-mm-fc-padding":"0px var(--wp--style--root--padding-right, 0px) 0px var(--wp--style--root--padding-left, 0px)"}:{"--cbb-mm-fc-padding":G.differentPaddingsEnabled?`${G.top} ${G.right} ${G.bottom} ${G.left}`:`${G.top}`},"--cbb-mm-light-bg-color":h,"--cbb-mm-dark-bg-color":J,"--cbb-mm-just-content":U,"--cbb-mm-align-items":L,"--cbb-mm-height":l,"--cbb-mm-column-gap":s,...X(O.url,V,"dark"),...X(O.url,F,"light"),"--cbb-mm-bg-position":`${100*I.x}% ${100*I.y}%`,"--cbb-mm-br-style":"0px"===R.width||"none"===R.style||"#00000000"===R.lightColor&&"#00000000"===R.darkColor?"none":R.style,"--cbb-mm-br-width":"0px"===R.width||"none"===R.style||"#00000000"===R.lightColor&&"#00000000"===R.darkColor?"0px":R.width,"--cbb-mm-light-border-color":"0px"!==R.width&&"none"!==R.style&&"#00000000"!==R.lightColor?R.lightColor:"#00000000","--cbb-mm-dark-border-color":"0px"!==R.width&&"none"!==R.style&&"#00000000"!==R.darkColor?R.darkColor:"#00000000","--cbb-mm-br-radius":R.radius,"--cbb-mm-light-box-shadow":`${T.style} ${T.hOffset} ${T.vOffset} ${T.blur} ${T.spread} ${T.lightColor}`,"--cbb-mm-dark-box-shadow":`${T.style} ${T.hOffset} ${T.vOffset} ${T.blur} ${T.spread} ${T.darkColor}`,"--cbb-mm-overflow":W}});return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(n.InspectorControls,{children:(0,o.jsx)(r.TabPanel,{activeClass:"cbb-active-tab",tabs:[{name:"layout",title:"Layout"},{name:"style",title:"Style"},{name:"sticky-navbar",title:"Sticky"}],children:a=>"layout"===a.name?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(i,{attributes:e,setAttributes:t}),(0,o.jsx)(c,{attributes:e,setAttributes:t}),(0,o.jsx)(B,{attributes:e,setAttributes:t}),(0,o.jsx)(C,{attributes:e,setAttributes:t}),(0,o.jsx)(k,{attributes:e,setAttributes:t}),(0,o.jsx)($,{attributes:e,setAttributes:t}),(0,o.jsx)(j,{attributes:e,setAttributes:t}),(0,o.jsx)(w,{attributes:e,setAttributes:t}),(0,o.jsx)(z,{attributes:e,setAttributes:t})]}):"style"===a.name?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(x,{attributes:e,setAttributes:t}),(0,o.jsx)(g,{attributes:e,setAttributes:t}),(0,o.jsx)(d,{attributes:e,setAttributes:t}),(0,o.jsx)(b,{attributes:e,setAttributes:t}),(0,o.jsx)(u,{attributes:e,setAttributes:t}),(0,o.jsx)(p,{attributes:e,setAttributes:t}),(0,o.jsx)(m,{attributes:e,setAttributes:t}),(0,o.jsx)(_,{attributes:e,setAttributes:t}),(0,o.jsx)(M,{attributes:e,setAttributes:t}),(0,o.jsx)(v,{attributes:e,setAttributes:t}),(0,o.jsx)(f,{attributes:e,setAttributes:t})]}):"sticky-navbar"===a.name?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(y,{attributes:e,setAttributes:t}),(0,o.jsx)(S,{attributes:e,setAttributes:t}),(0,o.jsx)(N,{attributes:e,setAttributes:t}),(0,o.jsx)(P,{attributes:e,setAttributes:t}),(0,o.jsx)(H,{attributes:e,setAttributes:t}),(0,o.jsx)(D,{attributes:e,setAttributes:t}),(0,o.jsx)(A,{attributes:e,setAttributes:t})]}):null})}),(0,o.jsx)("div",{...K,children:(0,o.jsx)(n.InnerBlocks,{})})]})},save:function({attributes:e}){const{containerWidth:t,containerHeight:a,containerColumnGap:l,containerLightBackgroundColor:r,containerBackgroundImage:s,containerBgImageFocalPoint:i,containerLightBackgroundGradient:c,containerBorder:d,containerBoxShadow:b,containerMargin:u,containerPadding:h,containerJustifyContent:g,containerAlignItems:x,containerOverflow:p,stickyNavigationEnabled:m,stickyNavHeight:_,stickyNavLightBackgroundColor:v,stickyNavDarkBackgroundColor:f,containerDarkBackgroundColor:C,containerDarkBackgroundGradient:k,centerStickyNav:$,overlayStickyNav:j,overlayNav:B,stickyNavBoxShadow:w}=e,y=(e,t,a)=>e||t?{[`--cbb-mm-${a}-bg-gradient`]:[t,e&&`url(${e})`].filter((e=>e)).join(", ")}:{},S=["cbb-mobile-menu-container",h.useGlobalPadding&&"has-global-padding",m&&"cbb-mobile-menu-container--sticky",b.enabled&&"cbb-mobile-menu-container--has-box-shadow",("#00000000"!==r||"#00000000"!==C)&&"cbb-mobile-menu-container--has-bg-color","0px"!==d.width&&"none"!==d.style&&("#00000000"!==d.lightColor||"#00000000"!==d.darkColor)&&"cbb-mobile-menu-container--has-border",(""!==c||""!==k)&&"cbb-mobile-menu-container--has-bg-gradient"].filter((e=>e)).join(" "),N=n.useBlockProps.save({className:`${S}`,style:{maxWidth:t,width:"100%",margin:u.differentMarginsEnabled?`${u.top} ${u.right} ${u.bottom} ${u.left}`:`${u.top}`,...!h.useGlobalPadding&&{padding:h.differentPaddingsEnabled?`${h.top} ${h.right} ${h.bottom} ${h.left}`:`${h.top}`},..."#00000000"!==r&&{"--cbb-mm-light-bg-color":r},..."#00000000"!==C&&{"--cbb-mm-dark-bg-color":C},..."flex-start"!==g&&{justifyContent:g},..."normal"!==x&&{alignItems:x},...0!==a&&{"--cbb-mm-height":a},..."normal"!==l&&{columnGap:l},...""!==c||""!==k?{...y(s.url,k,"dark"),...y(s.url,c,"light")}:{...s.url&&{backgroundImage:`url(${s.url})`}},...""!==s.url&&{backgroundPosition:`${100*i.x}% ${100*i.y}%`},..."0px"!==d.width&&"none"!==d.style&&("#00000000"!==d.lightColor||"#00000000"!==d.darkColor)&&{borderStyle:d.style},..."0px"!==d.width&&"none"!==d.style&&("#00000000"!==d.lightColor||"#00000000"!==d.darkColor)&&{borderWidth:d.width},..."0px"!==d.width&&"none"!==d.style&&"#00000000"!==d.lightColor&&{"--cbb-mm-light-border-color":d.lightColor},..."0px"!==d.width&&"none"!==d.style&&"#00000000"!==d.darkColor&&{"--cbb-mm-dark-border-color":d.darkColor},..."0px"!==d.radius&&"0%"!==d.radius&&{borderRadius:d.radius},...b.enabled&&{"--cbb-mm-light-box-shadow":`${b.style} ${b.hOffset} ${b.vOffset} ${b.blur} ${b.spread} ${b.lightColor}`},...b.enabled&&{"--cbb-mm-dark-box-shadow":`${b.style} ${b.hOffset} ${b.vOffset} ${b.blur} ${b.spread} ${b.darkColor}`},..."visible"!==p&&{overflow:p},...m&&0!==_&&{"--cbb-mm-sticky-height":_},...m&&{"--cbb-mm-sticky-light-bg-color":v},...m&&{"--cbb-mm-sticky-dark-bg-color":f},...$&&{left:0,right:0},...B?{"--cbb-dm-position":"absolute",left:0,right:0}:{"--cbb-dm-position":"relative"},...w.enabled&&{"--cbb-mm-sticky-light-box-shadow":`${w.style} ${w.hOffset} ${w.vOffset} ${w.blur} ${w.spread} ${w.lightColor}`},...w.enabled&&{"--cbb-mm-sticky-dark-box-shadow":`${w.style} ${w.hOffset} ${w.vOffset} ${w.blur} ${w.spread} ${w.darkColor}`}}});return m?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{className:"cbb-mobile-menu-container__watcher"}),(0,o.jsx)("div",{...N,children:(0,o.jsx)(n.InnerBlocks.Content,{})}),(0,o.jsx)("div",{className:"cbb-mobile-menu-container__spacer-bottom",style:{"--cbb-spacer-bottom":`${j?"0px":a}`}})]}):(0,o.jsx)("div",{...N,children:(0,o.jsx)(n.InnerBlocks.Content,{})})}})}},a={};function o(e){var l=a[e];if(void 0!==l)return l.exports;var n=a[e]={exports:{}};return t[e](n,n.exports,o),n.exports}o.m=t,e=[],o.O=(t,a,l,n)=>{if(!a){var r=1/0;for(d=0;d<e.length;d++){for(var[a,l,n]=e[d],s=!0,i=0;i<a.length;i++)(!1&n||r>=n)&&Object.keys(o.O).every((e=>o.O[e](a[i])))?a.splice(i--,1):(s=!1,n<r&&(r=n));if(s){e.splice(d--,1);var c=l();void 0!==c&&(t=c)}}return t}n=n||0;for(var d=e.length;d>0&&e[d-1][2]>n;d--)e[d]=e[d-1];e[d]=[a,l,n]},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={333:0,305:0};o.O.j=t=>0===e[t];var t=(t,a)=>{var l,n,[r,s,i]=a,c=0;if(r.some((t=>0!==e[t]))){for(l in s)o.o(s,l)&&(o.m[l]=s[l]);if(i)var d=i(o)}for(t&&t(a);c<r.length;c++)n=r[c],o.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return o.O(d)},a=globalThis.webpackChunkcaledros_basic_blocks=globalThis.webpackChunkcaledros_basic_blocks||[];a.forEach(t.bind(null,0)),a.push=t.bind(null,a.push.bind(a))})();var l=o.O(void 0,[305],(()=>o(591)));l=o.O(l)})();

  • caledros-basic-blocks/trunk/build/blocks/mobile-menu-container/style-index-rtl.css

    r3312194 r3335584  
    1 .cbb-mobile-menu-container{background-blend-mode:overlay;background-size:cover;display:flex;flex-direction:row;height:var(--cbb-mm-height,30px);position:var(--cbb-dm-position,relative);transition:height .2s,background-color .3s;z-index:900}.cbb-mobile-menu-container>*{height:100%}.cbb-mobile-menu-container--has-bg-color{background-color:var(--cbb-mm-light-bg-color,#00000000)}.cbb-mobile-menu-container--has-box-shadow{box-shadow:var(--cbb-mm-light-box-shadow,none)}.cbb-mobile-menu-container--has-border{border-color:var(--cbb-mm-light-border-color,#00000000)}.cbb-mobile-menu-container--has-bg-gradient{background-image:var(--cbb-mm-light-bg-gradient,none)}.cbb-mobile-menu-container--sticky{position:fixed;transition:height .2s,background-color .3s;z-index:900}.cbb-mobile-menu-container__spacer-bottom{margin-bottom:var(--cbb-spacer-bottom,0)}.cbb-mobile-menu-container--sticking-enabled{background-color:var(--cbb-mm-sticky-light-bg-color,#00000000);height:var(--cbb-mm-sticky-height,30px);transition:all .5s}@media (max-width:600px){body.logged-in .cbb-mobile-menu-container--sticking-enabled{top:0}}@media (min-width:811px) and (hover:hover){.cbb-mobile-menu-container,.cbb-mobile-menu-container__spacer-bottom,.cbb-mobile-menu-container__watcher{display:none}}html[data-theme=dark] .cbb-mobile-menu-container--has-bg-color{background-color:var(--cbb-mm-dark-bg-color,#00000000)}html[data-theme=dark] .cbb-mobile-menu-container--has-box-shadow{box-shadow:var(--cbb-mm-dark-box-shadow,none)}html[data-theme=dark] .cbb-mobile-menu-container--has-border{border-color:var(--cbb-mm-dark-border-color,#00000000)}html[data-theme=dark] .cbb-mobile-menu-container--sticking-enabled{background-color:var(--cbb-mm-sticky-dark-bg-color,#00000000)}html[data-theme=dark] .cbb-mobile-menu-container--has-bg-gradient{background-image:var(--cbb-mm-dark-bg-gradient,none)}
     1.cbb-mobile-menu-container{background-blend-mode:overlay;background-size:cover;display:flex;flex-direction:row;height:var(--cbb-mm-height,30px);position:var(--cbb-dm-position,relative);transition:height .2s,background-color .3s;z-index:900}.cbb-mobile-menu-container>*{height:100%}.cbb-mobile-menu-container--has-bg-color{background-color:var(--cbb-mm-light-bg-color,#00000000)}.cbb-mobile-menu-container--has-box-shadow{box-shadow:var(--cbb-mm-light-box-shadow,none)}.cbb-mobile-menu-container--has-border{border-color:var(--cbb-mm-light-border-color,#00000000)}.cbb-mobile-menu-container--has-bg-gradient{background-image:var(--cbb-mm-light-bg-gradient,none)}.cbb-mobile-menu-container--sticky{position:fixed;transition:height .2s,background-color .3s;z-index:900}.cbb-mobile-menu-container__spacer-bottom{margin-bottom:var(--cbb-spacer-bottom,0)}.cbb-mobile-menu-container--sticking-enabled{background-color:var(--cbb-mm-sticky-light-bg-color,#00000000);box-shadow:var(--cbb-mm-sticky-light-box-shadow,none);height:var(--cbb-mm-sticky-height,30px);transition:all .5s}@media (max-width:600px){body.logged-in .cbb-mobile-menu-container--sticking-enabled{top:0}}@media (min-width:811px) and (hover:hover){.cbb-mobile-menu-container,.cbb-mobile-menu-container__spacer-bottom,.cbb-mobile-menu-container__watcher{display:none}}html[data-theme=dark] .cbb-mobile-menu-container--has-bg-color{background-color:var(--cbb-mm-dark-bg-color,#00000000)}html[data-theme=dark] .cbb-mobile-menu-container--has-box-shadow{box-shadow:var(--cbb-mm-dark-box-shadow,none)}html[data-theme=dark] .cbb-mobile-menu-container--has-border{border-color:var(--cbb-mm-dark-border-color,#00000000)}html[data-theme=dark] .cbb-mobile-menu-container--sticking-enabled{background-color:var(--cbb-mm-sticky-dark-bg-color,#00000000);box-shadow:var(--cbb-mm-sticky-dark-box-shadow,none)}html[data-theme=dark] .cbb-mobile-menu-container--has-bg-gradient{background-image:var(--cbb-mm-dark-bg-gradient,none)}

  • caledros-basic-blocks/trunk/build/blocks/mobile-menu-container/style-index.css

    r3312194 r3335584  
    1 .cbb-mobile-menu-container{background-blend-mode:overlay;background-size:cover;display:flex;flex-direction:row;height:var(--cbb-mm-height,30px);position:var(--cbb-dm-position,relative);transition:height .2s,background-color .3s;z-index:900}.cbb-mobile-menu-container>*{height:100%}.cbb-mobile-menu-container--has-bg-color{background-color:var(--cbb-mm-light-bg-color,#00000000)}.cbb-mobile-menu-container--has-box-shadow{box-shadow:var(--cbb-mm-light-box-shadow,none)}.cbb-mobile-menu-container--has-border{border-color:var(--cbb-mm-light-border-color,#00000000)}.cbb-mobile-menu-container--has-bg-gradient{background-image:var(--cbb-mm-light-bg-gradient,none)}.cbb-mobile-menu-container--sticky{position:fixed;transition:height .2s,background-color .3s;z-index:900}.cbb-mobile-menu-container__spacer-bottom{margin-bottom:var(--cbb-spacer-bottom,0)}.cbb-mobile-menu-container--sticking-enabled{background-color:var(--cbb-mm-sticky-light-bg-color,#00000000);height:var(--cbb-mm-sticky-height,30px);transition:all .5s}@media (max-width:600px){body.logged-in .cbb-mobile-menu-container--sticking-enabled{top:0}}@media (min-width:811px) and (hover:hover){.cbb-mobile-menu-container,.cbb-mobile-menu-container__spacer-bottom,.cbb-mobile-menu-container__watcher{display:none}}html[data-theme=dark] .cbb-mobile-menu-container--has-bg-color{background-color:var(--cbb-mm-dark-bg-color,#00000000)}html[data-theme=dark] .cbb-mobile-menu-container--has-box-shadow{box-shadow:var(--cbb-mm-dark-box-shadow,none)}html[data-theme=dark] .cbb-mobile-menu-container--has-border{border-color:var(--cbb-mm-dark-border-color,#00000000)}html[data-theme=dark] .cbb-mobile-menu-container--sticking-enabled{background-color:var(--cbb-mm-sticky-dark-bg-color,#00000000)}html[data-theme=dark] .cbb-mobile-menu-container--has-bg-gradient{background-image:var(--cbb-mm-dark-bg-gradient,none)}
     1.cbb-mobile-menu-container{background-blend-mode:overlay;background-size:cover;display:flex;flex-direction:row;height:var(--cbb-mm-height,30px);position:var(--cbb-dm-position,relative);transition:height .2s,background-color .3s;z-index:900}.cbb-mobile-menu-container>*{height:100%}.cbb-mobile-menu-container--has-bg-color{background-color:var(--cbb-mm-light-bg-color,#00000000)}.cbb-mobile-menu-container--has-box-shadow{box-shadow:var(--cbb-mm-light-box-shadow,none)}.cbb-mobile-menu-container--has-border{border-color:var(--cbb-mm-light-border-color,#00000000)}.cbb-mobile-menu-container--has-bg-gradient{background-image:var(--cbb-mm-light-bg-gradient,none)}.cbb-mobile-menu-container--sticky{position:fixed;transition:height .2s,background-color .3s;z-index:900}.cbb-mobile-menu-container__spacer-bottom{margin-bottom:var(--cbb-spacer-bottom,0)}.cbb-mobile-menu-container--sticking-enabled{background-color:var(--cbb-mm-sticky-light-bg-color,#00000000);box-shadow:var(--cbb-mm-sticky-light-box-shadow,none);height:var(--cbb-mm-sticky-height,30px);transition:all .5s}@media (max-width:600px){body.logged-in .cbb-mobile-menu-container--sticking-enabled{top:0}}@media (min-width:811px) and (hover:hover){.cbb-mobile-menu-container,.cbb-mobile-menu-container__spacer-bottom,.cbb-mobile-menu-container__watcher{display:none}}html[data-theme=dark] .cbb-mobile-menu-container--has-bg-color{background-color:var(--cbb-mm-dark-bg-color,#00000000)}html[data-theme=dark] .cbb-mobile-menu-container--has-box-shadow{box-shadow:var(--cbb-mm-dark-box-shadow,none)}html[data-theme=dark] .cbb-mobile-menu-container--has-border{border-color:var(--cbb-mm-dark-border-color,#00000000)}html[data-theme=dark] .cbb-mobile-menu-container--sticking-enabled{background-color:var(--cbb-mm-sticky-dark-bg-color,#00000000);box-shadow:var(--cbb-mm-sticky-dark-box-shadow,none)}html[data-theme=dark] .cbb-mobile-menu-container--has-bg-gradient{background-image:var(--cbb-mm-dark-bg-gradient,none)}

  • caledros-basic-blocks/trunk/build/blocks/responsive-image/block.json

    r3312222 r3335584  
    112112      "type": "string",
    113113      "default": ""
     114    },
     115    "lazyLoadingOverlayColor": {
     116      "type": "string",
     117      "default": "#00000000"
    114118    }
    115119  },

  • caledros-basic-blocks/trunk/build/blocks/responsive-image/index-rtl.css

    r3312194 r3335584  
    1 .cbb-resp-img img{vertical-align:top}
     1.cbb-resp-img img{vertical-align:top}.cbb-resp-img{display:inline-block}

  • caledros-basic-blocks/trunk/build/blocks/responsive-image/index.asset.php

    r3321999 r3335584  
    1 <?php return array('dependencies' => array('react-jsx-runtime', 'wp-blob', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n'), 'version' => 'cb4af15672949939c390');
     1<?php return array('dependencies' => array('react-jsx-runtime', 'wp-blob', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-escape-html', 'wp-i18n'), 'version' => 'bafd7968aea11c3625a8');

  • caledros-basic-blocks/trunk/build/blocks/responsive-image/index.css

    r3312194 r3335584  
    1 .cbb-resp-img img{vertical-align:top}
     1.cbb-resp-img img{vertical-align:top}.cbb-resp-img{display:inline-block}

  • caledros-basic-blocks/trunk/build/blocks/responsive-image/index.js

    r3321999 r3335584  
    1 (()=>{"use strict";var e,t={228:()=>{const e=window.wp.blocks,t=JSON.parse('{"UU":"caledros-basic-blocks/responsive-image"}'),a=window.wp.i18n,l=window.ReactJSXRuntime,o={icon:(0,l.jsx)("svg",{width:"24",height:"24",version:"1.1",viewBox:"0 0 6.35 6.35",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("g",{transform:"translate(-96.573 -101.07)",children:(0,l.jsxs)("g",{transform:"matrix(.087396 0 0 .087396 90.571 91.268)",children:[(0,l.jsx)("path",{d:"m141.33 148.5a36.329 36.329 0 0 1-36.329 36.329 36.329 36.329 0 0 1-36.329-36.329 36.329 36.329 0 0 1 36.329-36.329 36.329 36.329 0 0 1 36.329 36.329z",fill:"#e0ebe0","stroke-width":"0"}),(0,l.jsx)("path",{d:"m138.18 148.5a33.177 33.177 0 0 1-33.177 33.177 33.177 33.177 0 0 1-33.177-33.177 33.177 33.177 0 0 1 33.177-33.177 33.177 33.177 0 0 1 33.177 33.177z",fill:"#252533","stroke-width":"0"}),(0,l.jsx)("path",{d:"m135.4 148.5a30.397 30.397 0 0 1-30.397 30.397 30.397 30.397 0 0 1-30.397-30.397 30.397 30.397 0 0 1 30.397-30.397 30.397 30.397 0 0 1 30.397 30.397z",fill:"#e0ebe0","stroke-width":"0"}),(0,l.jsxs)("g",{transform:"matrix(.90041 0 0 .90041 31.823 90.353)",fill:"#252533","stroke-width":"1.1106",children:[(0,l.jsx)("path",{d:"m93.777 55.9v9.3361c7.8313 1.1492 16.709-9.4028 15.094-9.3963z"}),(0,l.jsx)("path",{d:"m97.104 59.499c2.0783-0.03527 3.9177 0.15195 8.6289-2.233-5.125 1.0559-5.7944 0.56153-8.6392 0.57438-0.78106 0.0035-0.68526 1.6378 0.01037 1.6586z","stroke-width":"0"}),(0,l.jsx)("path",{d:"m53.478 56.801h38.884v9.3252s-3.9882 1.7008-3.4603 4.8679c0.52784 3.1671 3.1084 6.862 10.088 6.9206v7.1928h-7.2969s-4.3545-4.1057-10.865-3.8568-10.078 3.691-10.078 3.691h-7.4648v-7.3819s10.451 0.62207 9.9531-7.1331c-0.49766-7.7551-19.699-9.2481-19.699-9.2481z"})]}),(0,l.jsx)("path",{d:"m106.41 126.27a0.78523 0.78523 0 0 0-0.94136 0.59044l-2.4602 10.727a0.78523 0.78523 0 0 0 0.58951 0.94136 0.78523 0.78523 0 0 0 0.94044-0.59044l2.4611-10.727a0.78523 0.78523 0 0 0-0.58951-0.94136z",color:"#000000",fill:"#fc571b","stroke-width":"0"}),(0,l.jsx)("path",{d:"m100.45 127.77-5.9517 3.9678a0.78531 0.78531 0 0 0 0 1.3062l5.9517 3.9678a0.78523 0.78523 0 0 0 1.089-0.21724 0.78523 0.78523 0 0 0-0.21816-1.089l-4.9723-3.3152 4.9723-3.3143a0.78523 0.78523 0 0 0 0.21816-1.089 0.78523 0.78523 0 0 0-1.089-0.21724z",color:"#000000",fill:"#fc571b","stroke-width":"0"}),(0,l.jsx)("path",{d:"m109.55 127.77a0.78523 0.78523 0 0 0-1.089 0.21724 0.78523 0.78523 0 0 0 0.21816 1.089l4.9714 3.3143-4.9714 3.3152a0.78523 0.78523 0 0 0-0.21816 1.089 0.78523 0.78523 0 0 0 1.089 0.21724l5.9517-3.9678a0.78531 0.78531 0 0 0 0-1.3062z",color:"#000000",fill:"#fc571b","stroke-width":"0"})]})})})},s=window.wp.blockEditor,i=window.wp.components,n=window.wp.element,r=window.wp.escapeHtml;function d({attributes:e,setAttributes:t}){const{imgWidth:o,sourceImage:s}=e,n=o.content.replace(/\d+/g,"")||"px",r=["px","%","em","rem","vw"].includes(n)?n:"px",d=parseInt(o.content)||0,c=(e,t)=>["%","vw"].includes(e)&&t>100?100:t;return(0,l.jsxs)(i.PanelBody,{title:(0,a.__)("Max width","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(i.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)(`Use actual width (${s.width}px)`,"caledros-basic-blocks"),checked:o.defaultWidthEnabled,onChange:e=>{t({imgWidth:{content:`${s.width}px`,defaultWidthEnabled:e}})}}),!o.defaultWidthEnabled&&(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Choose the width (${r}) for the image.`,"caledros-basic-blocks"),value:parseInt(o.content),max:"%"===r||"vw"===r?100:2e3,min:0,step:1,onChange:e=>t({imgWidth:{...o,content:`${e}${r}`}})}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:r,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({imgWidth:{...o,content:`${c(e,d)}${e}`}})}})]})]})}function c({attributes:e,setAttributes:t}){const{imgHeight:o,sourceImage:s}=e,n=o.content.replace(/\d+/g,"")||"px",r=["px","%","em","rem","vw","auto"].includes(n)?n:"px",d=parseInt(o.content)||0,c=(e,t)=>"auto"===e?"":["%","vw"].includes(e)&&t>100?100:t;return(0,l.jsxs)(i.PanelBody,{title:(0,a.__)("Height","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(i.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)(`Use actual height (${s.height}px)`,"caledros-basic-blocks"),checked:o.defaultHeightEnabled,onChange:e=>{t({imgHeight:{content:`${s.height}px`,defaultHeightEnabled:e}})}}),!o.defaultHeightEnabled&&(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Choose the height (${r}) for the image.`,"caledros-basic-blocks"),value:parseInt(o.content),max:"%"===r||"vw"===r?100:2e3,min:0,step:1,onChange:e=>t({imgHeight:{...o,content:`${e}${r}`}}),disabled:"auto"===o.content}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:r,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>t({imgHeight:{...o,content:`${c(e,d)}${e}`}})})]})]})}function b({attributes:e,setAttributes:t}){const{imgObjectFit:o}=e;return(0,l.jsx)(i.PanelBody,{title:(0,a.__)("Object fit","caledros-basic-blocks"),initialOpen:!1,children:(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the object fit property for the image.","caledros-basic-blocks"),value:o,options:[{label:"Contain",value:"contain"},{label:"Cover",value:"cover"}],onChange:e=>t({imgObjectFit:e})})})}function u({attributes:e,setAttributes:t}){const{imgMargin:o}=e,s=parseInt(o.top)||0,n=parseInt(o.left)||0,r=parseInt(o.bottom)||0,d=parseInt(o.right)||0,c=o.top.replace(/\d+/g,""),b=o.left.replace(/\d+/g,""),u=o.bottom.replace(/\d+/g,""),g=o.right.replace(/\d+/g,""),h=(e,t)=>"auto"===e?"":["%","vw"].includes(e)&&t>100?100:t;return(0,l.jsxs)(i.PanelBody,{title:(0,a.__)("Margin","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(i.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable different margins","caledros-basic-blocks"),checked:o.differentMarginsEnabled,onChange:e=>{t({imgMargin:{...o,differentMarginsEnabled:e}})}}),!o.differentMarginsEnabled&&(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the margin (${c}) for the image.`,"caledros-basic-blocks"),value:s,max:["%","vw"].includes(c)?100:500,min:0,step:1,onChange:e=>{t({imgMargin:{...o,top:`${"auto"===c?"":e}${c}`}})},disabled:"auto"===c}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:c,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({imgMargin:{...o,top:`${h(e,s)}${e}`}})}})]}),o.differentMarginsEnabled&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top margin (${c}) for the image.`,"caledros-basic-blocks"),value:s,max:["%","vw"].includes(c)?100:500,min:0,step:1,onChange:e=>{t({imgMargin:{...o,top:`${"auto"===c?"":e}${c}`}})},disabled:"auto"===c}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:c,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({imgMargin:{...o,top:`${h(e,s)}${e}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the right margin (${g}) for the image.`,"caledros-basic-blocks"),value:d,max:["%","vw"].includes(g)?100:500,min:0,step:1,onChange:e=>{t({imgMargin:{...o,right:`${"auto"===g?"":e}${g}`}})},disabled:"auto"===g}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:g,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({imgMargin:{...o,right:`${h(e,d)}${e}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom margin (${u}) for the image.`,"caledros-basic-blocks"),value:r,max:["%","vw"].includes(u)?100:500,min:0,step:1,onChange:e=>{t({imgMargin:{...o,bottom:`${"auto"===u?"":e}${u}`}})},disabled:"auto"===u}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:u,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({imgMargin:{...o,bottom:`${h(e,r)}${e}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the left margin (${b}) for the image.`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(b)?100:500,min:0,step:1,onChange:e=>{t({imgMargin:{...o,left:`${"auto"===b?"":e}${b}`}})},disabled:"auto"===b}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:b,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({imgMargin:{...o,left:`${h(e,n)}${e}`}})}})]})]})]})}function g({attributes:e,setAttributes:t}){const{imgPadding:o}=e,s=parseInt(o.top)||0,n=parseInt(o.left)||0,r=parseInt(o.bottom)||0,d=parseInt(o.right)||0,c=o.top.replace(/\d+/g,""),b=o.left.replace(/\d+/g,""),u=o.bottom.replace(/\d+/g,""),g=o.right.replace(/\d+/g,""),h=(e,t)=>["%","vw"].includes(e)&&t>100?100:t;return(0,l.jsxs)(i.PanelBody,{title:(0,a.__)("Padding","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(i.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable different paddings","caledros-basic-blocks"),checked:o.differentPaddingsEnabled,onChange:e=>{t({imgPadding:{...o,differentPaddingsEnabled:e}})}}),!o.differentPaddingsEnabled&&(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the padding (${c}).`,"caledros-basic-blocks"),value:s,max:["%","vw"].includes(c)?100:500,min:0,step:1,onChange:e=>{t({imgPadding:{...o,top:`${e}${c}`}})}}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:c,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({imgPadding:{...o,top:`${h(e,s)}${e}`}})}})]}),o.differentPaddingsEnabled&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top padding (${c}).`,"caledros-basic-blocks"),value:s,max:["%","vw"].includes(c)?100:500,min:0,step:1,onChange:e=>{t({imgPadding:{...o,top:`${e}${c}`}})}}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:c,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({imgPadding:{...o,top:`${h(e,s)}${e}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the right padding (${g}).`,"caledros-basic-blocks"),value:d,max:["%","vw"].includes(g)?100:500,min:0,step:1,onChange:e=>{t({imgPadding:{...o,right:`${e}${g}`}})}}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:g,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({imgPadding:{...o,right:`${h(e,d)}${e}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom padding (${u}).`,"caledros-basic-blocks"),value:r,max:["%","vw"].includes(u)?100:500,min:0,step:1,onChange:e=>{t({imgPadding:{...o,bottom:`${e}${u}`}})}}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:u,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({imgPadding:{...o,bottom:`${h(e,r)}${e}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the left padding (${b}).`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(b)?100:500,min:0,step:1,onChange:e=>{t({imgPadding:{...o,left:`${e}${b}`}})}}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:b,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({imgPadding:{...o,left:`${h(e,n)}${e}`}})}})]})]})]})}const h=window.wp.blob;function x({attributes:e,setAttributes:t,setShowSpinner:o}){const{sourceImage:n}=e;return(0,l.jsx)(i.ToolbarGroup,{children:(0,l.jsx)(s.MediaReplaceFlow,{name:(0,a.__)("Replace image","caledros-basic-blocks"),mediaId:n.id,mediaURL:n.url,allowedTypes:["image"],accept:"image/*",onError:e=>console.error(e),onSelect:e=>{return a=e,void((0,h.isBlobURL)(a.url)?o(!0):(o(!1),t({sourceImage:{id:a.id,alt:a.alt,url:a.url,height:a.media_details?.height||a.height,width:a.media_details?.width||a.width,srcSet:`${l=a.media_details?.sizes||a.sizes,Object.keys(l).filter((e=>"thumbnail"!==e)).map((e=>{const{url:t,width:a,source_url:o}=l[e];return`${t||o} ${a}w`})).join(", ")}`,sizes:`(max-width:${a.media_details?.width||a.width}px) 100vw, ${a.media_details?.width||a.width}px`}}),(0,h.revokeBlobURL)(a.url)));var a,l}})})}function p({attributes:e,setAttributes:t,showSpinner:a,setShowSpinner:o}){const{sourceImage:i}=e;return(0,l.jsx)(l.Fragment,{children:(0,l.jsx)(s.MediaPlaceholder,{allowedTypes:["image"],accept:"image/*",icon:"camera",onSelect:e=>{var a;(0,h.isBlobURL)(e.url)?o(!0):(o(!1),t({sourceImage:{id:e.id,alt:e.alt,url:e.url,height:e.media_details?.height||e.height,width:e.media_details?.width||e.width,srcSet:`${a=e.media_details?.sizes||e.sizes,Object.keys(a).filter((e=>"thumbnail"!==e)).map((e=>{const{url:t,width:l,source_url:o}=a[e];return`${t||o} ${l}w`})).join(", ")}`,sizes:`(max-width:${e.media_details?.width||e.width}px) 100vw, ${e.media_details?.width||e.width}px`}}),(0,h.revokeBlobURL)(e.url))},onError:e=>console.error(e),disableMediaButtons:i.url||a})})}function m({attributes:e,setAttributes:t}){const{imgLazyLoad:o}=e;return(0,l.jsx)(i.PanelBody,{title:(0,a.__)("Lazy loading","caledros-basic-blocks"),initialOpen:!1,children:(0,l.jsx)(i.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable lazy loading","caledros-basic-blocks"),checked:o,onChange:e=>{t({imgLazyLoad:e})}})})}function _({attributes:e,setAttributes:t}){const{imgCaption:o}=e;return(0,l.jsxs)(i.PanelBody,{title:(0,a.__)("Caption","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(i.ToggleControl,{__nextHasNoMarginBottom:!0,checked:o.enabled,label:(0,a.__)("Enable image caption","caledros-basic-blocks"),onChange:e=>{t({imgCaption:{...o,enabled:e}})}}),o.enabled&&(0,l.jsx)(i.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,onChange:e=>{t({imgCaption:{...o,content:e}})},value:o.content,help:(0,a.__)("Write the image caption.","caledros-basic-blocks")})]})}function v({attributes:e,setAttributes:t}){const{sourceImage:o}=e;return(0,l.jsx)(i.PanelBody,{title:(0,a.__)("Alt text","caledros-basic-blocks"),initialOpen:!1,children:(0,l.jsx)(i.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,onChange:e=>{t({sourceImage:{...o,alt:e}})},value:o.alt,help:(0,a.__)("Write the alt text for the image.","caledros-basic-blocks")})})}function $({attributes:e,setAttributes:t}){const{imgBorder:o}=e,s=o.style.split(" "),r=s[0]||"solid",d=s[1]||"none",c=s[2]||"none",b=s[3]||"none",[u,g]=(0,n.useState)(!!o.style.includes(" "));return(0,l.jsxs)(i.PanelBody,{title:(0,a.__)("Border style","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(i.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border styles for each side",checked:u,onChange:()=>{const e=!u;g(e),t(e?{imgBorder:{...o,style:"solid none none none"}}:{imgBorder:{...o,style:"solid"}})}}),!u&&(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the border style.","caledros-basic-blocks"),value:o.style,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({imgBorder:{...o,style:e}})}}),u&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the top border.","caledros-basic-blocks"),value:r,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({imgBorder:{...o,style:`${e} ${d} ${c} ${b}`}})}}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the right border.","caledros-basic-blocks"),value:d,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({imgBorder:{...o,style:`${r} ${e} ${c} ${b}`}})}}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the bottom border.","caledros-basic-blocks"),value:c,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({imgBorder:{...o,style:`${r} ${d} ${e} ${b}`}})}}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the left border.","caledros-basic-blocks"),value:b,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({imgBorder:{...o,style:`${r} ${d} ${c} ${e}`}})}})]})]})}function f({attributes:e,setAttributes:t}){const{imgBorder:o}=e,s=o.width.split(" "),r=parseInt(s[0])||0,d=parseInt(s[1])||0,c=parseInt(s[2])||0,b=parseInt(s[3])||0,[u,g]=(0,n.useState)(!!o.width.includes(" "));return(0,l.jsxs)(i.PanelBody,{title:(0,a.__)("Border width","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(i.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border widths for each side",checked:u,onChange:()=>{const e=!u;g(e),t(e?{imgBorder:{...o,width:"1px 1px 1px 1px"}}:{imgBorder:{...o,width:"1px"}})}}),!u&&(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the border width (px) for the image.","caledros-basic-blocks"),value:parseInt(o.width),max:50,min:0,step:1,onChange:e=>{t({imgBorder:{...o,width:`${e}px`}})}}),u&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the top border width (px) for the image.","caledros-basic-blocks"),value:r,max:50,min:0,step:1,onChange:e=>{t({imgBorder:{...o,width:`${e}px ${d}px ${c}px ${b}px`}})}}),(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the right border width (px) for the image.","caledros-basic-blocks"),value:d,max:50,min:0,step:1,onChange:e=>{t({imgBorder:{...o,width:`${r}px ${e}px ${c}px ${b}px`}})}}),(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the bottom border width (px) for the image.","caledros-basic-blocks"),value:c,max:50,min:0,step:1,onChange:e=>{t({imgBorder:{...o,width:`${r}px ${d}px ${e}px ${b}px`}})}}),(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the left border width (px) for the image.","caledros-basic-blocks"),value:b,max:50,min:0,step:1,onChange:e=>{t({imgBorder:{...o,width:`${r}px ${d}px ${c}px ${e}px`}})}})]})]})}const C=window.wp.data;function w({attributes:e,setAttributes:t}){const{imgBorder:o}=e,r=o.color.split(" "),d=r[0]||"#000",c=r[1]||"#000",b=r[2]||"#000",u=r[3]||"#000",[g,h]=(0,n.useState)(!!o.color.includes(" ")),[x,p]=(0,s.useSettings)("color.palette","color.defaultPalette"),m=x.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),_=(0,C.select)("core/editor")?.getEditorSettings(),v=_?.__experimentalFeatures?.color?.palette,$=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),f=$(v,"default"),w=$(v,"theme"),j=$(v,"custom"),B=[...p?[f]:[],w,...j.colors?[j]:[]];return(0,l.jsxs)(i.PanelBody,{title:(0,a.__)("Border color","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(i.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border colors for each side",checked:g,onChange:()=>{const e=!g;h(e),t(e?{imgBorder:{...o,color:"#000 #000 #000 #000"}}:{imgBorder:{...o,color:"#000"}})}}),!g&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose the border color","caledros-basic-blocks")}),(0,l.jsx)(i.ColorPalette,{colors:v?B:m,value:o.color,onChange:e=>t({imgBorder:{...o,color:e||"#00000000"}}),enableAlpha:!0,clearable:!0})]}),g&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the top border","caledros-basic-blocks")}),(0,l.jsx)(i.ColorPalette,{colors:v?B:m,value:d,onChange:e=>{t({imgBorder:{...o,color:`${e||"#00000000"} ${c} ${b} ${u}`}})},enableAlpha:!0,clearable:!0}),(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the right border","caledros-basic-blocks")}),(0,l.jsx)(i.ColorPalette,{colors:v?B:m,value:c,onChange:e=>{t({imgBorder:{...o,color:`${d} ${e||"#00000000"} ${b} ${u}`}})},enableAlpha:!0,clearable:!0}),(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the bottom border","caledros-basic-blocks")}),(0,l.jsx)(i.ColorPalette,{colors:v?B:m,value:b,onChange:e=>{t({imgBorder:{...o,color:`${d} ${c} ${e||"#00000000"} ${u}`}})},enableAlpha:!0,clearable:!0}),(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the left border","caledros-basic-blocks")}),(0,l.jsx)(i.ColorPalette,{colors:v?B:m,value:u,onChange:e=>{t({imgBorder:{...o,color:`${d} ${c} ${b} ${e||"#00000000"}`}})},enableAlpha:!0,clearable:!0})]})]})}function j({attributes:e,setAttributes:t}){const{imgBorder:o}=e,s=o.radius.split(" "),r=parseInt(s[0])||0,d=parseInt(s[1])||0,c=parseInt(s[2])||0,b=parseInt(s[3])||0,u=o.radius.split(" "),g=u[0]?u[0].replace(/\d+/g,""):"px",h=u[1]?u[1].replace(/\d+/g,""):"px",x=u[2]?u[2].replace(/\d+/g,""):"px",p=u[3]?u[3].replace(/\d+/g,""):"px",[m,_]=(0,n.useState)(!!o.radius.includes(" ")),v=(e,t)=>"%"===e&&t>100?100:t;return(0,l.jsxs)(i.PanelBody,{title:(0,a.__)("Border radius","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(i.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border radiuses for each corner",checked:m,onChange:()=>{const e=!m;_(e),t(e?{imgBorder:{...o,radius:"10px 10px 10px 10px"}}:{imgBorder:{...o,radius:"10px"}})}}),!m&&(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the border radius (${g}) for the image.`,"caledros-basic-blocks"),value:parseInt(o.radius),max:"%"===g?100:150,min:0,step:1,onChange:e=>{t({imgBorder:{...o,radius:`${e}${g}`}})}}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:g,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({imgBorder:{...o,radius:`${v(e,parseInt(o.radius))}${e}`}})}})]}),m&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top-left border radius (${g}).`,"caledros-basic-blocks"),value:r,max:"%"===g?100:150,min:0,step:1,onChange:e=>{t({imgBorder:{...o,radius:`${e}${g} ${d}${h} ${c}${x} ${b}${p}`}})}}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:g,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({imgBorder:{...o,radius:`${v(e,r)}${e} ${d}${h} ${c}${x} ${b}${p}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top-right border radius (${h}).`,"caledros-basic-blocks"),value:d,max:"%"===h?100:150,min:0,step:1,onChange:e=>{t({imgBorder:{...o,radius:`${r}${g} ${e}${h} ${c}${x} ${b}${p}`}})}}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:h,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({imgBorder:{...o,radius:`${r}${g} ${v(e,d)}${e} ${c}${x} ${b}${p}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom-right border radius (${x}).`,"caledros-basic-blocks"),value:c,max:"%"===x?100:150,min:0,step:1,onChange:e=>{t({imgBorder:{...o,radius:`${r}${g} ${d}${h} ${e}${x} ${b}${p}`}})}}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:x,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({imgBorder:{...o,radius:`${r}${g} ${d}${h} ${v(e,c)}${e} ${b}${p}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom-left border radius (${p}).`,"caledros-basic-blocks"),value:b,max:"%"===p?100:150,min:0,step:1,onChange:e=>{t({imgBorder:{...o,radius:`${r}${g} ${d}${h} ${c}${x} ${e}${p}`}})}}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:p,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({imgBorder:{...o,radius:`${r}${g} ${d}${h} ${c}${x} ${v(e,b)}${e}`}})}})]})]})]})}function B({attributes:e,setAttributes:t}){const{imgBoxShadow:o}=e,[n,r]=(0,s.useSettings)("color.palette","color.defaultPalette"),d=n.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),c=(0,C.select)("core/editor")?.getEditorSettings(),b=c?.__experimentalFeatures?.color?.palette,u=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),g=u(b,"default"),h=u(b,"theme"),x=u(b,"custom"),p=[...r?[g]:[],h,...x.colors?[x]:[]];return(0,l.jsxs)(i.PanelBody,{title:(0,a.__)("Box shadow","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(i.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable box shadow","caledros-basic-blocks"),checked:o.enabled,onChange:e=>{t({imgBoxShadow:{...o,enabled:e}})}}),o.enabled&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the box shadow.","caledros-basic-blocks"),value:""===o.style?"outline":"inset",options:[{label:"Outline",value:"outline"},{label:"Inset",value:"inset"}],onChange:e=>{t({imgBoxShadow:{...o,style:`${"outline"===e?"":e}`}})}}),(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the horizontal offset (px).","caledros-basic-blocks"),value:parseInt(o.hOffset),max:100,min:-100,step:1,onChange:e=>t({imgBoxShadow:{...o,hOffset:`${e}px`}})}),(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the vertical offset (px).","caledros-basic-blocks"),value:parseInt(o.vOffset),max:100,min:-100,step:1,onChange:e=>t({imgBoxShadow:{...o,vOffset:`${e}px`}})}),(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the blur (px).","caledros-basic-blocks"),value:parseInt(o.blur),max:100,min:0,step:1,onChange:e=>t({imgBoxShadow:{...o,blur:`${e}px`}})}),(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the spread (px).","caledros-basic-blocks"),value:parseInt(o.spread),max:100,min:-100,step:1,onChange:e=>t({imgBoxShadow:{...o,spread:`${e}px`}})}),(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the box shadow","caledros-basic-blocks")}),(0,l.jsx)(i.ColorPalette,{colors:b?p:d,value:o.color,onChange:e=>t({imgBoxShadow:{...o,color:e||"#00000000"}}),enableAlpha:!0,clearable:!0})]})]})}function S({attributes:e,setAttributes:t}){const{imgFilter:o}=e,n=parseInt(o.content)||0,r=e=>{switch(!0){case"blur"===e:return"px";case"hue-rotate"===e:return"deg";case["brightness","contrast","grayscale","invert","opacity","saturate","sepia"].includes(e):return"%";default:return""}},d=(e,t)=>{switch(!0){case["blur","grayscale","invert","opacity","saturate","sepia"].includes(e)&&t>100:return 100;case["brightness","contrast"].includes(e)&&t>200:return 200;default:return t}},[c,b]=(0,s.useSettings)("color.palette","color.defaultPalette"),u=c.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),g=(0,C.select)("core/editor")?.getEditorSettings(),h=g?.__experimentalFeatures?.color?.palette,x=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),p=x(h,"default"),m=x(h,"theme"),_=x(h,"custom"),v=[...b?[p]:[],m,..._.colors?[_]:[]];return(0,l.jsxs)(i.PanelBody,{title:(0,a.__)("Filter","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the filter type.","caledros-basic-blocks"),value:o.type,options:[{label:"None",value:"none"},{label:"Blur",value:"blur"},{label:"Brightness",value:"brightness"},{label:"Contrast",value:"contrast"},{label:"Drop shadow",value:"drop-shadow"},{label:"Grayscale",value:"grayscale"},{label:"Hue rotate",value:"hue-rotate"},{label:"Invert",value:"invert"},{label:"Opacity",value:"opacity"},{label:"Saturate",value:"saturate"},{label:"Sepia",value:"sepia"}],onChange:e=>{t({imgFilter:{...o,type:e,content:`${d(e,n)}${r(e)}`}})}}),"blur"===o.type&&(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the blur value (px).","caledros-basic-blocks"),value:n,max:100,min:0,step:1,onChange:e=>t({imgFilter:{...o,content:`${e>100?100:e}px`}})}),"brightness"===o.type&&(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the brightness value (%).","caledros-basic-blocks"),value:n,max:200,min:0,step:1,onChange:e=>t({imgFilter:{...o,content:`${e}%`}})}),"contrast"===o.type&&(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the contrast value (%).","caledros-basic-blocks"),value:n,max:200,min:0,step:1,onChange:e=>t({imgFilter:{...o,content:`${e}%`}})}),"drop-shadow"===o.type&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the horizontal offset (px).","caledros-basic-blocks"),value:parseInt(o.hOffset),max:100,min:-100,step:1,onChange:e=>t({imgFilter:{...o,hOffset:`${e}px`}})}),(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the vertical offset (px).","caledros-basic-blocks"),value:parseInt(o.vOffset),max:100,min:-100,step:1,onChange:e=>t({imgFilter:{...o,vOffset:`${e}px`}})}),(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the blur (px).","caledros-basic-blocks"),value:parseInt(o.blur),max:100,min:0,step:1,onChange:e=>t({imgFilter:{...o,blur:`${e}px`}})}),(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the drop shadow","caledros-basic-blocks")}),(0,l.jsx)(i.ColorPalette,{colors:h?v:u,value:o.color,onChange:e=>t({imgFilter:{...o,color:e||"#00000000"}}),enableAlpha:!0,clearable:!0})]}),"grayscale"===o.type&&(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the grayscale value (%).","caledros-basic-blocks"),value:n>100?100:n,max:100,min:0,step:1,onChange:e=>t({imgFilter:{...o,content:`${e>100?100:e}%`}})}),"hue-rotate"===o.type&&(0,l.jsx)(i.AnglePickerControl,{onChange:e=>t({imgFilter:{...o,content:`${e}deg`}}),value:n,label:(0,a.__)("Hue-rotate value (deg)","caledros-basic-blocks")}),"invert"===o.type&&(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the invert value (%).","caledros-basic-blocks"),value:n>100?100:n,max:100,min:0,step:1,onChange:e=>t({imgFilter:{...o,content:`${e>100?100:e}%`}})}),"opacity"===o.type&&(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the opacity value (%).","caledros-basic-blocks"),value:n>100?100:n,max:100,min:0,step:1,onChange:e=>t({imgFilter:{...o,content:`${e>100?100:e}%`}})}),"saturate"===o.type&&(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the saturation value (%).","caledros-basic-blocks"),value:n>100?100:n,max:100,min:0,step:1,onChange:e=>t({imgFilter:{...o,content:`${e>100?100:e}%`}})}),"sepia"===o.type&&(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the sepia filter value (%).","caledros-basic-blocks"),value:n>100?100:n,max:100,min:0,step:1,onChange:e=>t({imgFilter:{...o,content:`${e>100?100:e}%`}})})]})}function y({attributes:e,setAttributes:t}){const{imgLink:o}=e;return(0,l.jsx)(i.PanelBody,{title:(0,a.__)("Image link","caledros-basic-blocks"),initialOpen:!1,children:(0,l.jsx)(i.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,onChange:e=>{t({imgLink:e})},value:o,help:(0,a.__)("Paste the link for the image","caledros-basic-blocks")})})}(0,e.registerBlockType)(t.UU,{icon:o.icon,edit:function({attributes:e,setAttributes:t}){const{sourceImage:a,imgWidth:o,imgHeight:h,imgObjectFit:C,imgMargin:k,imgPadding:N,imgLazyLoad:M,imgCaption:z,imgBorder:H,imgBoxShadow:D,imgFilter:P}=e,[O,R]=(0,n.useState)(!1),I=(0,s.useBlockProps)({className:"cbb-resp-img"+("inset"===(D.enabled&&D.style)?" inset-shadow":""),style:{margin:k.differentMarginsEnabled?`${k.top} ${k.right} ${k.bottom} ${k.left}`:`${k.top}`,padding:N.differentPaddingsEnabled?`${N.top} ${N.right} ${N.bottom} ${N.left}`:`${N.top}`,maxWidth:o.defaultWidthEnabled?`${a.width}px`:o.content,height:h.defaultHeightEnabled?`${a.height}px`:h.content,...D.enabled&&"inset"===D.style&&{"--inset-box-shadow":`${D.style} ${D.hOffset} ${D.vOffset} ${D.blur} ${D.spread} ${D.color}`},...D.enabled&&"inset"===D.style&&"0px"!==H.radius&&"0%"!==H.radius&&{"--inset-border-radius":H.radius}}});return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s.InspectorControls,{children:(0,l.jsx)(i.TabPanel,{activeClass:"cbb-active-tab",tabs:[{name:"layout",title:"Layout"},{name:"style",title:"Style"},{name:"additional",title:"Additional"}],children:a=>"layout"===a.name?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(d,{attributes:e,setAttributes:t}),(0,l.jsx)(c,{attributes:e,setAttributes:t}),(0,l.jsx)(u,{attributes:e,setAttributes:t}),(0,l.jsx)(g,{attributes:e,setAttributes:t})]}):"style"===a.name?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)($,{attributes:e,setAttributes:t}),(0,l.jsx)(f,{attributes:e,setAttributes:t}),(0,l.jsx)(w,{attributes:e,setAttributes:t}),(0,l.jsx)(j,{attributes:e,setAttributes:t}),(0,l.jsx)(B,{attributes:e,setAttributes:t}),(0,l.jsx)(S,{attributes:e,setAttributes:t})]}):"additional"===a.name?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(_,{attributes:e,setAttributes:t}),(0,l.jsx)(v,{attributes:e,setAttributes:t}),(0,l.jsx)(y,{attributes:e,setAttributes:t}),(0,l.jsx)(b,{attributes:e,setAttributes:t}),(0,l.jsx)(m,{attributes:e,setAttributes:t})]}):null})}),a.url&&(0,l.jsx)(s.BlockControls,{children:(0,l.jsx)(x,{attributes:e,setAttributes:t,setShowSpinner:R})}),(0,l.jsxs)("figure",{...I,children:[(0,l.jsx)(p,{attributes:e,setAttributes:t,showSpinner:O,setShowSpinner:R}),O&&(0,l.jsx)(i.Spinner,{style:{height:"60px",width:"60px",position:"absolute",right:"50%",transform:"translateX(50%)",top:"50px",zIndex:"99"}}),a.url&&(0,l.jsx)("img",{src:a.url,alt:(0,r.escapeHTML)(a.alt),width:a.width,height:a.height,...M&&{loading:"lazy"},...M&&{className:"lazy-image"},style:{objectFit:`${C}`,width:"100%",height:"100%",aspectRatio:`${a.width}/${a.height}`,..."0px"!==H.width&&"none"!==H.style&&"#00000000"!==H.color&&{borderStyle:H.style},..."0px"!==H.width&&"none"!==H.style&&"#00000000"!==H.color&&{borderWidth:H.width},..."0px"!==H.width&&"none"!==H.style&&"#00000000"!==H.color&&{borderColor:H.color},..."0px"!==H.radius&&"0%"!==H.radius&&{borderRadius:H.radius},...D.enabled&&"inset"!==D.style&&{boxShadow:`${D.style} ${D.hOffset} ${D.vOffset} ${D.blur} ${D.spread} ${D.color}`},...!["none","drop-shadow"].includes(P.type)&&{filter:`${P.type}(${P.content})`},..."drop-shadow"===P.type&&{filter:`${P.type}(${P.hOffset} ${P.vOffset} ${P.blur} ${P.color})`}},srcSet:a.srcSet,sizes:a.sizes}),z.enabled&&(0,l.jsx)("figcaption",{children:z.content})]})]})},save:function({attributes:e}){const{sourceImage:t,imgWidth:a,imgHeight:o,imgObjectFit:i,imgMargin:n,imgPadding:d,imgLazyLoad:c,imgCaption:b,imgBorder:u,imgBoxShadow:g,imgFilter:h,imgLink:x}=e,p=(e,t,a)=>{const{top:l,right:o,bottom:s,left:i}=t;return a||0!==parseInt(l)?a?{[e]:`${l} ${o} ${s} ${i}`}:{[e]:`${l}`}:{}},m=s.useBlockProps.save({className:"cbb-resp-img"+("inset"===(g.enabled&&g.style)?" inset-shadow":""),style:{...p("margin",n,n.differentMarginsEnabled),...p("padding",d,d.differentPaddingsEnabled),maxWidth:a.defaultWidthEnabled?`${t.width}px`:a.content,height:o.defaultHeightEnabled?`${t.height}px`:o.content,...g.enabled&&"inset"===g.style&&{"--inset-box-shadow":`${g.style} ${g.hOffset} ${g.vOffset} ${g.blur} ${g.spread} ${g.color}`},...g.enabled&&"inset"===g.style&&"0px"!==u.radius&&"0%"!==u.radius&&{"--inset-border-radius":u.radius}}});return(0,l.jsxs)(l.Fragment,{children:[x&&(0,l.jsxs)("figure",{...m,children:[(0,l.jsx)("a",{className:"cbb-resp-img__link",href:x,children:(0,l.jsx)("img",{src:t.url,alt:(0,r.escapeHTML)(t.alt),width:t.width,height:t.height,...c&&{loading:"lazy"},...c&&{className:"lazy-image"},style:{objectFit:`${i}`,width:"100%",height:"100%",aspectRatio:`${t.width}/${t.height}`,..."0px"!==u.width&&"none"!==u.style&&"#00000000"!==u.color&&{borderStyle:u.style},..."0px"!==u.width&&"none"!==u.style&&"#00000000"!==u.color&&{borderWidth:u.width},..."0px"!==u.width&&"none"!==u.style&&"#00000000"!==u.color&&{borderColor:u.color},..."0px"!==u.radius&&"0%"!==u.radius&&{borderRadius:u.radius},...g.enabled&&"inset"!==g.style&&{boxShadow:`${g.style} ${g.hOffset} ${g.vOffset} ${g.blur} ${g.spread} ${g.color}`},...!["none","drop-shadow"].includes(h.type)&&{filter:`${h.type}(${h.content})`},..."drop-shadow"===h.type&&{filter:`${h.type}(${h.hOffset} ${h.vOffset} ${h.blur} ${h.color})`}},srcSet:t.srcSet,sizes:t.sizes})}),b.enabled&&(0,l.jsx)("figcaption",{children:b.content})]}),!x&&(0,l.jsxs)("figure",{...m,children:[(0,l.jsx)("img",{src:t.url,alt:(0,r.escapeHTML)(t.alt),width:t.width,height:t.height,...c&&{loading:"lazy"},...c&&{className:"lazy-image"},style:{objectFit:`${i}`,width:"100%",height:"100%",aspectRatio:`${t.width}/${t.height}`,..."0px"!==u.width&&"none"!==u.style&&"#00000000"!==u.color&&{borderStyle:u.style},..."0px"!==u.width&&"none"!==u.style&&"#00000000"!==u.color&&{borderWidth:u.width},..."0px"!==u.width&&"none"!==u.style&&"#00000000"!==u.color&&{borderColor:u.color},..."0px"!==u.radius&&"0%"!==u.radius&&{borderRadius:u.radius},...g.enabled&&"inset"!==g.style&&{boxShadow:`${g.style} ${g.hOffset} ${g.vOffset} ${g.blur} ${g.spread} ${g.color}`},...!["none","drop-shadow"].includes(h.type)&&{filter:`${h.type}(${h.content})`},..."drop-shadow"===h.type&&{filter:`${h.type}(${h.hOffset} ${h.vOffset} ${h.blur} ${h.color})`}},srcSet:t.srcSet,sizes:t.sizes}),b.enabled&&(0,l.jsx)("figcaption",{children:b.content})]})]})}})}},a={};function l(e){var o=a[e];if(void 0!==o)return o.exports;var s=a[e]={exports:{}};return t[e](s,s.exports,l),s.exports}l.m=t,e=[],l.O=(t,a,o,s)=>{if(!a){var i=1/0;for(c=0;c<e.length;c++){for(var[a,o,s]=e[c],n=!0,r=0;r<a.length;r++)(!1&s||i>=s)&&Object.keys(l.O).every((e=>l.O[e](a[r])))?a.splice(r--,1):(n=!1,s<i&&(i=s));if(n){e.splice(c--,1);var d=o();void 0!==d&&(t=d)}}return t}s=s||0;for(var c=e.length;c>0&&e[c-1][2]>s;c--)e[c]=e[c-1];e[c]=[a,o,s]},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={447:0,879:0};l.O.j=t=>0===e[t];var t=(t,a)=>{var o,s,[i,n,r]=a,d=0;if(i.some((t=>0!==e[t]))){for(o in n)l.o(n,o)&&(l.m[o]=n[o]);if(r)var c=r(l)}for(t&&t(a);d<i.length;d++)s=i[d],l.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return l.O(c)},a=globalThis.webpackChunkcaledros_basic_blocks=globalThis.webpackChunkcaledros_basic_blocks||[];a.forEach(t.bind(null,0)),a.push=t.bind(null,a.push.bind(a))})();var o=l.O(void 0,[879],(()=>l(228)));o=l.O(o)})();
     1(()=>{"use strict";var e,t={734:()=>{const e=window.wp.blocks,t=JSON.parse('{"UU":"caledros-basic-blocks/responsive-image"}'),a=window.wp.i18n,l=window.ReactJSXRuntime,o={icon:(0,l.jsx)("svg",{width:"24",height:"24",version:"1.1",viewBox:"0 0 6.35 6.35",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("g",{transform:"translate(-96.573 -101.07)",children:(0,l.jsxs)("g",{transform:"matrix(.087396 0 0 .087396 90.571 91.268)",children:[(0,l.jsx)("path",{d:"m141.33 148.5a36.329 36.329 0 0 1-36.329 36.329 36.329 36.329 0 0 1-36.329-36.329 36.329 36.329 0 0 1 36.329-36.329 36.329 36.329 0 0 1 36.329 36.329z",fill:"#e0ebe0","stroke-width":"0"}),(0,l.jsx)("path",{d:"m138.18 148.5a33.177 33.177 0 0 1-33.177 33.177 33.177 33.177 0 0 1-33.177-33.177 33.177 33.177 0 0 1 33.177-33.177 33.177 33.177 0 0 1 33.177 33.177z",fill:"#252533","stroke-width":"0"}),(0,l.jsx)("path",{d:"m135.4 148.5a30.397 30.397 0 0 1-30.397 30.397 30.397 30.397 0 0 1-30.397-30.397 30.397 30.397 0 0 1 30.397-30.397 30.397 30.397 0 0 1 30.397 30.397z",fill:"#e0ebe0","stroke-width":"0"}),(0,l.jsxs)("g",{transform:"matrix(.90041 0 0 .90041 31.823 90.353)",fill:"#252533","stroke-width":"1.1106",children:[(0,l.jsx)("path",{d:"m93.777 55.9v9.3361c7.8313 1.1492 16.709-9.4028 15.094-9.3963z"}),(0,l.jsx)("path",{d:"m97.104 59.499c2.0783-0.03527 3.9177 0.15195 8.6289-2.233-5.125 1.0559-5.7944 0.56153-8.6392 0.57438-0.78106 0.0035-0.68526 1.6378 0.01037 1.6586z","stroke-width":"0"}),(0,l.jsx)("path",{d:"m53.478 56.801h38.884v9.3252s-3.9882 1.7008-3.4603 4.8679c0.52784 3.1671 3.1084 6.862 10.088 6.9206v7.1928h-7.2969s-4.3545-4.1057-10.865-3.8568-10.078 3.691-10.078 3.691h-7.4648v-7.3819s10.451 0.62207 9.9531-7.1331c-0.49766-7.7551-19.699-9.2481-19.699-9.2481z"})]}),(0,l.jsx)("path",{d:"m106.41 126.27a0.78523 0.78523 0 0 0-0.94136 0.59044l-2.4602 10.727a0.78523 0.78523 0 0 0 0.58951 0.94136 0.78523 0.78523 0 0 0 0.94044-0.59044l2.4611-10.727a0.78523 0.78523 0 0 0-0.58951-0.94136z",color:"#000000",fill:"#fc571b","stroke-width":"0"}),(0,l.jsx)("path",{d:"m100.45 127.77-5.9517 3.9678a0.78531 0.78531 0 0 0 0 1.3062l5.9517 3.9678a0.78523 0.78523 0 0 0 1.089-0.21724 0.78523 0.78523 0 0 0-0.21816-1.089l-4.9723-3.3152 4.9723-3.3143a0.78523 0.78523 0 0 0 0.21816-1.089 0.78523 0.78523 0 0 0-1.089-0.21724z",color:"#000000",fill:"#fc571b","stroke-width":"0"}),(0,l.jsx)("path",{d:"m109.55 127.77a0.78523 0.78523 0 0 0-1.089 0.21724 0.78523 0.78523 0 0 0 0.21816 1.089l4.9714 3.3143-4.9714 3.3152a0.78523 0.78523 0 0 0-0.21816 1.089 0.78523 0.78523 0 0 0 1.089 0.21724l5.9517-3.9678a0.78531 0.78531 0 0 0 0-1.3062z",color:"#000000",fill:"#fc571b","stroke-width":"0"})]})})})},s=window.wp.blockEditor,i=window.wp.components,n=window.wp.element,r=window.wp.escapeHtml;function d({attributes:e,setAttributes:t}){const{imgWidth:o,sourceImage:s}=e,n=o.content.replace(/\d+/g,"")||"px",r=["px","%","em","rem","vw"].includes(n)?n:"px",d=parseInt(o.content)||0,c=(e,t)=>["%","vw"].includes(e)&&t>100?100:t;return(0,l.jsxs)(i.PanelBody,{title:(0,a.__)("Max width","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(i.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)(`Use actual width (${s.width}px)`,"caledros-basic-blocks"),checked:o.defaultWidthEnabled,onChange:e=>{t({imgWidth:{content:`${s.width}px`,defaultWidthEnabled:e}})}}),!o.defaultWidthEnabled&&(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Choose the width (${r}) for the image.`,"caledros-basic-blocks"),value:parseInt(o.content),max:"%"===r||"vw"===r?100:2e3,min:0,step:1,onChange:e=>t({imgWidth:{...o,content:`${e}${r}`}})}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:r,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({imgWidth:{...o,content:`${c(e,d)}${e}`}})}})]})]})}function c({attributes:e,setAttributes:t}){const{imgHeight:o,sourceImage:s}=e,n=o.content.replace(/\d+/g,"")||"px",r=["px","%","em","rem","vw","auto"].includes(n)?n:"px",d=parseInt(o.content)||0,c=(e,t)=>"auto"===e?"":["%","vw"].includes(e)&&t>100?100:t;return(0,l.jsxs)(i.PanelBody,{title:(0,a.__)("Height","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(i.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)(`Use actual height (${s.height}px)`,"caledros-basic-blocks"),checked:o.defaultHeightEnabled,onChange:e=>{t({imgHeight:{content:`${s.height}px`,defaultHeightEnabled:e}})}}),!o.defaultHeightEnabled&&(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Choose the height (${r}) for the image.`,"caledros-basic-blocks"),value:parseInt(o.content),max:"%"===r||"vw"===r?100:2e3,min:0,step:1,onChange:e=>t({imgHeight:{...o,content:`${e}${r}`}}),disabled:"auto"===o.content}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:r,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>t({imgHeight:{...o,content:`${c(e,d)}${e}`}})})]})]})}function b({attributes:e,setAttributes:t}){const{imgObjectFit:o}=e;return(0,l.jsx)(i.PanelBody,{title:(0,a.__)("Object fit","caledros-basic-blocks"),initialOpen:!1,children:(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the object fit property for the image.","caledros-basic-blocks"),value:o,options:[{label:"Contain",value:"contain"},{label:"Cover",value:"cover"}],onChange:e=>t({imgObjectFit:e})})})}function u({attributes:e,setAttributes:t}){const{imgMargin:o}=e,s=parseInt(o.top)||0,n=parseInt(o.left)||0,r=parseInt(o.bottom)||0,d=parseInt(o.right)||0,c=o.top.replace(/\d+/g,""),b=o.left.replace(/\d+/g,""),u=o.bottom.replace(/\d+/g,""),g=o.right.replace(/\d+/g,""),h=(e,t)=>"auto"===e?"":["%","vw"].includes(e)&&t>100?100:t;return(0,l.jsxs)(i.PanelBody,{title:(0,a.__)("Margin","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(i.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable different margins","caledros-basic-blocks"),checked:o.differentMarginsEnabled,onChange:e=>{t({imgMargin:{...o,differentMarginsEnabled:e}})}}),!o.differentMarginsEnabled&&(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the margin (${c}) for the image.`,"caledros-basic-blocks"),value:s,max:["%","vw"].includes(c)?100:500,min:0,step:1,onChange:e=>{t({imgMargin:{...o,top:`${"auto"===c?"":e}${c}`}})},disabled:"auto"===c}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:c,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({imgMargin:{...o,top:`${h(e,s)}${e}`}})}})]}),o.differentMarginsEnabled&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top margin (${c}) for the image.`,"caledros-basic-blocks"),value:s,max:["%","vw"].includes(c)?100:500,min:0,step:1,onChange:e=>{t({imgMargin:{...o,top:`${"auto"===c?"":e}${c}`}})},disabled:"auto"===c}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:c,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({imgMargin:{...o,top:`${h(e,s)}${e}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the right margin (${g}) for the image.`,"caledros-basic-blocks"),value:d,max:["%","vw"].includes(g)?100:500,min:0,step:1,onChange:e=>{t({imgMargin:{...o,right:`${"auto"===g?"":e}${g}`}})},disabled:"auto"===g}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:g,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({imgMargin:{...o,right:`${h(e,d)}${e}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom margin (${u}) for the image.`,"caledros-basic-blocks"),value:r,max:["%","vw"].includes(u)?100:500,min:0,step:1,onChange:e=>{t({imgMargin:{...o,bottom:`${"auto"===u?"":e}${u}`}})},disabled:"auto"===u}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:u,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({imgMargin:{...o,bottom:`${h(e,r)}${e}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the left margin (${b}) for the image.`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(b)?100:500,min:0,step:1,onChange:e=>{t({imgMargin:{...o,left:`${"auto"===b?"":e}${b}`}})},disabled:"auto"===b}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:b,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"},{label:"auto",value:"auto"}],onChange:e=>{t({imgMargin:{...o,left:`${h(e,n)}${e}`}})}})]})]})]})}function g({attributes:e,setAttributes:t}){const{imgPadding:o}=e,s=parseInt(o.top)||0,n=parseInt(o.left)||0,r=parseInt(o.bottom)||0,d=parseInt(o.right)||0,c=o.top.replace(/\d+/g,""),b=o.left.replace(/\d+/g,""),u=o.bottom.replace(/\d+/g,""),g=o.right.replace(/\d+/g,""),h=(e,t)=>["%","vw"].includes(e)&&t>100?100:t;return(0,l.jsxs)(i.PanelBody,{title:(0,a.__)("Padding","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(i.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable different paddings","caledros-basic-blocks"),checked:o.differentPaddingsEnabled,onChange:e=>{t({imgPadding:{...o,differentPaddingsEnabled:e}})}}),!o.differentPaddingsEnabled&&(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the padding (${c}).`,"caledros-basic-blocks"),value:s,max:["%","vw"].includes(c)?100:500,min:0,step:1,onChange:e=>{t({imgPadding:{...o,top:`${e}${c}`}})}}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:c,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({imgPadding:{...o,top:`${h(e,s)}${e}`}})}})]}),o.differentPaddingsEnabled&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top padding (${c}).`,"caledros-basic-blocks"),value:s,max:["%","vw"].includes(c)?100:500,min:0,step:1,onChange:e=>{t({imgPadding:{...o,top:`${e}${c}`}})}}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:c,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({imgPadding:{...o,top:`${h(e,s)}${e}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the right padding (${g}).`,"caledros-basic-blocks"),value:d,max:["%","vw"].includes(g)?100:500,min:0,step:1,onChange:e=>{t({imgPadding:{...o,right:`${e}${g}`}})}}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:g,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({imgPadding:{...o,right:`${h(e,d)}${e}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom padding (${u}).`,"caledros-basic-blocks"),value:r,max:["%","vw"].includes(u)?100:500,min:0,step:1,onChange:e=>{t({imgPadding:{...o,bottom:`${e}${u}`}})}}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:u,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({imgPadding:{...o,bottom:`${h(e,r)}${e}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the left padding (${b}).`,"caledros-basic-blocks"),value:n,max:["%","vw"].includes(b)?100:500,min:0,step:1,onChange:e=>{t({imgPadding:{...o,left:`${e}${b}`}})}}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:b,options:[{label:"px",value:"px"},{label:"%",value:"%"},{label:"em",value:"em"},{label:"rem",value:"rem"},{label:"vw",value:"vw"}],onChange:e=>{t({imgPadding:{...o,left:`${h(e,n)}${e}`}})}})]})]})]})}const h=window.wp.blob;function x({attributes:e,setAttributes:t,setShowSpinner:o}){const{sourceImage:n}=e;return(0,l.jsx)(i.ToolbarGroup,{children:(0,l.jsx)(s.MediaReplaceFlow,{name:(0,a.__)("Replace image","caledros-basic-blocks"),mediaId:n.id,mediaURL:n.url,allowedTypes:["image"],accept:"image/*",onError:e=>console.error(e),onSelect:e=>{return a=e,void((0,h.isBlobURL)(a.url)?o(!0):(o(!1),t({sourceImage:{id:a.id,alt:a.alt,url:a.url,height:a.media_details?.height||a.height,width:a.media_details?.width||a.width,srcSet:`${l=a.media_details?.sizes||a.sizes,Object.keys(l).filter((e=>"thumbnail"!==e)).map((e=>{const{url:t,width:a,source_url:o}=l[e];return`${t||o} ${a}w`})).join(", ")}`,sizes:`(max-width:${a.media_details?.width||a.width}px) 100vw, ${a.media_details?.width||a.width}px`}}),(0,h.revokeBlobURL)(a.url)));var a,l}})})}function p({attributes:e,setAttributes:t,showSpinner:a,setShowSpinner:o}){const{sourceImage:i}=e;return(0,l.jsx)(l.Fragment,{children:(0,l.jsx)(s.MediaPlaceholder,{allowedTypes:["image"],accept:"image/*",icon:"camera",onSelect:e=>{var a;(0,h.isBlobURL)(e.url)?o(!0):(o(!1),t({sourceImage:{id:e.id,alt:e.alt,url:e.url,height:e.media_details?.height||e.height,width:e.media_details?.width||e.width,srcSet:`${a=e.media_details?.sizes||e.sizes,Object.keys(a).filter((e=>"thumbnail"!==e)).map((e=>{const{url:t,width:l,source_url:o}=a[e];return`${t||o} ${l}w`})).join(", ")}`,sizes:`(max-width:${e.media_details?.width||e.width}px) 100vw, ${e.media_details?.width||e.width}px`}}),(0,h.revokeBlobURL)(e.url))},onError:e=>console.error(e),disableMediaButtons:i.url||a})})}function m({attributes:e,setAttributes:t}){const{imgLazyLoad:o}=e;return(0,l.jsx)(i.PanelBody,{title:(0,a.__)("Lazy loading","caledros-basic-blocks"),initialOpen:!1,children:(0,l.jsx)(i.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable lazy loading","caledros-basic-blocks"),checked:o,onChange:e=>{t({imgLazyLoad:e})}})})}function _({attributes:e,setAttributes:t}){const{imgCaption:o}=e;return(0,l.jsxs)(i.PanelBody,{title:(0,a.__)("Caption","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(i.ToggleControl,{__nextHasNoMarginBottom:!0,checked:o.enabled,label:(0,a.__)("Enable image caption","caledros-basic-blocks"),onChange:e=>{t({imgCaption:{...o,enabled:e}})}}),o.enabled&&(0,l.jsx)(i.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,onChange:e=>{t({imgCaption:{...o,content:e}})},value:o.content,help:(0,a.__)("Write the image caption.","caledros-basic-blocks")})]})}function v({attributes:e,setAttributes:t}){const{sourceImage:o}=e;return(0,l.jsx)(i.PanelBody,{title:(0,a.__)("Alt text","caledros-basic-blocks"),initialOpen:!1,children:(0,l.jsx)(i.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,onChange:e=>{t({sourceImage:{...o,alt:e}})},value:o.alt,help:(0,a.__)("Write the alt text for the image.","caledros-basic-blocks")})})}function $({attributes:e,setAttributes:t}){const{imgBorder:o}=e,s=o.style.split(" "),r=s[0]||"solid",d=s[1]||"none",c=s[2]||"none",b=s[3]||"none",[u,g]=(0,n.useState)(!!o.style.includes(" "));return(0,l.jsxs)(i.PanelBody,{title:(0,a.__)("Border style","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(i.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border styles for each side",checked:u,onChange:()=>{const e=!u;g(e),t(e?{imgBorder:{...o,style:"solid none none none"}}:{imgBorder:{...o,style:"solid"}})}}),!u&&(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the border style.","caledros-basic-blocks"),value:o.style,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({imgBorder:{...o,style:e}})}}),u&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the top border.","caledros-basic-blocks"),value:r,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({imgBorder:{...o,style:`${e} ${d} ${c} ${b}`}})}}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the right border.","caledros-basic-blocks"),value:d,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({imgBorder:{...o,style:`${r} ${e} ${c} ${b}`}})}}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the bottom border.","caledros-basic-blocks"),value:c,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({imgBorder:{...o,style:`${r} ${d} ${e} ${b}`}})}}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the left border.","caledros-basic-blocks"),value:b,options:[{disabled:!0,label:"Select an option",value:""},{label:"None",value:"none"},{label:"Dotted",value:"dotted"},{label:"Dashed",value:"dashed"},{label:"Solid",value:"solid"},{label:"Double",value:"double"},{label:"Groove",value:"groove"},{label:"Ridge",value:"ridge"},{label:"Inset",value:"inset"},{label:"Outset",value:"outset"}],onChange:e=>{t({imgBorder:{...o,style:`${r} ${d} ${c} ${e}`}})}})]})]})}function f({attributes:e,setAttributes:t}){const{imgBorder:o}=e,s=o.width.split(" "),r=parseInt(s[0])||0,d=parseInt(s[1])||0,c=parseInt(s[2])||0,b=parseInt(s[3])||0,[u,g]=(0,n.useState)(!!o.width.includes(" "));return(0,l.jsxs)(i.PanelBody,{title:(0,a.__)("Border width","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(i.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border widths for each side",checked:u,onChange:()=>{const e=!u;g(e),t(e?{imgBorder:{...o,width:"1px 1px 1px 1px"}}:{imgBorder:{...o,width:"1px"}})}}),!u&&(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the border width (px) for the image.","caledros-basic-blocks"),value:parseInt(o.width),max:50,min:0,step:1,onChange:e=>{t({imgBorder:{...o,width:`${e}px`}})}}),u&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the top border width (px) for the image.","caledros-basic-blocks"),value:r,max:50,min:0,step:1,onChange:e=>{t({imgBorder:{...o,width:`${e}px ${d}px ${c}px ${b}px`}})}}),(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the right border width (px) for the image.","caledros-basic-blocks"),value:d,max:50,min:0,step:1,onChange:e=>{t({imgBorder:{...o,width:`${r}px ${e}px ${c}px ${b}px`}})}}),(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the bottom border width (px) for the image.","caledros-basic-blocks"),value:c,max:50,min:0,step:1,onChange:e=>{t({imgBorder:{...o,width:`${r}px ${d}px ${e}px ${b}px`}})}}),(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the left border width (px) for the image.","caledros-basic-blocks"),value:b,max:50,min:0,step:1,onChange:e=>{t({imgBorder:{...o,width:`${r}px ${d}px ${c}px ${e}px`}})}})]})]})}const C=window.wp.data;function w({attributes:e,setAttributes:t}){const{imgBorder:o}=e,r=o.color.split(" "),d=r[0]||"#000",c=r[1]||"#000",b=r[2]||"#000",u=r[3]||"#000",[g,h]=(0,n.useState)(!!o.color.includes(" ")),[x,p]=(0,s.useSettings)("color.palette","color.defaultPalette"),m=x.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),_=(0,C.select)("core/editor")?.getEditorSettings(),v=_?.__experimentalFeatures?.color?.palette,$=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),f=$(v,"default"),w=$(v,"theme"),j=$(v,"custom"),B=[...p?[f]:[],w,...j.colors?[j]:[]];return(0,l.jsxs)(i.PanelBody,{title:(0,a.__)("Border color","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(i.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border colors for each side",checked:g,onChange:()=>{const e=!g;h(e),t(e?{imgBorder:{...o,color:"#000 #000 #000 #000"}}:{imgBorder:{...o,color:"#000"}})}}),!g&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose the border color","caledros-basic-blocks")}),(0,l.jsx)(i.ColorPalette,{colors:v?B:m,value:o.color,onChange:e=>t({imgBorder:{...o,color:e||"#00000000"}}),enableAlpha:!0,clearable:!0})]}),g&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the top border","caledros-basic-blocks")}),(0,l.jsx)(i.ColorPalette,{colors:v?B:m,value:d,onChange:e=>{t({imgBorder:{...o,color:`${e||"#00000000"} ${c} ${b} ${u}`}})},enableAlpha:!0,clearable:!0}),(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the right border","caledros-basic-blocks")}),(0,l.jsx)(i.ColorPalette,{colors:v?B:m,value:c,onChange:e=>{t({imgBorder:{...o,color:`${d} ${e||"#00000000"} ${b} ${u}`}})},enableAlpha:!0,clearable:!0}),(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the bottom border","caledros-basic-blocks")}),(0,l.jsx)(i.ColorPalette,{colors:v?B:m,value:b,onChange:e=>{t({imgBorder:{...o,color:`${d} ${c} ${e||"#00000000"} ${u}`}})},enableAlpha:!0,clearable:!0}),(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the left border","caledros-basic-blocks")}),(0,l.jsx)(i.ColorPalette,{colors:v?B:m,value:u,onChange:e=>{t({imgBorder:{...o,color:`${d} ${c} ${b} ${e||"#00000000"}`}})},enableAlpha:!0,clearable:!0})]})]})}function j({attributes:e,setAttributes:t}){const{imgBorder:o}=e,s=o.radius.split(" "),r=parseInt(s[0])||0,d=parseInt(s[1])||0,c=parseInt(s[2])||0,b=parseInt(s[3])||0,u=o.radius.split(" "),g=u[0]?u[0].replace(/\d+/g,""):"px",h=u[1]?u[1].replace(/\d+/g,""):"px",x=u[2]?u[2].replace(/\d+/g,""):"px",p=u[3]?u[3].replace(/\d+/g,""):"px",[m,_]=(0,n.useState)(!!o.radius.includes(" ")),v=(e,t)=>"%"===e&&t>100?100:t;return(0,l.jsxs)(i.PanelBody,{title:(0,a.__)("Border radius","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(i.ToggleControl,{__nextHasNoMarginBottom:!0,label:"Use different border radiuses for each corner",checked:m,onChange:()=>{const e=!m;_(e),t(e?{imgBorder:{...o,radius:"10px 10px 10px 10px"}}:{imgBorder:{...o,radius:"10px"}})}}),!m&&(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the border radius (${g}) for the image.`,"caledros-basic-blocks"),value:parseInt(o.radius),max:"%"===g?100:150,min:0,step:1,onChange:e=>{t({imgBorder:{...o,radius:`${e}${g}`}})}}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:g,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({imgBorder:{...o,radius:`${v(e,parseInt(o.radius))}${e}`}})}})]}),m&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top-left border radius (${g}).`,"caledros-basic-blocks"),value:r,max:"%"===g?100:150,min:0,step:1,onChange:e=>{t({imgBorder:{...o,radius:`${e}${g} ${d}${h} ${c}${x} ${b}${p}`}})}}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:g,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({imgBorder:{...o,radius:`${v(e,r)}${e} ${d}${h} ${c}${x} ${b}${p}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the top-right border radius (${h}).`,"caledros-basic-blocks"),value:d,max:"%"===h?100:150,min:0,step:1,onChange:e=>{t({imgBorder:{...o,radius:`${r}${g} ${e}${h} ${c}${x} ${b}${p}`}})}}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:h,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({imgBorder:{...o,radius:`${r}${g} ${v(e,d)}${e} ${c}${x} ${b}${p}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom-right border radius (${x}).`,"caledros-basic-blocks"),value:c,max:"%"===x?100:150,min:0,step:1,onChange:e=>{t({imgBorder:{...o,radius:`${r}${g} ${d}${h} ${e}${x} ${b}${p}`}})}}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:x,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({imgBorder:{...o,radius:`${r}${g} ${d}${h} ${v(e,c)}${e} ${b}${p}`}})}})]}),(0,l.jsxs)("div",{className:"cbb-editor__grid",children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)(`Please select the bottom-left border radius (${p}).`,"caledros-basic-blocks"),value:b,max:"%"===p?100:150,min:0,step:1,onChange:e=>{t({imgBorder:{...o,radius:`${r}${g} ${d}${h} ${c}${x} ${e}${p}`}})}}),(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,value:p,options:[{label:"px",value:"px"},{label:"%",value:"%"}],onChange:e=>{t({imgBorder:{...o,radius:`${r}${g} ${d}${h} ${c}${x} ${v(e,b)}${e}`}})}})]})]})]})}function B({attributes:e,setAttributes:t}){const{imgBoxShadow:o}=e,[n,r]=(0,s.useSettings)("color.palette","color.defaultPalette"),d=n.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),c=(0,C.select)("core/editor")?.getEditorSettings(),b=c?.__experimentalFeatures?.color?.palette,u=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),g=u(b,"default"),h=u(b,"theme"),x=u(b,"custom"),p=[...r?[g]:[],h,...x.colors?[x]:[]];return(0,l.jsxs)(i.PanelBody,{title:(0,a.__)("Box shadow","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(i.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Enable box shadow","caledros-basic-blocks"),checked:o.enabled,onChange:e=>{t({imgBoxShadow:{...o,enabled:e}})}}),o.enabled&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the style for the box shadow.","caledros-basic-blocks"),value:""===o.style?"outline":"inset",options:[{label:"Outline",value:"outline"},{label:"Inset",value:"inset"}],onChange:e=>{t({imgBoxShadow:{...o,style:`${"outline"===e?"":e}`}})}}),(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the horizontal offset (px).","caledros-basic-blocks"),value:parseInt(o.hOffset),max:100,min:-100,step:1,onChange:e=>t({imgBoxShadow:{...o,hOffset:`${e}px`}})}),(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the vertical offset (px).","caledros-basic-blocks"),value:parseInt(o.vOffset),max:100,min:-100,step:1,onChange:e=>t({imgBoxShadow:{...o,vOffset:`${e}px`}})}),(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the blur (px).","caledros-basic-blocks"),value:parseInt(o.blur),max:100,min:0,step:1,onChange:e=>t({imgBoxShadow:{...o,blur:`${e}px`}})}),(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the spread (px).","caledros-basic-blocks"),value:parseInt(o.spread),max:100,min:-100,step:1,onChange:e=>t({imgBoxShadow:{...o,spread:`${e}px`}})}),(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the box shadow","caledros-basic-blocks")}),(0,l.jsx)(i.ColorPalette,{colors:b?p:d,value:o.color,onChange:e=>t({imgBoxShadow:{...o,color:e||"#00000000"}}),enableAlpha:!0,clearable:!0})]})]})}function S({attributes:e,setAttributes:t}){const{imgFilter:o}=e,n=parseInt(o.content)||0,r=e=>{switch(!0){case"blur"===e:return"px";case"hue-rotate"===e:return"deg";case["brightness","contrast","grayscale","invert","opacity","saturate","sepia"].includes(e):return"%";default:return""}},d=(e,t)=>{switch(!0){case["blur","grayscale","invert","opacity","saturate","sepia"].includes(e)&&t>100:return 100;case["brightness","contrast"].includes(e)&&t>200:return 200;default:return t}},[c,b]=(0,s.useSettings)("color.palette","color.defaultPalette"),u=c.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),g=(0,C.select)("core/editor")?.getEditorSettings(),h=g?.__experimentalFeatures?.color?.palette,x=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),p=x(h,"default"),m=x(h,"theme"),_=x(h,"custom"),v=[...b?[p]:[],m,..._.colors?[_]:[]];return(0,l.jsxs)(i.PanelBody,{title:(0,a.__)("Filter","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(i.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the filter type.","caledros-basic-blocks"),value:o.type,options:[{label:"None",value:"none"},{label:"Blur",value:"blur"},{label:"Brightness",value:"brightness"},{label:"Contrast",value:"contrast"},{label:"Drop shadow",value:"drop-shadow"},{label:"Grayscale",value:"grayscale"},{label:"Hue rotate",value:"hue-rotate"},{label:"Invert",value:"invert"},{label:"Opacity",value:"opacity"},{label:"Saturate",value:"saturate"},{label:"Sepia",value:"sepia"}],onChange:e=>{t({imgFilter:{...o,type:e,content:`${d(e,n)}${r(e)}`}})}}),"blur"===o.type&&(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the blur value (px).","caledros-basic-blocks"),value:n,max:100,min:0,step:1,onChange:e=>t({imgFilter:{...o,content:`${e>100?100:e}px`}})}),"brightness"===o.type&&(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the brightness value (%).","caledros-basic-blocks"),value:n,max:200,min:0,step:1,onChange:e=>t({imgFilter:{...o,content:`${e}%`}})}),"contrast"===o.type&&(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the contrast value (%).","caledros-basic-blocks"),value:n,max:200,min:0,step:1,onChange:e=>t({imgFilter:{...o,content:`${e}%`}})}),"drop-shadow"===o.type&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the horizontal offset (px).","caledros-basic-blocks"),value:parseInt(o.hOffset),max:100,min:-100,step:1,onChange:e=>t({imgFilter:{...o,hOffset:`${e}px`}})}),(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the vertical offset (px).","caledros-basic-blocks"),value:parseInt(o.vOffset),max:100,min:-100,step:1,onChange:e=>t({imgFilter:{...o,vOffset:`${e}px`}})}),(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Please select the blur (px).","caledros-basic-blocks"),value:parseInt(o.blur),max:100,min:0,step:1,onChange:e=>t({imgFilter:{...o,blur:`${e}px`}})}),(0,l.jsx)("label",{className:"cbb-editor-label",children:(0,a.__)("Choose a color for the drop shadow","caledros-basic-blocks")}),(0,l.jsx)(i.ColorPalette,{colors:h?v:u,value:o.color,onChange:e=>t({imgFilter:{...o,color:e||"#00000000"}}),enableAlpha:!0,clearable:!0})]}),"grayscale"===o.type&&(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the grayscale value (%).","caledros-basic-blocks"),value:n>100?100:n,max:100,min:0,step:1,onChange:e=>t({imgFilter:{...o,content:`${e>100?100:e}%`}})}),"hue-rotate"===o.type&&(0,l.jsx)(i.AnglePickerControl,{onChange:e=>t({imgFilter:{...o,content:`${e}deg`}}),value:n,label:(0,a.__)("Hue-rotate value (deg)","caledros-basic-blocks")}),"invert"===o.type&&(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the invert value (%).","caledros-basic-blocks"),value:n>100?100:n,max:100,min:0,step:1,onChange:e=>t({imgFilter:{...o,content:`${e>100?100:e}%`}})}),"opacity"===o.type&&(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the opacity value (%).","caledros-basic-blocks"),value:n>100?100:n,max:100,min:0,step:1,onChange:e=>t({imgFilter:{...o,content:`${e>100?100:e}%`}})}),"saturate"===o.type&&(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the saturation value (%).","caledros-basic-blocks"),value:n>100?100:n,max:100,min:0,step:1,onChange:e=>t({imgFilter:{...o,content:`${e>100?100:e}%`}})}),"sepia"===o.type&&(0,l.jsx)(i.RangeControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,help:(0,a.__)("Choose the sepia filter value (%).","caledros-basic-blocks"),value:n>100?100:n,max:100,min:0,step:1,onChange:e=>t({imgFilter:{...o,content:`${e>100?100:e}%`}})})]})}function y({attributes:e,setAttributes:t}){const{imgLink:o}=e;return(0,l.jsx)(i.PanelBody,{title:(0,a.__)("Image link","caledros-basic-blocks"),initialOpen:!1,children:(0,l.jsx)(i.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,onChange:e=>{t({imgLink:e})},value:o,help:(0,a.__)("Paste the link for the image","caledros-basic-blocks")})})}function k({attributes:e,setAttributes:t}){const{lazyLoadingOverlayColor:o}=e,[r,d]=(0,n.useState)("#00000000"===o),[c,b]=(0,s.useSettings)("color.palette","color.defaultPalette"),u=c.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),g=(0,C.select)("core/editor")?.getEditorSettings(),h=g?.__experimentalFeatures?.color?.palette,x=(e,t)=>({colors:e?.[t]?.map((e=>({color:`var(--wp--preset--color--${e.slug})`,name:e.name}))),name:`${t}`}),p=x(h,"default"),m=x(h,"theme"),_=x(h,"custom"),v=[...b?[p]:[],m,..._.colors?[_]:[]];return(0,l.jsxs)(i.PanelBody,{title:(0,a.__)("Lazy loading overlay color","caledros-basic-blocks"),initialOpen:!1,children:[(0,l.jsx)(i.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,a.__)("Use a transparent overlay","caledros-basic-blocks"),checked:r,onChange:()=>{d((e=>!e)),t({lazyLoadingOverlayColor:"#00000000"})}}),!r&&(0,l.jsx)(i.ColorPalette,{colors:h?v:u,value:o,onChange:e=>t({lazyLoadingOverlayColor:e}),enableAlpha:!0,clearable:!1})]})}(0,e.registerBlockType)(t.UU,{icon:o.icon,edit:function({attributes:e,setAttributes:t}){const{sourceImage:a,imgWidth:o,imgHeight:h,imgObjectFit:C,imgMargin:N,imgPadding:z,imgLazyLoad:M,imgCaption:H,imgBorder:P,imgBoxShadow:D,imgFilter:O,lazyLoadingOverlayColor:R}=e,[I,A]=(0,n.useState)(!1),F=(0,s.useBlockProps)({className:"cbb-resp-img"+("inset"===(D.enabled&&D.style)?" inset-shadow":""),style:{margin:N.differentMarginsEnabled?`${N.top} ${N.right} ${N.bottom} ${N.left}`:`${N.top}`,padding:z.differentPaddingsEnabled?`${z.top} ${z.right} ${z.bottom} ${z.left}`:`${z.top}`,maxWidth:o.defaultWidthEnabled?`${a.width}px`:o.content,height:h.defaultHeightEnabled?`${a.height}px`:h.content,...D.enabled&&"inset"===D.style&&{"--inset-box-shadow":`${D.style} ${D.hOffset} ${D.vOffset} ${D.blur} ${D.spread} ${D.color}`},...D.enabled&&"inset"===D.style&&"0px"!==P.radius&&"0%"!==P.radius&&{"--inset-border-radius":P.radius},..."#00000000"!==R&&{"--lazy-loading-overlay-color":R}}});return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s.InspectorControls,{children:(0,l.jsx)(i.TabPanel,{activeClass:"cbb-active-tab",tabs:[{name:"layout",title:"Layout"},{name:"style",title:"Style"},{name:"additional",title:"Additional"}],children:a=>"layout"===a.name?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(d,{attributes:e,setAttributes:t}),(0,l.jsx)(c,{attributes:e,setAttributes:t}),(0,l.jsx)(u,{attributes:e,setAttributes:t}),(0,l.jsx)(g,{attributes:e,setAttributes:t})]}):"style"===a.name?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)($,{attributes:e,setAttributes:t}),(0,l.jsx)(f,{attributes:e,setAttributes:t}),(0,l.jsx)(w,{attributes:e,setAttributes:t}),(0,l.jsx)(j,{attributes:e,setAttributes:t}),(0,l.jsx)(B,{attributes:e,setAttributes:t}),(0,l.jsx)(S,{attributes:e,setAttributes:t})]}):"additional"===a.name?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(_,{attributes:e,setAttributes:t}),(0,l.jsx)(v,{attributes:e,setAttributes:t}),(0,l.jsx)(y,{attributes:e,setAttributes:t}),(0,l.jsx)(b,{attributes:e,setAttributes:t}),(0,l.jsx)(m,{attributes:e,setAttributes:t}),(0,l.jsx)(k,{attributes:e,setAttributes:t})]}):null})}),a.url&&(0,l.jsx)(s.BlockControls,{children:(0,l.jsx)(x,{attributes:e,setAttributes:t,setShowSpinner:A})}),(0,l.jsxs)("figure",{...F,children:[(0,l.jsx)(p,{attributes:e,setAttributes:t,showSpinner:I,setShowSpinner:A}),I&&(0,l.jsx)(i.Spinner,{style:{height:"60px",width:"60px",position:"absolute",right:"50%",transform:"translateX(50%)",top:"50px",zIndex:"99"}}),a.url&&(0,l.jsx)("img",{src:a.url,alt:(0,r.escapeHTML)(a.alt),width:a.width,height:a.height,...M&&{loading:"lazy"},...M&&{className:"lazy-image"},style:{objectFit:`${C}`,width:"100%",height:"100%",aspectRatio:`${a.width}/${a.height}`,..."0px"!==P.width&&"none"!==P.style&&"#00000000"!==P.color&&{borderStyle:P.style},..."0px"!==P.width&&"none"!==P.style&&"#00000000"!==P.color&&{borderWidth:P.width},..."0px"!==P.width&&"none"!==P.style&&"#00000000"!==P.color&&{borderColor:P.color},..."0px"!==P.radius&&"0%"!==P.radius&&{borderRadius:P.radius},...D.enabled&&"inset"!==D.style&&{boxShadow:`${D.style} ${D.hOffset} ${D.vOffset} ${D.blur} ${D.spread} ${D.color}`},...!["none","drop-shadow"].includes(O.type)&&{filter:`${O.type}(${O.content})`},..."drop-shadow"===O.type&&{filter:`${O.type}(${O.hOffset} ${O.vOffset} ${O.blur} ${O.color})`}},srcSet:a.srcSet,sizes:a.sizes}),H.enabled&&(0,l.jsx)("figcaption",{children:H.content})]})]})},save:function({attributes:e}){const{sourceImage:t,imgWidth:a,imgHeight:o,imgObjectFit:i,imgMargin:n,imgPadding:d,imgLazyLoad:c,imgCaption:b,imgBorder:u,imgBoxShadow:g,imgFilter:h,imgLink:x,lazyLoadingOverlayColor:p}=e,m=(e,t,a)=>{const{top:l,right:o,bottom:s,left:i}=t;return a||0!==parseInt(l)?a?{[e]:`${l} ${o} ${s} ${i}`}:{[e]:`${l}`}:{}},_=s.useBlockProps.save({className:"cbb-resp-img"+("inset"===(g.enabled&&g.style)?" inset-shadow":""),style:{...m("margin",n,n.differentMarginsEnabled),...m("padding",d,d.differentPaddingsEnabled),maxWidth:a.defaultWidthEnabled?`${t.width}px`:a.content,height:o.defaultHeightEnabled?`${t.height}px`:o.content,...g.enabled&&"inset"===g.style&&{"--inset-box-shadow":`${g.style} ${g.hOffset} ${g.vOffset} ${g.blur} ${g.spread} ${g.color}`},...g.enabled&&"inset"===g.style&&"0px"!==u.radius&&"0%"!==u.radius&&{"--inset-border-radius":u.radius},..."#00000000"!==p&&{"--lazy-loading-overlay-color":p}}});return(0,l.jsxs)(l.Fragment,{children:[x&&(0,l.jsxs)("figure",{..._,children:[(0,l.jsx)("a",{className:"cbb-resp-img__link",href:x,children:(0,l.jsx)("img",{src:t.url,alt:(0,r.escapeHTML)(t.alt),width:t.width,height:t.height,...c&&{loading:"lazy"},...c&&{className:"lazy-image"},style:{objectFit:`${i}`,width:"100%",height:"100%",aspectRatio:`${t.width}/${t.height}`,..."0px"!==u.width&&"none"!==u.style&&"#00000000"!==u.color&&{borderStyle:u.style},..."0px"!==u.width&&"none"!==u.style&&"#00000000"!==u.color&&{borderWidth:u.width},..."0px"!==u.width&&"none"!==u.style&&"#00000000"!==u.color&&{borderColor:u.color},..."0px"!==u.radius&&"0%"!==u.radius&&{borderRadius:u.radius},...g.enabled&&"inset"!==g.style&&{boxShadow:`${g.style} ${g.hOffset} ${g.vOffset} ${g.blur} ${g.spread} ${g.color}`},...!["none","drop-shadow"].includes(h.type)&&{filter:`${h.type}(${h.content})`},..."drop-shadow"===h.type&&{filter:`${h.type}(${h.hOffset} ${h.vOffset} ${h.blur} ${h.color})`}},srcSet:t.srcSet,sizes:t.sizes})}),b.enabled&&(0,l.jsx)("figcaption",{children:b.content})]}),!x&&(0,l.jsxs)("figure",{..._,children:[(0,l.jsx)("img",{src:t.url,alt:(0,r.escapeHTML)(t.alt),width:t.width,height:t.height,...c&&{loading:"lazy"},...c&&{className:"lazy-image"},style:{objectFit:`${i}`,width:"100%",height:"100%",aspectRatio:`${t.width}/${t.height}`,..."0px"!==u.width&&"none"!==u.style&&"#00000000"!==u.color&&{borderStyle:u.style},..."0px"!==u.width&&"none"!==u.style&&"#00000000"!==u.color&&{borderWidth:u.width},..."0px"!==u.width&&"none"!==u.style&&"#00000000"!==u.color&&{borderColor:u.color},..."0px"!==u.radius&&"0%"!==u.radius&&{borderRadius:u.radius},...g.enabled&&"inset"!==g.style&&{boxShadow:`${g.style} ${g.hOffset} ${g.vOffset} ${g.blur} ${g.spread} ${g.color}`},...!["none","drop-shadow"].includes(h.type)&&{filter:`${h.type}(${h.content})`},..."drop-shadow"===h.type&&{filter:`${h.type}(${h.hOffset} ${h.vOffset} ${h.blur} ${h.color})`}},srcSet:t.srcSet,sizes:t.sizes}),b.enabled&&(0,l.jsx)("figcaption",{children:b.content})]})]})}})}},a={};function l(e){var o=a[e];if(void 0!==o)return o.exports;var s=a[e]={exports:{}};return t[e](s,s.exports,l),s.exports}l.m=t,e=[],l.O=(t,a,o,s)=>{if(!a){var i=1/0;for(c=0;c<e.length;c++){for(var[a,o,s]=e[c],n=!0,r=0;r<a.length;r++)(!1&s||i>=s)&&Object.keys(l.O).every((e=>l.O[e](a[r])))?a.splice(r--,1):(n=!1,s<i&&(i=s));if(n){e.splice(c--,1);var d=o();void 0!==d&&(t=d)}}return t}s=s||0;for(var c=e.length;c>0&&e[c-1][2]>s;c--)e[c]=e[c-1];e[c]=[a,o,s]},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={447:0,879:0};l.O.j=t=>0===e[t];var t=(t,a)=>{var o,s,[i,n,r]=a,d=0;if(i.some((t=>0!==e[t]))){for(o in n)l.o(n,o)&&(l.m[o]=n[o]);if(r)var c=r(l)}for(t&&t(a);d<i.length;d++)s=i[d],l.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return l.O(c)},a=globalThis.webpackChunkcaledros_basic_blocks=globalThis.webpackChunkcaledros_basic_blocks||[];a.forEach(t.bind(null,0)),a.push=t.bind(null,a.push.bind(a))})();var o=l.O(void 0,[879],(()=>l(734)));o=l.O(o)})();

  • caledros-basic-blocks/trunk/build/blocks/responsive-image/style-index-rtl.css

    r3312194 r3335584  
    1 .lazy-image{background-color:#f0f0f0;display:block;filter:blur(10px);opacity:0;transition:opacity .5s ease,filter .5s ease}.lazy-image:not([src=""]){filter:blur(0);opacity:1}.cbb-resp-img img{max-width:100%}.cbb-resp-img{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0}.cbb-resp-img.inset-shadow{position:relative}.cbb-resp-img.inset-shadow:after{border-radius:var(--inset-border-radius,0);bottom:0;box-shadow:var(--inset-box-shadow,0 0 0 0 #00000000);content:"";right:0;position:absolute;left:0;top:0}.cbb-resp-img.inset-shadow:after,.cbb-resp-img__link{display:block;height:100%;width:100%}
     1.lazy-image{background-color:var(--lazy-loading-overlay-color,#00000000);display:block;filter:blur(10px);opacity:0;transition:opacity .5s ease,filter .5s ease}.lazy-image:not([src=""]){filter:blur(0);opacity:1}.cbb-resp-img img{max-width:100%}.cbb-resp-img{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0}.cbb-resp-img.inset-shadow{position:relative}.cbb-resp-img.inset-shadow:after{border-radius:var(--inset-border-radius,0);bottom:0;box-shadow:var(--inset-box-shadow,0 0 0 0 #00000000);content:"";right:0;position:absolute;left:0;top:0}.cbb-resp-img.inset-shadow:after,.cbb-resp-img__link{display:block;height:100%;width:100%}

  • caledros-basic-blocks/trunk/build/blocks/responsive-image/style-index.css

    r3312194 r3335584  
    1 .lazy-image{background-color:#f0f0f0;display:block;filter:blur(10px);opacity:0;transition:opacity .5s ease,filter .5s ease}.lazy-image:not([src=""]){filter:blur(0);opacity:1}.cbb-resp-img img{max-width:100%}.cbb-resp-img{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0}.cbb-resp-img.inset-shadow{position:relative}.cbb-resp-img.inset-shadow:after{border-radius:var(--inset-border-radius,0);bottom:0;box-shadow:var(--inset-box-shadow,0 0 0 0 #00000000);content:"";left:0;position:absolute;right:0;top:0}.cbb-resp-img.inset-shadow:after,.cbb-resp-img__link{display:block;height:100%;width:100%}
     1.lazy-image{background-color:var(--lazy-loading-overlay-color,#00000000);display:block;filter:blur(10px);opacity:0;transition:opacity .5s ease,filter .5s ease}.lazy-image:not([src=""]){filter:blur(0);opacity:1}.cbb-resp-img img{max-width:100%}.cbb-resp-img{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0}.cbb-resp-img.inset-shadow{position:relative}.cbb-resp-img.inset-shadow:after{border-radius:var(--inset-border-radius,0);bottom:0;box-shadow:var(--inset-box-shadow,0 0 0 0 #00000000);content:"";left:0;position:absolute;right:0;top:0}.cbb-resp-img.inset-shadow:after,.cbb-resp-img__link{display:block;height:100%;width:100%}

  • caledros-basic-blocks/trunk/caledros-basic.php

    r3332562 r3335584  
    44 * Plugin URI: https://caledrosforge.com/
    55 * Description: Add easy-to-use Gutenberg blocks to your WordPress site.
    6  * Version: 2.0.1
     6 * Version: 2.1.0
    77 * Requires at least: 6.7
    88 * Requires PHP: 8.0
    … …  
    8484    update_option('caledros_basic_blocks_enable_preload', 1);
    8585    update_option('caledros_basic_blocks_add_column_layout_to_wp_site_blocks', 0);
     86    update_option('caledros_basic_blocks_set_custom_height_to_wp_site_blocks', 0);
    8687}
    8788register_activation_hook(__FILE__, 'caledros_basic_blocks_activate_plugin');

  • caledros-basic-blocks/trunk/core/admin-page/admin-page.php

    r3328403 r3335584  
    5151        $column_layout_args
    5252    );
     53
     54    // Set 100vh height to wp site blocks
     55    $column_layout_args = array(
     56        'type' => "integer",
     57        'sanitize_callback' => 'caledros_basic_blocks_sanitize_set_custom_height_to_wp_site_blocks',
     58        'show_in_rest' => false,
     59        'default' => 1,
     60    );
     61    register_setting(
     62        'caledros_basic_blocks_settings_group',
     63        'caledros_basic_blocks_set_custom_height_to_wp_site_blocks',
     64        $column_layout_args
     65    );
    5366}
    5467add_action('admin_init', 'caledros_basic_blocks_register_settings');
    … …  
    6376// Load optional CSS sanitization callback function
    6477function caledros_basic_blocks_sanitize_add_column_layout_to_wp_site_blocks($input) {
     78    // Checkbox: save '1' if checked, otherwise '0'
     79    return ($input === '1') ? 1 : 0;
     80}
     81
     82// Set 100vh height to wp site blocks sanitization callback function
     83function caledros_basic_blocks_sanitize_set_custom_height_to_wp_site_blocks($input) {
    6584    // Checkbox: save '1' if checked, otherwise '0'
    6685    return ($input === '1') ? 1 : 0;
    … …  
    96115                <div><input type="checkbox" name="caledros_basic_blocks_add_column_layout_to_wp_site_blocks" value="1" <?php checked(1, get_option('caledros_basic_blocks_add_column_layout_to_wp_site_blocks'), true); ?> /></div>
    97116            </div>
     117            <div style="display:flex; flex-direction:row; column-gap:10px; margin-bottom:10px;">               
     118                <div><?php esc_html_e('Set 100vh height to the "wp-site-blocks" container', 'caledros-basic-blocks'); ?></div>
     119                <div><input type="checkbox" name="caledros_basic_blocks_set_custom_height_to_wp_site_blocks" value="1" <?php checked(1, get_option('caledros_basic_blocks_set_custom_height_to_wp_site_blocks'), true); ?> /></div>
     120            </div>
    98121            <?php submit_button('Save Changes', 'primary', 'submit', false); ?>
    99122        </form>

  • caledros-basic-blocks/trunk/core/loaders/css-styles-loader.php

    r3321999 r3335584  
    3131// Enqueue editor-only styles
    3232function caledros_basic_blocks_enqueue_editor_styles() {
    33     if ( is_admin() ){
     33    if (is_admin()){
    3434        wp_enqueue_style('caledros-editor-css', plugin_dir_url(dirname(__FILE__)) . 'resources/dist/cbb-editor-styles.min.css', array(), '1.0');
    3535    }
    … …  
    3939// Preload all enqueued stylesheets
    4040function caledros_basic_blocks_preload_all_stylesheets($html, $handle, $href, $media) {
    41     if ( !is_admin() && get_option('caledros_basic_blocks_enable_preload', 1)){
     41    if (!is_admin() && get_option('caledros_basic_blocks_enable_preload', 1)){
    4242        // Replace `rel="stylesheet"` with `rel="preload"` for all stylesheets
    4343        $html = str_replace("rel='stylesheet'", "rel='preload' as='style' onload=\"this.onload=null;this.rel='stylesheet'\"", $html);
    … …  
    6161// Load custom CSS for wp site blocks
    6262function caledros_basic_blocks_load_custom_css_wp_site_blocks(){
    63     if ( !is_admin() && get_option('caledros_basic_blocks_add_column_layout_to_wp_site_blocks', 1)){
    64         $custom_css_wp_site_blocks = ".wp-site-blocks{display:flex; flex-direction:column;}";
    65         wp_add_inline_style('caledros-general-css', $custom_css_wp_site_blocks );
    66     }
     63    if (!is_admin()){
     64        $custom_css_wp_site_blocks = "";
     65        $add_column_layout = get_option('caledros_basic_blocks_add_column_layout_to_wp_site_blocks', 1);
     66        $set_custom_height = get_option('caledros_basic_blocks_set_custom_height_to_wp_site_blocks', 1);
     67
     68        if ($add_column_layout){
     69            $custom_css_wp_site_blocks .= ".wp-site-blocks{display:flex; flex-direction:column;}";           
     70        }
     71
     72        if ($set_custom_height){
     73           if($add_column_layout){
     74             $custom_css_wp_site_blocks = str_replace("}", " height:100vh;}", $custom_css_wp_site_blocks);
     75           }else{
     76             $custom_css_wp_site_blocks = ".wp-site-blocks{height:100vh;}";
     77           }
     78        }
     79
     80        if (!empty($custom_css_wp_site_blocks)){
     81            wp_add_inline_style('caledros-general-css', $custom_css_wp_site_blocks );
     82        }
     83
     84    } 
    6785}
    6886add_action( 'wp_enqueue_scripts', 'caledros_basic_blocks_load_custom_css_wp_site_blocks' );

  • caledros-basic-blocks/trunk/languages/caledros-basic-blocks.pot

    r3332562 r3335584  
    33msgid ""
    44msgstr ""
    5 "Project-Id-Version: Caledros Basic Blocks 2.0.1\n"
     5"Project-Id-Version: Caledros Basic Blocks 2.1.0\n"
    66"Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/caledros-basic-blocks\n"
    77"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
    … …  
    1010"Content-Type: text/plain; charset=UTF-8\n"
    1111"Content-Transfer-Encoding: 8bit\n"
    12 "POT-Creation-Date: 2025-07-23T01:16:02+00:00\n"
     12"POT-Creation-Date: 2025-07-28T21:51:34+00:00\n"
    1313"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
    1414"X-Generator: WP-CLI 2.12.0\n"
    … …  
    4040msgstr ""
    4141
    42 #: core/admin-page/admin-page.php:87
     42#: core/admin-page/admin-page.php:106
    4343msgid "Caledros Plugin Settings"
    4444msgstr ""
    4545
    46 #: core/admin-page/admin-page.php:91
     46#: core/admin-page/admin-page.php:110
    4747msgid "Enable Stylesheet Preloading"
    4848msgstr ""
    4949
    50 #: core/admin-page/admin-page.php:95
     50#: core/admin-page/admin-page.php:114
    5151msgid "Add flex-column layout to the \"wp-site-blocks\" container"
     52msgstr ""
     53
     54#: core/admin-page/admin-page.php:118
     55msgid "Set 100vh height to the \"wp-site-blocks\" container"
    5256msgstr ""
    5357
    … …  
    148152#: build/blocks/button/index.js:1
    149153#: src/blocks/button/settings/button-light-color-hover-settings.js:80
    150 msgid "Hover color (light mode)"
     154msgid "Hover bg color (light mode)"
    151155msgstr ""
    152156
    153157#: build/blocks/button/index.js:1
    154158#: src/blocks/button/settings/button-dark-color-hover-settings.js:80
    155 msgid "Hover color (dark mode)"
     159msgid "Hover bg color (dark mode)"
    156160msgstr ""
    157161
    … …  
    607611msgstr ""
    608612
     613#: build/blocks/button/index.js:1
     614#: src/blocks/button/settings/icon/icon-settings.js:28
     615msgid "Button Icon"
     616msgstr ""
     617
     618#: build/blocks/button/index.js:1
     619#: build/blocks/icon/index.js:1
     620#: src/blocks/button/settings/icon/icon-settings.js:34
     621#: src/blocks/icon/settings/icon-settings.js:31
     622msgid "Choose the icon"
     623msgstr ""
     624
     625#: build/blocks/button/index.js:1
     626#: build/blocks/icon/index.js:1
     627#: src/blocks/button/settings/icon/icon-color-settings.js:73
     628#: src/blocks/icon/settings/icons-color-settings.js:73
     629msgid "Icon color (light mode)"
     630msgstr ""
     631
     632#: build/blocks/button/index.js:1
     633#: build/blocks/icon/index.js:1
     634#: src/blocks/button/settings/icon/icon-dark-color-settings.js:73
     635#: src/blocks/icon/settings/icons-dark-color-settings.js:73
     636msgid "Icon color (dark mode)"
     637msgstr ""
     638
     639#: build/blocks/button/index.js:1
     640#: src/blocks/button/settings/icon/icon-size-settings.js:29
     641msgid "Button Icon size"
     642msgstr ""
     643
     644#: build/blocks/button/index.js:1
     645#: build/blocks/icon/index.js:1
     646#: src/blocks/button/settings/icon/icon-size-settings.js:35
     647#: src/blocks/icon/settings/icons-size-settings.js:35
     648msgid "Adjust the size (px) of the icon"
     649msgstr ""
     650
     651#: build/blocks/button/index.js:1
     652#: src/blocks/button/settings/icon/icon-flex-direction-settings.js:32
     653msgid "Button flex direction"
     654msgstr ""
     655
     656#: build/blocks/button/index.js:1
     657#: src/blocks/button/settings/icon/icon-flex-direction-settings.js:38
     658msgid "Choose the flex direction for the button's items."
     659msgstr ""
     660
     661#: build/blocks/button/index.js:1
     662#: src/blocks/button/settings/button-hover-text-light-color-settings.js:76
     663msgid "Hover text color (Light mode)"
     664msgstr ""
     665
     666#: build/blocks/button/index.js:1
     667#: src/blocks/button/settings/button-hover-text-dark-color-settings.js:76
     668msgid "Hover text color (Dark mode)"
     669msgstr ""
     670
     671#: build/blocks/button/index.js:1
     672#: src/blocks/button/settings/icon/icon-hover-light-color-settings.js:76
     673msgid "Hover icon color (light mode)"
     674msgstr ""
     675
     676#: build/blocks/button/index.js:1
     677#: src/blocks/button/settings/icon/icon-hover-dark-color-settings.js:76
     678msgid "Hover icon color (dark mode)"
     679msgstr ""
     680
     681#: build/blocks/button/index.js:1
     682#: src/blocks/button/settings/border-hover-light-color-settings.js:76
     683msgid "Hover border color (Light mode)"
     684msgstr ""
     685
     686#: build/blocks/button/index.js:1
     687#: src/blocks/button/settings/border-hover-dark-color-settings.js:76
     688msgid "Hover border color (Dark mode)"
     689msgstr ""
     690
    609691#: build/blocks/category-loop/index.js:1
    610692#: build/blocks/posts-loop/index.js:1
    … …  
    897979#: build/blocks/responsive-image/index.js:1
    898980#: src/blocks/desktop-menu-container/settings/box-shadow-settings.js:78
     981#: src/blocks/desktop-menu-container/settings/sticky-navigation/sticky-nav-box-shadow-settings.js:81
    899982#: src/blocks/flex-container/settings/box-shadow-settings.js:78
    900983#: src/blocks/grid-container/settings/box-shadow-settings.js:79
    901984#: src/blocks/mobile-menu-container/settings/box-shadow-settings.js:78
     985#: src/blocks/mobile-menu-container/settings/sticky-navigation/sticky-nav-box-shadow-settings.js:81
    902986#: src/blocks/responsive-image/settings/box-shadow-settings.js:79
    903987msgid "Box shadow"
    … …  
    910994#: build/blocks/responsive-image/index.js:1
    911995#: src/blocks/desktop-menu-container/settings/box-shadow-settings.js:83
     996#: src/blocks/desktop-menu-container/settings/sticky-navigation/sticky-nav-box-shadow-settings.js:86
    912997#: src/blocks/flex-container/settings/box-shadow-settings.js:83
    913998#: src/blocks/grid-container/settings/box-shadow-settings.js:84
    914999#: src/blocks/mobile-menu-container/settings/box-shadow-settings.js:83
     1000#: src/blocks/mobile-menu-container/settings/sticky-navigation/sticky-nav-box-shadow-settings.js:86
    9151001#: src/blocks/responsive-image/settings/box-shadow-settings.js:84
    9161002msgid "Enable box shadow"
    … …  
    9231009#: build/blocks/responsive-image/index.js:1
    9241010#: src/blocks/desktop-menu-container/settings/box-shadow-settings.js:96
     1011#: src/blocks/desktop-menu-container/settings/sticky-navigation/sticky-nav-box-shadow-settings.js:103
    9251012#: src/blocks/flex-container/settings/box-shadow-settings.js:96
    9261013#: src/blocks/grid-container/settings/box-shadow-settings.js:97
    9271014#: src/blocks/mobile-menu-container/settings/box-shadow-settings.js:96
     1015#: src/blocks/mobile-menu-container/settings/sticky-navigation/sticky-nav-box-shadow-settings.js:103
    9281016#: src/blocks/responsive-image/settings/box-shadow-settings.js:97
    9291017msgid "Choose the style for the box shadow."
    … …  
    9361024#: build/blocks/responsive-image/index.js:1
    9371025#: src/blocks/desktop-menu-container/settings/box-shadow-settings.js:123
     1026#: src/blocks/desktop-menu-container/settings/sticky-navigation/sticky-nav-box-shadow-settings.js:130
    9381027#: src/blocks/flex-container/settings/box-shadow-settings.js:123
    9391028#: src/blocks/grid-container/settings/box-shadow-settings.js:124
    9401029#: src/blocks/mobile-menu-container/settings/box-shadow-settings.js:123
     1030#: src/blocks/mobile-menu-container/settings/sticky-navigation/sticky-nav-box-shadow-settings.js:130
    9411031#: src/blocks/responsive-image/settings/box-shadow-settings.js:124
    9421032#: src/blocks/responsive-image/settings/filter-settings.js:252
    … …  
    9501040#: build/blocks/responsive-image/index.js:1
    9511041#: src/blocks/desktop-menu-container/settings/box-shadow-settings.js:143
     1042#: src/blocks/desktop-menu-container/settings/sticky-navigation/sticky-nav-box-shadow-settings.js:150
    9521043#: src/blocks/flex-container/settings/box-shadow-settings.js:143
    9531044#: src/blocks/grid-container/settings/box-shadow-settings.js:144
    9541045#: src/blocks/mobile-menu-container/settings/box-shadow-settings.js:143
     1046#: src/blocks/mobile-menu-container/settings/sticky-navigation/sticky-nav-box-shadow-settings.js:150
    9551047#: src/blocks/responsive-image/settings/box-shadow-settings.js:144
    9561048#: src/blocks/responsive-image/settings/filter-settings.js:272
    … …  
    9641056#: build/blocks/responsive-image/index.js:1
    9651057#: src/blocks/desktop-menu-container/settings/box-shadow-settings.js:163
     1058#: src/blocks/desktop-menu-container/settings/sticky-navigation/sticky-nav-box-shadow-settings.js:170
    9661059#: src/blocks/flex-container/settings/box-shadow-settings.js:163
    9671060#: src/blocks/grid-container/settings/box-shadow-settings.js:164
    9681061#: src/blocks/mobile-menu-container/settings/box-shadow-settings.js:163
     1062#: src/blocks/mobile-menu-container/settings/sticky-navigation/sticky-nav-box-shadow-settings.js:170
    9691063#: src/blocks/responsive-image/settings/box-shadow-settings.js:164
    9701064#: src/blocks/responsive-image/settings/filter-settings.js:292
    … …  
    9781072#: build/blocks/responsive-image/index.js:1
    9791073#: src/blocks/desktop-menu-container/settings/box-shadow-settings.js:180
     1074#: src/blocks/desktop-menu-container/settings/sticky-navigation/sticky-nav-box-shadow-settings.js:187
    9801075#: src/blocks/flex-container/settings/box-shadow-settings.js:180
    9811076#: src/blocks/grid-container/settings/box-shadow-settings.js:181
    9821077#: src/blocks/mobile-menu-container/settings/box-shadow-settings.js:180
     1078#: src/blocks/mobile-menu-container/settings/sticky-navigation/sticky-nav-box-shadow-settings.js:187
    9831079#: src/blocks/responsive-image/settings/box-shadow-settings.js:181
    9841080msgid "Please select the spread (px)."
    … …  
    9901086#: build/blocks/mobile-menu-container/index.js:1
    9911087#: src/blocks/desktop-menu-container/settings/box-shadow-settings.js:195
     1088#: src/blocks/desktop-menu-container/settings/sticky-navigation/sticky-nav-box-shadow-settings.js:202
    9921089#: src/blocks/flex-container/settings/box-shadow-settings.js:195
    9931090#: src/blocks/grid-container/settings/box-shadow-settings.js:196
    9941091#: src/blocks/mobile-menu-container/settings/box-shadow-settings.js:195
     1092#: src/blocks/mobile-menu-container/settings/sticky-navigation/sticky-nav-box-shadow-settings.js:202
    9951093msgid "Choose a color for the box shadow (light mode)"
    9961094msgstr ""
    … …  
    10011099#: build/blocks/mobile-menu-container/index.js:1
    10021100#: src/blocks/desktop-menu-container/settings/box-shadow-settings.js:215
     1101#: src/blocks/desktop-menu-container/settings/sticky-navigation/sticky-nav-box-shadow-settings.js:222
    10031102#: src/blocks/flex-container/settings/box-shadow-settings.js:215
    10041103#: src/blocks/grid-container/settings/box-shadow-settings.js:216
    10051104#: src/blocks/mobile-menu-container/settings/box-shadow-settings.js:215
     1105#: src/blocks/mobile-menu-container/settings/sticky-navigation/sticky-nav-box-shadow-settings.js:222
    10061106msgid "Choose a color for the box shadow (dark mode)"
    10071107msgstr ""
    … …  
    10201120#: build/blocks/mobile-menu-container/index.js:1
    10211121#: src/blocks/desktop-menu-container/settings/justify-content-settings.js:35
     1122#: src/blocks/flex-container/settings/justify-content-mobile-settings.js:56
    10221123#: src/blocks/flex-container/settings/justify-content-settings.js:35
     1124#: src/blocks/flex-container/settings/justify-content-tablet-settings.js:56
    10231125#: src/blocks/mobile-menu-container/settings/justify-content-settings.js:35
    10241126msgid "Select the value for the justify content property."
    … …  
    10381140#: build/blocks/mobile-menu-container/index.js:1
    10391141#: src/blocks/desktop-menu-container/settings/align-items-settings.js:35
     1142#: src/blocks/flex-container/settings/align-items-mobile-settings.js:56
    10401143#: src/blocks/flex-container/settings/align-items-settings.js:35
     1144#: src/blocks/flex-container/settings/align-items-tablet-settings.js:56
    10411145#: src/blocks/mobile-menu-container/settings/align-items-settings.js:35
    10421146msgid "Select the value for the align items property."
    … …  
    11841288msgstr ""
    11851289
     1290#: build/blocks/desktop-menu-container/index.js:1
     1291#: build/blocks/mobile-menu-container/index.js:1
     1292#: src/blocks/desktop-menu-container/settings/sticky-navigation/sticky-nav-box-shadow-settings.js:87
     1293#: src/blocks/mobile-menu-container/settings/sticky-navigation/sticky-nav-box-shadow-settings.js:87
     1294msgid "This control allows to set a custom box shadow for the sticky navigation bar. This feature is only visible on the frontend."
     1295msgstr ""
     1296
    11861297#: build/blocks/flex-container/index.js:1
    11871298#: build/blocks/slider/index.js:1
    … …  
    12821393msgstr ""
    12831394
     1395#: build/blocks/flex-container/index.js:1
     1396#: src/blocks/flex-container/settings/justify-content-tablet-settings.js:32
     1397msgid "Justify Content (Tablet and Mobile)"
     1398msgstr ""
     1399
     1400#: build/blocks/flex-container/index.js:1
     1401#: src/blocks/flex-container/settings/align-items-mobile-settings.js:37
     1402#: src/blocks/flex-container/settings/align-items-tablet-settings.js:37
     1403#: src/blocks/flex-container/settings/justify-content-mobile-settings.js:37
     1404#: src/blocks/flex-container/settings/justify-content-tablet-settings.js:37
     1405msgid "Enable control"
     1406msgstr ""
     1407
     1408#: build/blocks/flex-container/index.js:1
     1409#: src/blocks/flex-container/settings/justify-content-tablet-settings.js:38
     1410msgid "This control enables selecting a custom value for the 'justify content' property in both tablet and mobile devices."
     1411msgstr ""
     1412
     1413#: build/blocks/flex-container/index.js:1
     1414#: src/blocks/flex-container/settings/justify-content-mobile-settings.js:32
     1415msgid "Justify content (Mobile)"
     1416msgstr ""
     1417
     1418#: build/blocks/flex-container/index.js:1
     1419#: src/blocks/flex-container/settings/justify-content-mobile-settings.js:38
     1420msgid "This control enables selecting a custom value for the 'justify content' property in mobile devices."
     1421msgstr ""
     1422
     1423#: build/blocks/flex-container/index.js:1
     1424#: src/blocks/flex-container/settings/align-items-tablet-settings.js:32
     1425msgid "Align Items (Tablet and Mobile)"
     1426msgstr ""
     1427
     1428#: build/blocks/flex-container/index.js:1
     1429#: src/blocks/flex-container/settings/align-items-tablet-settings.js:38
     1430msgid "This control enables selecting a custom value for the 'align items' property in both tablets and mobile devices."
     1431msgstr ""
     1432
     1433#: build/blocks/flex-container/index.js:1
     1434#: src/blocks/flex-container/settings/align-items-mobile-settings.js:32
     1435msgid "Align Items (Mobile)"
     1436msgstr ""
     1437
     1438#: build/blocks/flex-container/index.js:1
     1439#: src/blocks/flex-container/settings/align-items-mobile-settings.js:38
     1440msgid "This control enables selecting a custom value for the 'align items' property in mobile devices."
     1441msgstr ""
     1442
    12841443#: build/blocks/grid-container/index.js:1
    12851444#: build/blocks/search-form/index.js:1
    … …  
    13601519
    13611520#: build/blocks/icon/index.js:1
    1362 #: src/blocks/icon/settings/icon-settings.js:31
    1363 msgid "Choose the icon"
    1364 msgstr ""
    1365 
    1366 #: build/blocks/icon/index.js:1
    13671521#: src/blocks/icon/settings/link-settings.js:28
    13681522msgid "Icon link"
    … …  
    13801534
    13811535#: build/blocks/icon/index.js:1
    1382 #: src/blocks/icon/settings/icons-color-settings.js:73
    1383 msgid "Icon color (light mode)"
    1384 msgstr ""
    1385 
    1386 #: build/blocks/icon/index.js:1
    1387 #: src/blocks/icon/settings/icons-dark-color-settings.js:73
    1388 msgid "Icon color (dark mode)"
    1389 msgstr ""
    1390 
    1391 #: build/blocks/icon/index.js:1
    13921536#: src/blocks/icon/settings/icons-size-settings.js:29
    13931537msgid "Icon size"
    1394 msgstr ""
    1395 
    1396 #: build/blocks/icon/index.js:1
    1397 #: src/blocks/icon/settings/icons-size-settings.js:35
    1398 msgid "Adjust the size (px) of the icon"
    13991538msgstr ""
    14001539
    … …  
    20512190#: src/blocks/responsive-image/settings/image-link-settings.js:39
    20522191msgid "Paste the link for the image"
     2192msgstr ""
     2193
     2194#: build/blocks/responsive-image/index.js:1
     2195#: src/blocks/responsive-image/settings/lazy-loading-overlay-color-settings.js:80
     2196msgid "Lazy loading overlay color"
     2197msgstr ""
     2198
     2199#: build/blocks/responsive-image/index.js:1
     2200#: src/blocks/responsive-image/settings/lazy-loading-overlay-color-settings.js:85
     2201msgid "Use a transparent overlay"
    20532202msgstr ""
    20542203
    … …  
    24572606msgctxt "block keyword"
    24582607msgid "button"
     2608msgstr ""
     2609
     2610#: build/blocks/button/block.json
     2611#: src/blocks/button/block.json
     2612msgctxt "block variation title"
     2613msgid "Button with Icon"
     2614msgstr ""
     2615
     2616#: build/blocks/button/block.json
     2617#: src/blocks/button/block.json
     2618msgctxt "block variation description"
     2619msgid "A customizable button with an icon."
    24592620msgstr ""
    24602621

  • caledros-basic-blocks/trunk/package-lock.json

    r3332562 r3335584  
    11{
    22  "name": "caledros-basic-blocks",
    3   "version": "2.0.1",
     3  "version": "2.1.0",
    44  "lockfileVersion": 3,
    55  "requires": true,
    … …  
    77    "": {
    88      "name": "caledros-basic-blocks",
    9       "version": "2.0.1",
     9      "version": "2.1.0",
    1010      "license": "GPL-2.0-or-later",
    1111      "dependencies": {

  • caledros-basic-blocks/trunk/package.json

    r3332562 r3335584  
    11{
    22  "name": "caledros-basic-blocks",
    3   "version": "2.0.1",
     3  "version": "2.1.0",
    44  "main": "index.js",
    55  "scripts": {

  • caledros-basic-blocks/trunk/src/blocks/button/block.json

    r3312222 r3335584  
    9595        "differentPaddingsEnabled": false
    9696      }
     97    },
     98    "buttonType": {
     99      "type": "string",
     100      "default": "simple-button"
     101    },
     102    "buttonIcon": {
     103      "type": "string",
     104      "default": ""
     105    },
     106    "buttonIconSize": {
     107      "type": "number",
     108      "default": 0
     109    },
     110    "buttonIconColor": {
     111      "type": "string",
     112      "default": "#000000"
     113    },
     114    "buttonIconDarkColor": {
     115      "type": "string",
     116      "default": "#ffffff"
     117    },
     118    "buttonIconFlexDirection": {
     119      "type": "string",
     120      "default": "row"
     121    },
     122    "buttonHoverTextLightColor": {
     123      "type": "object",
     124      "default": {
     125        "enabled": false,
     126        "value": "#000000"
     127      }
     128    },
     129    "buttonHoverTextDarkColor": {
     130      "type": "object",
     131      "default": {
     132        "enabled": false,
     133        "value": "#f4f4f4"
     134      }
     135    },
     136    "iconHoverLightColor": {
     137      "type": "object",
     138      "default": {
     139        "enabled": false,
     140        "value": "#00000000"
     141      }
     142    },
     143    "iconHoverDarkColor": {
     144      "type": "object",
     145      "default": {
     146        "enabled": false,
     147        "value": "#00000000"
     148      }
     149    },
     150    "borderHoverLightColor": {
     151      "type": "object",
     152      "default": {
     153        "enabled": false,
     154        "value": "#000000"
     155      }
     156    },
     157    "borderHoverDarkColor": {
     158      "type": "object",
     159      "default": {
     160        "enabled": false,
     161        "value": "#f4f4f4"
     162      }
    97163    }
    98164  },
     165  "variations": [
     166    {
     167      "name": "caledros-basic-blocks/button-with-icon",
     168      "title": "Button with Icon",
     169      "description": "A customizable button with an icon.",
     170      "attributes": {
     171        "buttonType": "button-with-icon",
     172        "buttonIcon": "arrow-right-circle-fill",
     173        "buttonIconSize": 30,
     174        "buttonIconColor": "#000000",
     175        "buttonIconDarkColor": "#ffffff",
     176        "buttonIconFlexDirection": "row",
     177        "iconHoverLightColor": {
     178          "enabled": false,
     179          "value": "#000000"
     180        },
     181        "iconHoverDarkColor": {
     182          "enabled": false,
     183          "value": "#f4f4f4"
     184        }
     185      },
     186      "isActive": ["buttonType"]
     187    }
     188  ],
    99189  "supports": {
    100190    "align": false,

  • caledros-basic-blocks/trunk/src/blocks/button/edit-block.js

    r3312194 r3335584  
    4040import LetterSpacingSettings from "./settings/letter-spacing-settings";
    4141import FontSizeSettings from "./settings/font-size-settings";
     42import IconSettings from "./settings/icon/icon-settings";
     43import IconColorSettings from "./settings/icon/icon-color-settings";
     44import IconDarkColorSettings from "./settings/icon/icon-dark-color-settings";
     45import IconSizeSettings from "./settings/icon/icon-size-settings";
     46import IconFlexDirectionSettings from "./settings/icon/icon-flex-direction-settings";
     47import ButtonHoverTextLightColorSettings from "./settings/button-hover-text-light-color-settings";
     48import ButtonHoverTextDarkColorSettings from "./settings/button-hover-text-dark-color-settings";
     49import IconHoverLightColorSettings from "./settings/icon/icon-hover-light-color-settings";
     50import IconHoverDarkColorSettings from "./settings/icon/icon-hover-dark-color-settings";
     51import BorderHoverLightColorSettings from "./settings/border-hover-light-color-settings";
     52import BorderHoverDarkColorSettings from "./settings/border-hover-dark-color-settings";
    4253
    4354export default function EditBlock({ attributes, setAttributes }) {
    … …  
    5869    buttonMargin,
    5970    buttonPadding,
     71    buttonType,
     72    buttonIcon,
     73    buttonIconSize,
     74    buttonIconColor,
     75    buttonIconDarkColor,
     76    buttonIconFlexDirection,
     77    buttonHoverTextLightColor,
     78    buttonHoverTextDarkColor,
     79    iconHoverLightColor,
     80    iconHoverDarkColor,
     81    borderHoverLightColor,
     82    borderHoverDarkColor,
    6083  } = attributes;
     84
     85  // Class list
     86  const classesList = [
     87    "cbb-button",
     88    `${buttonType === "button-with-icon" ? "cbb-button-with-icon" : ""}`,
     89    `${
     90      buttonHoverTextLightColor.enabled
     91        ? "cbb-button--hover-text-light-color"
     92        : ""
     93    }`,
     94    `${
     95      buttonHoverTextDarkColor.enabled
     96        ? "cbb-button--hover-text-dark-color"
     97        : ""
     98    }`,
     99    `${iconHoverLightColor.enabled ? "cbb-button--icon-text-light-color" : ""}`,
     100    `${iconHoverDarkColor.enabled ? "cbb-button--icon-text-dark-color" : ""}`,
     101    `${
     102      borderHoverLightColor.enabled
     103        ? "cbb-button--hover-border-light-color"
     104        : ""
     105    }`,
     106    `${
     107      borderHoverDarkColor.enabled ? "cbb-button--hover-border-dark-color" : ""
     108    }`,
     109  ]
     110    .filter((classItem) => classItem)
     111    .join(" ");
    61112
    62113  // Block props
    63114  const blockProps = useBlockProps({
    64     className: "cbb-button",
     115    className: classesList,
    65116    style: {
    66117      "--cbb-button-light-color": buttonLightColor,
    … …  
    69120      "--cbb-button-hover-dark-color": buttonHoverDarkColor,
    70121      "--cbb-button-text-light-color": buttonTextLightColor,
     122      ...(buttonHoverTextLightColor.enabled && {
     123        "--cbb-button-hover-text-light-color": buttonHoverTextLightColor.value,
     124      }),
    71125      "--cbb-button-text-dark-color": buttonTextDarkColor,
     126      ...(buttonHoverTextDarkColor.enabled && {
     127        "--cbb-button-hover-text-dark-color": buttonHoverTextDarkColor.value,
     128      }),
     129      ...(buttonType === "button-with-icon" && {
     130        "--cbb-button-flex-direction": buttonIconFlexDirection,
     131      }),
    72132      ...(buttonFontFamily !== "" && {
    73133        fontFamily: `var(--wp--preset--font-family--${buttonFontFamily})`,
    … …  
    101161          "--cbb-button-dark-border-color": buttonBorder.darkColor,
    102162        }),
     163      ...(borderHoverLightColor.enabled && {
     164        "--cbb-button-border-hover-light-color": borderHoverLightColor.value,
     165      }),
     166      ...(borderHoverDarkColor.enabled && {
     167        "--cbb-button-border-hover-dark-color": borderHoverDarkColor.value,
     168      }),
    103169      ...(buttonBorder.radius !== "0px" &&
    104170        buttonBorder.radius !== "0%" && {
    … …  
    136202          {(tab) => {
    137203            if (tab.name === "content") {
    138               return (
    139                 <>
    140                   <ButtonTextContentSettings
    141                     attributes={attributes}
    142                     setAttributes={setAttributes}
    143                   ></ButtonTextContentSettings>
    144                   <ButtonLinkSettings
    145                     attributes={attributes}
    146                     setAttributes={setAttributes}
    147                   ></ButtonLinkSettings>
    148                   <TypographyGroupSettings
    149                     attributes={attributes}
    150                     setAttributes={setAttributes}
    151                   ></TypographyGroupSettings>
    152                   <FontSizeSettings
    153                     attributes={attributes}
    154                     setAttributes={setAttributes}
    155                   ></FontSizeSettings>
    156                   <LetterSpacingSettings
    157                     attributes={attributes}
    158                     setAttributes={setAttributes}
    159                   ></LetterSpacingSettings>
    160                 </>
    161               );
     204              if (buttonType === "simple-button") {
     205                return (
     206                  <>
     207                    <ButtonTextContentSettings
     208                      attributes={attributes}
     209                      setAttributes={setAttributes}
     210                    ></ButtonTextContentSettings>
     211                    <ButtonLinkSettings
     212                      attributes={attributes}
     213                      setAttributes={setAttributes}
     214                    ></ButtonLinkSettings>
     215                    <TypographyGroupSettings
     216                      attributes={attributes}
     217                      setAttributes={setAttributes}
     218                    ></TypographyGroupSettings>
     219                    <FontSizeSettings
     220                      attributes={attributes}
     221                      setAttributes={setAttributes}
     222                    ></FontSizeSettings>
     223                    <LetterSpacingSettings
     224                      attributes={attributes}
     225                      setAttributes={setAttributes}
     226                    ></LetterSpacingSettings>
     227                  </>
     228                );
     229              } else {
     230                return (
     231                  <>
     232                    <ButtonTextContentSettings
     233                      attributes={attributes}
     234                      setAttributes={setAttributes}
     235                    ></ButtonTextContentSettings>
     236                    <ButtonLinkSettings
     237                      attributes={attributes}
     238                      setAttributes={setAttributes}
     239                    ></ButtonLinkSettings>
     240                    <TypographyGroupSettings
     241                      attributes={attributes}
     242                      setAttributes={setAttributes}
     243                    ></TypographyGroupSettings>
     244                    <FontSizeSettings
     245                      attributes={attributes}
     246                      setAttributes={setAttributes}
     247                    ></FontSizeSettings>
     248                    <LetterSpacingSettings
     249                      attributes={attributes}
     250                      setAttributes={setAttributes}
     251                    ></LetterSpacingSettings>
     252                    <IconSettings
     253                      attributes={attributes}
     254                      setAttributes={setAttributes}
     255                    ></IconSettings>
     256                    <IconSizeSettings
     257                      attributes={attributes}
     258                      setAttributes={setAttributes}
     259                    ></IconSizeSettings>
     260                  </>
     261                );
     262              }
    162263            }
    163264            if (tab.name === "style") {
    164               return (
    165                 <>
    166                   <ButtonLightColorSettings
    167                     attributes={attributes}
    168                     setAttributes={setAttributes}
    169                   ></ButtonLightColorSettings>
    170                   <ButtonDarkColorSettings
    171                     attributes={attributes}
    172                     setAttributes={setAttributes}
    173                   ></ButtonDarkColorSettings>
    174                   <ButtonLightColorHoverSettings
    175                     attributes={attributes}
    176                     setAttributes={setAttributes}
    177                   ></ButtonLightColorHoverSettings>
    178                   <ButtonDarkColorHoverSettings
    179                     attributes={attributes}
    180                     setAttributes={setAttributes}
    181                   ></ButtonDarkColorHoverSettings>
    182                   <ButtonTextLightColorSettings
    183                     attributes={attributes}
    184                     setAttributes={setAttributes}
    185                   ></ButtonTextLightColorSettings>
    186                   <ButtonTextDarkColorSettings
    187                     attributes={attributes}
    188                     setAttributes={setAttributes}
    189                   ></ButtonTextDarkColorSettings>
    190                 </>
    191               );
     265              if (buttonType === "simple-button") {
     266                return (
     267                  <>
     268                    <ButtonLightColorSettings
     269                      attributes={attributes}
     270                      setAttributes={setAttributes}
     271                    ></ButtonLightColorSettings>
     272                    <ButtonDarkColorSettings
     273                      attributes={attributes}
     274                      setAttributes={setAttributes}
     275                    ></ButtonDarkColorSettings>
     276                    <ButtonLightColorHoverSettings
     277                      attributes={attributes}
     278                      setAttributes={setAttributes}
     279                    ></ButtonLightColorHoverSettings>
     280                    <ButtonDarkColorHoverSettings
     281                      attributes={attributes}
     282                      setAttributes={setAttributes}
     283                    ></ButtonDarkColorHoverSettings>
     284                    <ButtonTextLightColorSettings
     285                      attributes={attributes}
     286                      setAttributes={setAttributes}
     287                    ></ButtonTextLightColorSettings>
     288                    <ButtonTextDarkColorSettings
     289                      attributes={attributes}
     290                      setAttributes={setAttributes}
     291                    ></ButtonTextDarkColorSettings>
     292                    <ButtonHoverTextLightColorSettings
     293                      attributes={attributes}
     294                      setAttributes={setAttributes}
     295                    ></ButtonHoverTextLightColorSettings>
     296                    <ButtonHoverTextDarkColorSettings
     297                      attributes={attributes}
     298                      setAttributes={setAttributes}
     299                    ></ButtonHoverTextDarkColorSettings>
     300                  </>
     301                );
     302              } else {
     303                return (
     304                  <>
     305                    <ButtonLightColorSettings
     306                      attributes={attributes}
     307                      setAttributes={setAttributes}
     308                    ></ButtonLightColorSettings>
     309                    <ButtonDarkColorSettings
     310                      attributes={attributes}
     311                      setAttributes={setAttributes}
     312                    ></ButtonDarkColorSettings>
     313                    <ButtonLightColorHoverSettings
     314                      attributes={attributes}
     315                      setAttributes={setAttributes}
     316                    ></ButtonLightColorHoverSettings>
     317                    <ButtonDarkColorHoverSettings
     318                      attributes={attributes}
     319                      setAttributes={setAttributes}
     320                    ></ButtonDarkColorHoverSettings>
     321                    <ButtonTextLightColorSettings
     322                      attributes={attributes}
     323                      setAttributes={setAttributes}
     324                    ></ButtonTextLightColorSettings>
     325                    <ButtonTextDarkColorSettings
     326                      attributes={attributes}
     327                      setAttributes={setAttributes}
     328                    ></ButtonTextDarkColorSettings>
     329                    <ButtonHoverTextLightColorSettings
     330                      attributes={attributes}
     331                      setAttributes={setAttributes}
     332                    ></ButtonHoverTextLightColorSettings>
     333                    <ButtonHoverTextDarkColorSettings
     334                      attributes={attributes}
     335                      setAttributes={setAttributes}
     336                    ></ButtonHoverTextDarkColorSettings>
     337                    <IconColorSettings
     338                      attributes={attributes}
     339                      setAttributes={setAttributes}
     340                    ></IconColorSettings>
     341                    <IconDarkColorSettings
     342                      attributes={attributes}
     343                      setAttributes={setAttributes}
     344                    ></IconDarkColorSettings>
     345                    <IconHoverLightColorSettings
     346                      attributes={attributes}
     347                      setAttributes={setAttributes}
     348                    ></IconHoverLightColorSettings>
     349                    <IconHoverDarkColorSettings
     350                      attributes={attributes}
     351                      setAttributes={setAttributes}
     352                    ></IconHoverDarkColorSettings>
     353                    <IconFlexDirectionSettings
     354                      attributes={attributes}
     355                      setAttributes={setAttributes}
     356                    ></IconFlexDirectionSettings>
     357                  </>
     358                );
     359              }
    192360            }
    193361            if (tab.name === "additional") {
    … …  
    206374                    setAttributes={setAttributes}
    207375                  ></BorderLightColorSettings>
     376                  <BorderHoverLightColorSettings
     377                    attributes={attributes}
     378                    setAttributes={setAttributes}
     379                  ></BorderHoverLightColorSettings>
     380                  <BorderHoverDarkColorSettings
     381                    attributes={attributes}
     382                    setAttributes={setAttributes}
     383                  ></BorderHoverDarkColorSettings>
    208384                  <BorderDarkColorSettings
    209385                    attributes={attributes}
    … …  
    229405        </TabPanel>
    230406      </InspectorControls>
    231       <a {...blockProps}>{buttonText}</a>
     407      {buttonType === "simple-button" && <a {...blockProps}>{buttonText}</a>}
     408      {buttonType !== "simple-button" && (
     409        <a {...blockProps}>
     410          {buttonText}
     411          <span
     412            className={`cbb-button__icon cbb-button__icon--${buttonIcon}`}
     413            style={{
     414              "--cbb-icon-size": `${buttonIconSize}px`,
     415              "--cbb-icon-color": buttonIconColor,
     416              "--cbb-icon-dark-color": buttonIconDarkColor,
     417              ...(iconHoverLightColor.enabled && {
     418                "--cbb-hover-icon-light-color": iconHoverLightColor.value,
     419              }),
     420              ...(iconHoverDarkColor.enabled && {
     421                "--cbb-hover-icon-dark-color": iconHoverDarkColor.value,
     422              }),
     423            }}
     424          >
     425            <span className="cbb-button__icon-container"></span>
     426            <span className="cbb-button__icon-content"></span>
     427          </span>
     428        </a>
     429      )}
    232430    </>
    233431  );

  • caledros-basic-blocks/trunk/src/blocks/button/save-block.js

    r3312194 r3335584  
    4040    buttonMargin,
    4141    buttonPadding,
     42    buttonType,
     43    buttonIcon,
     44    buttonIconSize,
     45    buttonIconColor,
     46    buttonIconDarkColor,
     47    buttonIconFlexDirection,
     48    buttonHoverTextLightColor,
     49    buttonHoverTextDarkColor,
     50    iconHoverLightColor,
     51    iconHoverDarkColor,
     52    borderHoverLightColor,
     53    borderHoverDarkColor,
    4254  } = attributes;
     55
     56  // Class list
     57  const classesList = [
     58    "cbb-button",
     59    `${buttonType === "button-with-icon" ? "cbb-button-with-icon" : ""}`,
     60    `${
     61      buttonHoverTextLightColor.enabled
     62        ? "cbb-button--hover-text-light-color"
     63        : ""
     64    }`,
     65    `${
     66      buttonHoverTextDarkColor.enabled
     67        ? "cbb-button--hover-text-dark-color"
     68        : ""
     69    }`,
     70    `${iconHoverLightColor.enabled ? "cbb-button--icon-text-light-color" : ""}`,
     71    `${iconHoverDarkColor.enabled ? "cbb-button--icon-text-dark-color" : ""}`,
     72    `${
     73      borderHoverLightColor.enabled
     74        ? "cbb-button--hover-border-light-color"
     75        : ""
     76    }`,
     77    `${
     78      borderHoverDarkColor.enabled ? "cbb-button--hover-border-dark-color" : ""
     79    }`,
     80  ]
     81    .filter((classItem) => classItem)
     82    .join(" ");
    4383
    4484  // Block properties
    4585  const blockProperties = useBlockProps.save({
    46     className: "cbb-button",
     86    className: classesList,
    4787    style: {
    4888      "--cbb-button-light-color": buttonLightColor,
    … …  
    5191      "--cbb-button-hover-dark-color": buttonHoverDarkColor,
    5292      "--cbb-button-text-light-color": buttonTextLightColor,
     93      ...(buttonHoverTextLightColor.enabled && {
     94        "--cbb-button-hover-text-light-color": buttonHoverTextLightColor.value,
     95      }),
    5396      "--cbb-button-text-dark-color": buttonTextDarkColor,
     97      ...(buttonHoverTextDarkColor.enabled && {
     98        "--cbb-button-hover-text-dark-color": buttonHoverTextDarkColor.value,
     99      }),
     100      ...(buttonType === "button-with-icon" && {
     101        "--cbb-button-flex-direction": buttonIconFlexDirection,
     102      }),
    54103      ...(buttonFontFamily !== "" && {
    55104        fontFamily: `var(--wp--preset--font-family--${buttonFontFamily})`,
    … …  
    80129          "--cbb-button-dark-border-color": buttonBorder.darkColor,
    81130        }),
     131      ...(borderHoverLightColor.enabled && {
     132        "--cbb-button-border-hover-light-color": borderHoverLightColor.value,
     133      }),
     134      ...(borderHoverDarkColor.enabled && {
     135        "--cbb-button-border-hover-dark-color": borderHoverDarkColor.value,
     136      }),
    82137      ...(buttonBorder.radius !== "0px" &&
    83138        buttonBorder.radius !== "0%" && {
    … …  
    97152
    98153  return (
    99     <a {...blockProperties} href={buttonLink}>
    100       {buttonText}
    101     </a>
     154    <>
     155      {buttonType === "simple-button" && (
     156        <a {...blockProperties} href={buttonLink}>
     157          {buttonText}
     158        </a>
     159      )}
     160      {buttonType !== "simple-button" && (
     161        <a {...blockProperties} href={buttonLink}>
     162          {buttonText}
     163          <span
     164            className={`cbb-button__icon cbb-button__icon--${buttonIcon}`}
     165            style={{
     166              "--cbb-icon-size": `${buttonIconSize}px`,
     167              "--cbb-icon-color": buttonIconColor,
     168              "--cbb-icon-dark-color": buttonIconDarkColor,
     169              ...(iconHoverLightColor.enabled && {
     170                "--cbb-hover-icon-light-color": iconHoverLightColor.value,
     171              }),
     172              ...(iconHoverDarkColor.enabled && {
     173                "--cbb-hover-icon-dark-color": iconHoverDarkColor.value,
     174              }),
     175            }}
     176          >
     177            <span className="cbb-button__icon-container"></span>
     178            <span className="cbb-button__icon-content"></span>
     179          </span>
     180        </a>
     181      )}
     182    </>
    102183  );
    103184}

  • caledros-basic-blocks/trunk/src/blocks/button/settings/button-dark-color-hover-settings.js

    r3312194 r3335584  
    7878  return (
    7979    <PanelBody
    80       title={__("Hover color (dark mode)", "caledros-basic-blocks")}
     80      title={__("Hover bg color (dark mode)", "caledros-basic-blocks")}
    8181      initialOpen={false}
    8282    >

  • caledros-basic-blocks/trunk/src/blocks/button/settings/button-light-color-hover-settings.js

    r3312194 r3335584  
    7878  return (
    7979    <PanelBody
    80       title={__("Hover color (light mode)", "caledros-basic-blocks")}
     80      title={__("Hover bg color (light mode)", "caledros-basic-blocks")}
    8181      initialOpen={false}
    8282    >

  • caledros-basic-blocks/trunk/src/blocks/button/style.css

    r3312194 r3335584  
    3333  transition: all 0.5s;
    3434}
     35.cbb-button--hover-text-light-color:hover {
     36  color: var(--cbb-button-hover-text-light-color, #f4f4f4);
     37}
     38.cbb-button--hover-border-light-color:hover {
     39  border-color: var(--cbb-button-border-hover-light-color, #00000000);
     40}
    3541
    3642/*Dark mode*/
    … …  
    4450  background-color: var(--cbb-button-hover-dark-color, #333);
    4551}
     52html[data-theme="dark"] .cbb-button--hover-text-dark-color:hover {
     53  color: var(--cbb-button-hover-text-dark-color, #f4f4f4);
     54}
     55html[data-theme="dark"] .cbb-button--hover-border-dark-color:hover {
     56  border-color: var(--cbb-button-border-hover-dark-color, #00000000);
     57}
     58
     59/*Icon settings*/
     60.cbb-button-with-icon {
     61  display: flex;
     62  flex-direction: var(--cbb-button-flex-direction, row);
     63  column-gap: 10px;
     64  align-items: center;
     65  justify-content: center;
     66}
     67
     68.cbb-button__icon {
     69  width: var(--cbb-icon-size, 30px);
     70  height: var(--cbb-icon-size, 30px);
     71  position: relative;
     72  clip-path: inset(0 0 0 0.4px);
     73}
     74
     75.cbb-button__icon-content {
     76  width: var(--cbb-icon-size, 30px);
     77  height: var(--cbb-icon-size, 30px);
     78  display: block;
     79  position: absolute;
     80  top: 0;
     81  left: 0;
     82}
     83.cbb-button__icon-container {
     84  position: relative;
     85  width: var(--cbb-icon-size, 30px);
     86  height: var(--cbb-icon-size, 30px);
     87  display: block;
     88  margin-left: calc(var(--cbb-icon-size, 30px) * -1);
     89}
     90.cbb-button__icon-container::before {
     91  display: inline-block;
     92  content: "";
     93  background-repeat: no-repeat;
     94  background-size: contain;
     95  position: absolute;
     96  height: var(--cbb-icon-size, 30px);
     97  width: var(--cbb-icon-size, 30px);
     98  top: 0;
     99  left: 0px;
     100  filter: drop-shadow(
     101    var(--cbb-icon-size, 30px) 0px var(--cbb-icon-color, #000)
     102  );
     103}
     104
     105/*Light mode - Hover icon color*/
     106.cbb-button--icon-text-light-color:hover .cbb-button__icon-container::before {
     107  filter: drop-shadow(
     108    var(--cbb-icon-size, 30px) 0px var(--cbb-hover-icon-light-color, #000)
     109  );
     110}
     111
     112/*Dark mode - Hover icon color*/
     113html[data-theme="dark"]
     114  .cbb-button--icon-text-dark-color:hover
     115  .cbb-button__icon-container::before {
     116  filter: drop-shadow(
     117    var(--cbb-icon-size, 30px) 0px var(--cbb-hover-icon-dark-color, #000)
     118  );
     119}
     120
     121/*List of icons*/
     122.cbb-button__icon--alarm-fill .cbb-button__icon-container::before {
     123  background-image: url("./assets/alarm-fill.svg");
     124}
     125.cbb-button__icon--arrow-left-circle-fill .cbb-button__icon-container::before {
     126  background-image: url("./assets/arrow-left-circle-fill.svg");
     127}
     128.cbb-button__icon--arrow-left-circle .cbb-button__icon-container::before {
     129  background-image: url("./assets/arrow-left-circle.svg");
     130}
     131.cbb-button__icon--arrow-right-circle-fill .cbb-button__icon-container::before {
     132  background-image: url("./assets/arrow-right-circle-fill.svg");
     133}
     134.cbb-button__icon--arrow-right-circle .cbb-button__icon-container::before {
     135  background-image: url("./assets/arrow-right-circle.svg");
     136}
     137.cbb-button__icon--arrow-up-left-square .cbb-button__icon-container::before {
     138  background-image: url("./assets/arrow-up-left-square.svg");
     139}
     140.cbb-button__icon--arrow-up-right-circle-fill
     141  .cbb-button__icon-container::before {
     142  background-image: url("./assets/arrow-up-right-circle-fill.svg");
     143}
     144.cbb-button__icon--arrow-up-right-circle .cbb-button__icon-container::before {
     145  background-image: url("./assets/arrow-up-right-circle.svg");
     146}
     147.cbb-button__icon--arrow-up-right-square-fill
     148  .cbb-button__icon-container::before {
     149  background-image: url("./assets/arrow-up-right-square-fill.svg");
     150}
     151.cbb-button__icon--arrow-up-right-square .cbb-button__icon-container::before {
     152  background-image: url("./assets/arrow-up-right-square.svg");
     153}
     154.cbb-button__icon--award .cbb-button__icon-container::before {
     155  background-image: url("./assets/award.svg");
     156}
     157.cbb-button__icon--battery-charging .cbb-button__icon-container::before {
     158  background-image: url("./assets/battery-charging.svg");
     159}
     160.cbb-button__icon--box-seam .cbb-button__icon-container::before {
     161  background-image: url("./assets/box-seam.svg");
     162}
     163.cbb-button__icon--boxes .cbb-button__icon-container::before {
     164  background-image: url("./assets/boxes.svg");
     165}
     166.cbb-button__icon--bricks .cbb-button__icon-container::before {
     167  background-image: url("./assets/bricks.svg");
     168}
     169.cbb-button__icon--brightness-high .cbb-button__icon-container::before {
     170  background-image: url("./assets/brightness-high.svg");
     171}
     172.cbb-button__icon--bug .cbb-button__icon-container::before {
     173  background-image: url("./assets/bug.svg");
     174}
     175.cbb-button__icon--building .cbb-button__icon-container::before {
     176  background-image: url("./assets/building.svg");
     177}
     178.cbb-button__icon--buildings .cbb-button__icon-container::before {
     179  background-image: url("./assets/buildings.svg");
     180}
     181.cbb-button__icon--chat-text .cbb-button__icon-container::before {
     182  background-image: url("./assets/chat-text.svg");
     183}
     184.cbb-button__icon--cloud-check .cbb-button__icon-container::before {
     185  background-image: url("./assets/cloud-check.svg");
     186}
     187.cbb-button__icon--cloud-sun .cbb-button__icon-container::before {
     188  background-image: url("./assets/cloud-sun.svg");
     189}
     190.cbb-button__icon--code-square .cbb-button__icon-container::before {
     191  background-image: url("./assets/code-square.svg");
     192}
     193.cbb-button__icon--coin .cbb-button__icon-container::before {
     194  background-image: url("./assets/coin.svg");
     195}
     196.cbb-button__icon--columns .cbb-button__icon-container::before {
     197  background-image: url("./assets/columns.svg");
     198}
     199.cbb-button__icon--columns-gap .cbb-button__icon-container::before {
     200  background-image: url("./assets/columns-gap.svg");
     201}
     202.cbb-button__icon--database-down .cbb-button__icon-container::before {
     203  background-image: url("./assets/database-down.svg");
     204}
     205.cbb-button__icon--database-up .cbb-button__icon-container::before {
     206  background-image: url("./assets/database-up.svg");
     207}
     208.cbb-button__icon--file-bar-graph .cbb-button__icon-container::before {
     209  background-image: url("./assets/file-bar-graph.svg");
     210}
     211.cbb-button__icon--fire .cbb-button__icon-container::before {
     212  background-image: url("./assets/fire.svg");
     213}
     214.cbb-button__icon--gear .cbb-button__icon-container::before {
     215  background-image: url("./assets/gear.svg");
     216}
     217.cbb-button__icon--globe2 .cbb-button__icon-container::before {
     218  background-image: url("./assets/globe2.svg");
     219}
     220.cbb-button__icon--graph-down-arrow .cbb-button__icon-container::before {
     221  background-image: url("./assets/graph-down-arrow.svg");
     222}
     223.cbb-button__icon--graph-up-arrow .cbb-button__icon-container::before {
     224  background-image: url("./assets/graph-up-arrow.svg");
     225}
     226.cbb-button__icon--hourglass .cbb-button__icon-container::before {
     227  background-image: url("./assets/hourglass.svg");
     228}
     229.cbb-button__icon--hourglass-bottom .cbb-button__icon-container::before {
     230  background-image: url("./assets/hourglass-bottom.svg");
     231}
     232.cbb-button__icon--hourglass-split .cbb-button__icon-container::before {
     233  background-image: url("./assets/hourglass-split.svg");
     234}
     235.cbb-button__icon--hourglass-top .cbb-button__icon-container::before {
     236  background-image: url("./assets/hourglass-top.svg");
     237}
     238.cbb-button__icon--lightbulb .cbb-button__icon-container::before {
     239  background-image: url("./assets/lightbulb.svg");
     240}
     241.cbb-button__icon--magic .cbb-button__icon-container::before {
     242  background-image: url("./assets/magic.svg");
     243}
     244.cbb-button__icon--moon-stars .cbb-button__icon-container::before {
     245  background-image: url("./assets/moon-stars.svg");
     246}
     247.cbb-button__icon--people-fill .cbb-button__icon-container::before {
     248  background-image: url("./assets/people-fill.svg");
     249}
     250.cbb-button__icon--person-circle .cbb-button__icon-container::before {
     251  background-image: url("./assets/person-circle.svg");
     252}
     253.cbb-button__icon--quote .cbb-button__icon-container::before {
     254  background-image: url("./assets/quote.svg");
     255}
     256.cbb-button__icon--robot .cbb-button__icon-container::before {
     257  background-image: url("./assets/robot.svg");
     258}
     259.cbb-button__icon--rocket-takeoff .cbb-button__icon-container::before {
     260  background-image: url("./assets/rocket-takeoff.svg");
     261}
     262.cbb-button__icon--star .cbb-button__icon-container::before {
     263  background-image: url("./assets/star.svg");
     264}
     265.cbb-button__icon--stars .cbb-button__icon-container::before {
     266  background-image: url("./assets/stars.svg");
     267}
     268.cbb-button__icon--stickies .cbb-button__icon-container::before {
     269  background-image: url("./assets/stickies.svg");
     270}
     271.cbb-button__icon--tools .cbb-button__icon-container::before {
     272  background-image: url("./assets/tools.svg");
     273}
     274.cbb-button__icon--ui-checks-grid .cbb-button__icon-container::before {
     275  background-image: url("./assets/ui-checks-grid.svg");
     276}
     277.cbb-button__icon--ui-checks .cbb-button__icon-container::before {
     278  background-image: url("./assets/ui-checks.svg");
     279}
     280.cbb-button__icon--umbrella-fill .cbb-button__icon-container::before {
     281  background-image: url("./assets/umbrella-fill.svg");
     282}
     283.cbb-button__icon--watch .cbb-button__icon-container::before {
     284  background-image: url("./assets/watch.svg");
     285}
     286.cbb-button__icon--wind .cbb-button__icon-container::before {
     287  background-image: url("./assets/wind.svg");
     288}
     289.cbb-button__icon--wrench .cbb-button__icon-container::before {
     290  background-image: url("./assets/wrench.svg");
     291}
     292.cbb-button__icon--wrench-adjustable .cbb-button__icon-container::before {
     293  background-image: url("./assets/wrench-adjustable.svg");
     294}
     295.cbb-button__icon--wrench-adjustable-circle
     296  .cbb-button__icon-container::before {
     297  background-image: url("./assets/wrench-adjustable-circle.svg");
     298}
     299
     300/*Dark mode*/
     301html[data-theme="dark"] .cbb-button__icon-container::before {
     302  filter: drop-shadow(
     303    var(--cbb-icon-size, 30px) 0px var(--cbb-icon-dark-color, #fff)
     304  );
     305}

  • caledros-basic-blocks/trunk/src/blocks/desktop-menu-container/block.json

    r3312222 r3335584  
    138138      "type": "boolean",
    139139      "default": false
     140    },
     141    "stickyNavBoxShadow": {
     142      "type": "object",
     143      "default": {
     144        "enabled": false,
     145        "hOffset": "10px",
     146        "vOffset": "10px",
     147        "blur": "0px",
     148        "spread": "0px",
     149        "lightColor": "#000",
     150        "darkColor": "#f4f4f4",
     151        "style": ""
     152      }
    140153    }
    141154  },

  • caledros-basic-blocks/trunk/src/blocks/desktop-menu-container/edit-block.js

    r3312194 r3335584  
    5252import OverlayStickyNavSettings from "./settings/sticky-navigation/overlay-sticky-nav-settings";
    5353import OverlayNavSettings from "./settings/overlay-nav-settings";
     54import StickyNavBoxShadowSettings from "./settings/sticky-navigation/sticky-nav-box-shadow-settings";
    5455
    5556export default function EditBlock({ attributes, setAttributes }) {
    … …  
    313314                    setAttributes={setAttributes}
    314315                  ></OverlayStickyNavSettings>
     316                  <StickyNavBoxShadowSettings
     317                    attributes={attributes}
     318                    setAttributes={setAttributes}
     319                  ></StickyNavBoxShadowSettings>
    315320                </>
    316321              );

  • caledros-basic-blocks/trunk/src/blocks/desktop-menu-container/save-block.js

    r3312194 r3335584  
    4747    overlayStickyNav,
    4848    overlayNav,
     49    stickyNavBoxShadow,
    4950  } = attributes;
    5051
    … …  
    196197            "--cbb-dm-position": "relative",
    197198          }),
     199      ...(stickyNavBoxShadow.enabled && {
     200        "--cbb-dm-sticky-light-box-shadow": `${stickyNavBoxShadow.style} ${stickyNavBoxShadow.hOffset} ${stickyNavBoxShadow.vOffset} ${stickyNavBoxShadow.blur} ${stickyNavBoxShadow.spread} ${stickyNavBoxShadow.lightColor}`,
     201      }),
     202      ...(stickyNavBoxShadow.enabled && {
     203        "--cbb-dm-sticky-dark-box-shadow": `${stickyNavBoxShadow.style} ${stickyNavBoxShadow.hOffset} ${stickyNavBoxShadow.vOffset} ${stickyNavBoxShadow.blur} ${stickyNavBoxShadow.spread} ${stickyNavBoxShadow.darkColor}`,
     204      }),
    198205    },
    199206  });

  • caledros-basic-blocks/trunk/src/blocks/desktop-menu-container/style.css

    r3312194 r3335584  
    7777  transition: all 0.5s;
    7878  background-color: var(--cbb-dm-sticky-light-bg-color, #00000000);
     79  box-shadow: var(--cbb-dm-sticky-light-box-shadow, none);
    7980}
    8081
    … …  
    111112html[data-theme="dark"] .cbb-desktop-menu-container--sticking-enabled {
    112113  background-color: var(--cbb-dm-sticky-dark-bg-color, #00000000);
     114  box-shadow: var(--cbb-dm-sticky-dark-box-shadow, none);
    113115}
    114116

  • caledros-basic-blocks/trunk/src/blocks/flex-container/block.json

    r3312222 r3335584  
    106106      "default": "flex-start"
    107107    },
     108    "containerJustifyContentTablet": {
     109      "type": "object",
     110      "default": {
     111        "enabled": false,
     112        "value": "flex-start"
     113      }
     114    },
     115    "containerJustifyContentMobile": {
     116      "type": "object",
     117      "default": {
     118        "enabled": false,
     119        "value": "flex-start"
     120      }
     121    },
    108122    "containerAlignItems": {
    109123      "type": "string",
    110124      "default": "normal"
     125    },
     126    "containerAlignItemsTablet": {
     127      "type": "object",
     128      "default": {
     129        "enabled": false,
     130        "value": "normal"
     131      }
     132    },
     133    "containerAlignItemsMobile": {
     134      "type": "object",
     135      "default": {
     136        "enabled": false,
     137        "value": "normal"
     138      }
    111139    },
    112140    "containerColumnGap": {

  • caledros-basic-blocks/trunk/src/blocks/flex-container/edit-block.js

    r3312194 r3335584  
    5151import FullWidthTabletSettings from "./settings/full-width-tablet-settings";
    5252import FullWidthMobileSettings from "./settings/full-width-mobile-settings";
     53import JustifyContentTabletSettings from "./settings/justify-content-tablet-settings";
     54import JustifyContentMobileSettings from "./settings/justify-content-mobile-settings";
     55import AlignItemsTabletSettings from "./settings/align-items-tablet-settings";
     56import AlignItemsMobileSettings from "./settings/align-items-mobile-settings";
    5357
    5458export default function EditBlock({ attributes, setAttributes }) {
    … …  
    7579    fullWidthMobileEnabled,
    7680    fullWidthTabletEnabled,
     81    containerJustifyContentTablet,
     82    containerJustifyContentMobile,
     83    containerAlignItemsTablet,
     84    containerAlignItemsMobile,
    7785  } = attributes;
    7886
    … …  
    105113      containerBackgroundImage.url) &&
    106114      "cbb-flex-container--has-bg-gradient",
    107     fullWidthTabletEnabled && "cbb-flex-container--full-width-tablet ",
     115    fullWidthTabletEnabled && "cbb-flex-container--full-width-tablet",
    108116    fullWidthMobileEnabled && "cbb-flex-container--full-width-mobile",
     117    containerJustifyContentTablet.enabled &&
     118      "cbb-flex-container--custom-just-content-tablet",
     119    containerJustifyContentMobile.enabled &&
     120      "cbb-flex-container--custom-just-content-mobile",
     121    containerAlignItemsTablet.enabled &&
     122      "cbb-flex-container--custom-align-items-tablet",
     123    containerAlignItemsMobile.enabled &&
     124      "cbb-flex-container--custom-align-items-mobile",
    109125  ]
    110126    .filter((className) => className)
    … …  
    134150      "--cbb-fdir-sm": containerFlexDirection.mobile,
    135151      "--cbb-just-content": containerJustifyContent,
     152      ...(containerJustifyContentTablet.enabled && {
     153        "--cbb-just-content-md": containerJustifyContentTablet.value,
     154      }),
     155      ...(containerJustifyContentMobile.enabled && {
     156        "--cbb-just-content-sm": containerJustifyContentMobile.value,
     157      }),
    136158      "--cbb-align-items": containerAlignItems,
     159      ...(containerAlignItemsTablet.enabled && {
     160        "--cbb-align-items-md": containerAlignItemsTablet.value,
     161      }),
     162      ...(containerAlignItemsMobile.enabled && {
     163        "--cbb-align-items-sm": containerAlignItemsMobile.value,
     164      }),
    137165      "--cbb-min-height": containerMinHeight,
    138166      "--cbb-row-gap": containerRowGap,
    … …  
    314342                    setAttributes={setAttributes}
    315343                  ></JustifyContentSettings>
     344                  <JustifyContentTabletSettings
     345                    attributes={attributes}
     346                    setAttributes={setAttributes}
     347                  ></JustifyContentTabletSettings>
     348                  <JustifyContentMobileSettings
     349                    attributes={attributes}
     350                    setAttributes={setAttributes}
     351                  ></JustifyContentMobileSettings>
    316352                  <AlignItemsSettings
    317353                    attributes={attributes}
    318354                    setAttributes={setAttributes}
    319355                  ></AlignItemsSettings>
     356                  <AlignItemsTabletSettings
     357                    attributes={attributes}
     358                    setAttributes={setAttributes}
     359                  ></AlignItemsTabletSettings>
     360                  <AlignItemsMobileSettings
     361                    attributes={attributes}
     362                    setAttributes={setAttributes}
     363                  ></AlignItemsMobileSettings>
    320364                  <OverflowSettings
    321365                    attributes={attributes}

  • caledros-basic-blocks/trunk/src/blocks/flex-container/editor.css

    r3312194 r3335584  
    111111    flex-direction: var(--cbb-fdir-md, row);
    112112  }
     113
     114  .cbb-flex-container--custom-just-content-tablet
     115    > .block-editor-inner-blocks
     116    > .block-editor-block-list__layout {
     117    justify-content: var(--cbb-just-content-md, flex-start);
     118  }
     119
     120  .cbb-flex-container--custom-align-items-tablet
     121    > .block-editor-inner-blocks
     122    > .block-editor-block-list__layout {
     123    align-items: var(--cbb-align-items-md, normal);
     124  }
    113125}
    114126
    … …  
    119131    > .block-editor-block-list__layout {
    120132    flex-direction: var(--cbb-fdir-sm, row);
     133  }
     134
     135  .cbb-flex-container--custom-just-content-mobile
     136    > .block-editor-inner-blocks
     137    > .block-editor-block-list__layout {
     138    justify-content: var(--cbb-just-content-sm, flex-start);
     139  }
     140
     141  .cbb-flex-container--custom-align-items-mobile
     142    > .block-editor-inner-blocks
     143    > .block-editor-block-list__layout {
     144    align-items: var(--cbb-align-items-sm, normal);
    121145  }
    122146}

  • caledros-basic-blocks/trunk/src/blocks/flex-container/save-block.js

    r3312194 r3335584  
    4444    fullWidthMobileEnabled,
    4545    fullWidthTabletEnabled,
     46    containerJustifyContentTablet,
     47    containerJustifyContentMobile,
     48    containerAlignItemsTablet,
     49    containerAlignItemsMobile,
    4650  } = attributes;
    4751
    … …  
    7478      containerDarkBackgroundGradient !== "") &&
    7579      "cbb-flex-container--has-bg-gradient",
    76     fullWidthTabletEnabled && "cbb-flex-container--full-width-tablet ",
     80    fullWidthTabletEnabled && "cbb-flex-container--full-width-tablet",
    7781    fullWidthMobileEnabled && "cbb-flex-container--full-width-mobile",
     82    containerJustifyContentTablet.enabled &&
     83      "cbb-flex-container--custom-just-content-tablet",
     84    containerJustifyContentMobile.enabled &&
     85      "cbb-flex-container--custom-just-content-mobile",
     86    containerAlignItemsTablet.enabled &&
     87      "cbb-flex-container--custom-align-items-tablet",
     88    containerAlignItemsMobile.enabled &&
     89      "cbb-flex-container--custom-align-items-mobile",
    7890  ]
    7991    .filter((className) => className)
    … …  
    103115        justifyContent: containerJustifyContent,
    104116      }),
     117      ...(containerJustifyContentTablet.enabled && {
     118        "--cbb-just-content-md": containerJustifyContentTablet.value,
     119      }),
     120      ...(containerJustifyContentMobile.enabled && {
     121        "--cbb-just-content-sm": containerJustifyContentMobile.value,
     122      }),
    105123      ...(containerAlignItems !== "normal" && {
    106124        alignItems: containerAlignItems,
     125      }),
     126      ...(containerAlignItemsTablet.enabled && {
     127        "--cbb-align-items-md": containerAlignItemsTablet.value,
     128      }),
     129      ...(containerAlignItemsMobile.enabled && {
     130        "--cbb-align-items-sm": containerAlignItemsMobile.value,
    107131      }),
    108132      ...(containerMinHeight !== 0 && {

  • caledros-basic-blocks/trunk/src/blocks/flex-container/style.css

    r3312194 r3335584  
    5353    flex-direction: var(--cbb-fdir-md, row);
    5454  }
     55  .cbb-flex-container--custom-just-content-tablet {
     56    justify-content: var(--cbb-just-content-md, flex-start) !important;
     57  }
     58  .cbb-flex-container--custom-align-items-tablet {
     59    align-items: var(--cbb-align-items-md, normal) !important;
     60  }
    5561}
    5662
    … …  
    5965  .cbb-flex-container {
    6066    flex-direction: var(--cbb-fdir-sm, row);
     67  }
     68  .cbb-flex-container--custom-just-content-mobile {
     69    justify-content: var(--cbb-just-content-sm, flex-start) !important;
     70  }
     71  .cbb-flex-container--custom-align-items-mobile {
     72    align-items: var(--cbb-align-items-sm, normal) !important;
    6173  }
    6274}

  • caledros-basic-blocks/trunk/src/blocks/icon/settings/icon-settings.js

    r3313530 r3335584  
    3333        options={[
    3434          { label: "Alarm Fill", value: "alarm-fill" },
     35          { label: "Arrow Left Circle Fill", value: "arrow-left-circle-fill" },
     36          { label: "Arrow Left Circle", value: "arrow-left-circle" },
     37          {
     38            label: "Arrow Right Circle Fill",
     39            value: "arrow-right-circle-fill",
     40          },
     41          {
     42            label: "Arrow Right Circle",
     43            value: "arrow-right-circle",
     44          },
     45          {
     46            label: "Arrow Up Left Square",
     47            value: "arrow-up-left-square",
     48          },
     49          {
     50            label: "Arrow Up Right Circle Fill",
     51            value: "arrow-up-right-circle-fill",
     52          },
     53          {
     54            label: "Arrow Up Right Circle",
     55            value: "arrow-up-right-circle",
     56          },
     57          {
     58            label: "Arrow Up Right Square Fill",
     59            value: "arrow-up-right-square-fill",
     60          },
     61          {
     62            label: "Arrow Up Right Square",
     63            value: "arrow-up-right-square",
     64          },
    3565          { label: "Award", value: "award" },
     66          { label: "Battery Charging", value: "battery-charging" },
     67          { label: "Box", value: "box-seam" },
     68          { label: "Boxes", value: "boxes" },
    3669          { label: "Bricks", value: "bricks" },
    3770          { label: "Brightness High", value: "brightness-high" },
     71          { label: "Bug", value: "bug" },
    3872          { label: "Building", value: "building" },
    3973          { label: "Buildings", value: "buildings" },
     74          { label: "Chat Text", value: "chat-text" },
     75          { label: "Cloud Check", value: "cloud-check" },
    4076          { label: "Cloud Sun", value: "cloud-sun" },
     77          { label: "Code", value: "code-square" },
     78          { label: "Coin", value: "coin" },
     79          { label: "Columns", value: "columns" },
     80          { label: "Columns Gap", value: "columns-gap" },
     81          { label: "Database Down", value: "database-down" },
     82          { label: "Database Up", value: "database-up" },
     83          { label: "File Bar Graph", value: "file-bar-graph" },
     84          { label: "Fire", value: "fire" },
    4185          { label: "Gear", value: "gear" },
     86          { label: "Globe", value: "globe2" },
     87          { label: "Graph Down Arrow", value: "graph-down-arrow" },
     88          { label: "Graph Up Arrow", value: "graph-up-arrow" },
    4289          { label: "Hourglass", value: "hourglass" },
    4390          { label: "Hourglass Bottom", value: "hourglass-bottom" },
    … …  
    4592          { label: "Hourglass Top", value: "hourglass-top" },
    4693          { label: "Lightbulb", value: "lightbulb" },
     94          { label: "Magic", value: "magic" },
    4795          { label: "Moon Stars", value: "moon-stars" },
    4896          { label: "People Fill", value: "people-fill" },
    … …  
    52100          { label: "Rocket Takeoff", value: "rocket-takeoff" },
    53101          { label: "Star", value: "star" },
     102          { label: "Stars", value: "stars" },
    54103          { label: "Stickies", value: "stickies" },
    55104          { label: "Tools", value: "tools" },
     105          { label: "UI Checks Grid", value: "ui-checks-grid" },
     106          { label: "UI Checks", value: "ui-checks" },
    56107          { label: "Umbrella Fill", value: "umbrella-fill" },
    57108          { label: "Watch", value: "watch" },

  • caledros-basic-blocks/trunk/src/blocks/icon/style.css

    r3312194 r3335584  
     1/*
     2 * Caledros Basic Blocks - Easy to use Gutenberg blocks
     3 * Copyright (C) 2025  David Arnado
     4 *
     5 * This file is part of Caledros Basic Blocks.
     6 *
     7 * Caledros Basic Blocks is free software; you can redistribute it and/or modify
     8 * it under the terms of the GNU General Public License as published by
     9 * the Free Software Foundation; either version 2 of the License, or
     10 * (at your option) any later version.
     11
     12 * Caledros Basic Blocks is distributed in the hope that it will be useful,
     13 * but WITHOUT ANY WARRANTY; without even the implied warranty of
     14 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
     15 * GNU General Public License for more details.
     16
     17 * You should have received a copy of the GNU General Public License along
     18 * with Caledros Basic Blocks; if not, see <https://www.gnu.org/licenses/>.
     19 */
     20
    121.cbb-icon {
    222  width: var(--cbb-icon-size, 30px);
    … …  
    4969  background-image: url("./assets/alarm-fill.svg");
    5070}
     71.cbb-icon--arrow-left-circle-fill .cbb-icon__icon-container::before {
     72  background-image: url("./assets/arrow-left-circle-fill.svg");
     73}
     74.cbb-icon--arrow-left-circle .cbb-icon__icon-container::before {
     75  background-image: url("./assets/arrow-left-circle.svg");
     76}
     77.cbb-icon--arrow-right-circle-fill .cbb-icon__icon-container::before {
     78  background-image: url("./assets/arrow-right-circle-fill.svg");
     79}
     80.cbb-icon--arrow-right-circle .cbb-icon__icon-container::before {
     81  background-image: url("./assets/arrow-right-circle.svg");
     82}
     83.cbb-icon--arrow-up-left-square .cbb-icon__icon-container::before {
     84  background-image: url("./assets/arrow-up-left-square.svg");
     85}
     86.cbb-icon--arrow-up-right-circle-fill .cbb-icon__icon-container::before {
     87  background-image: url("./assets/arrow-up-right-circle-fill.svg");
     88}
     89.cbb-icon--arrow-up-right-circle .cbb-icon__icon-container::before {
     90  background-image: url("./assets/arrow-up-right-circle.svg");
     91}
     92.cbb-icon--arrow-up-right-square-fill .cbb-icon__icon-container::before {
     93  background-image: url("./assets/arrow-up-right-square-fill.svg");
     94}
     95.cbb-icon--arrow-up-right-square .cbb-icon__icon-container::before {
     96  background-image: url("./assets/arrow-up-right-square.svg");
     97}
    5198.cbb-icon--award .cbb-icon__icon-container::before {
    5299  background-image: url("./assets/award.svg");
    53100}
     101.cbb-icon--battery-charging .cbb-icon__icon-container::before {
     102  background-image: url("./assets/battery-charging.svg");
     103}
     104.cbb-icon--box-seam .cbb-icon__icon-container::before {
     105  background-image: url("./assets/box-seam.svg");
     106}
     107.cbb-icon--boxes .cbb-icon__icon-container::before {
     108  background-image: url("./assets/boxes.svg");
     109}
    54110.cbb-icon--bricks .cbb-icon__icon-container::before {
    55111  background-image: url("./assets/bricks.svg");
    … …  
    58114  background-image: url("./assets/brightness-high.svg");
    59115}
     116.cbb-icon--bug .cbb-icon__icon-container::before {
     117  background-image: url("./assets/bug.svg");
     118}
    60119.cbb-icon--building .cbb-icon__icon-container::before {
    61120  background-image: url("./assets/building.svg");
    … …  
    64123  background-image: url("./assets/buildings.svg");
    65124}
     125.cbb-icon--chat-text .cbb-icon__icon-container::before {
     126  background-image: url("./assets/chat-text.svg");
     127}
     128.cbb-icon--cloud-check .cbb-icon__icon-container::before {
     129  background-image: url("./assets/cloud-check.svg");
     130}
    66131.cbb-icon--cloud-sun .cbb-icon__icon-container::before {
    67132  background-image: url("./assets/cloud-sun.svg");
    68133}
     134.cbb-icon--code-square .cbb-icon__icon-container::before {
     135  background-image: url("./assets/code-square.svg");
     136}
     137.cbb-icon--coin .cbb-icon__icon-container::before {
     138  background-image: url("./assets/coin.svg");
     139}
     140.cbb-icon--columns .cbb-icon__icon-container::before {
     141  background-image: url("./assets/columns.svg");
     142}
     143.cbb-icon--columns-gap .cbb-icon__icon-container::before {
     144  background-image: url("./assets/columns-gap.svg");
     145}
     146.cbb-icon--database-down .cbb-icon__icon-container::before {
     147  background-image: url("./assets/database-down.svg");
     148}
     149.cbb-icon--database-up .cbb-icon__icon-container::before {
     150  background-image: url("./assets/database-up.svg");
     151}
     152.cbb-icon--file-bar-graph .cbb-icon__icon-container::before {
     153  background-image: url("./assets/file-bar-graph.svg");
     154}
     155.cbb-icon--fire .cbb-icon__icon-container::before {
     156  background-image: url("./assets/fire.svg");
     157}
    69158.cbb-icon--gear .cbb-icon__icon-container::before {
    70159  background-image: url("./assets/gear.svg");
    71160}
     161.cbb-icon--globe2 .cbb-icon__icon-container::before {
     162  background-image: url("./assets/globe2.svg");
     163}
     164.cbb-icon--graph-down-arrow .cbb-icon__icon-container::before {
     165  background-image: url("./assets/graph-down-arrow.svg");
     166}
     167.cbb-icon--graph-up-arrow .cbb-icon__icon-container::before {
     168  background-image: url("./assets/graph-up-arrow.svg");
     169}
    72170.cbb-icon--hourglass .cbb-icon__icon-container::before {
    73171  background-image: url("./assets/hourglass.svg");
    … …  
    85183  background-image: url("./assets/lightbulb.svg");
    86184}
     185.cbb-icon--magic .cbb-icon__icon-container::before {
     186  background-image: url("./assets/magic.svg");
     187}
    87188.cbb-icon--moon-stars .cbb-icon__icon-container::before {
    88189  background-image: url("./assets/moon-stars.svg");
    … …  
    106207  background-image: url("./assets/star.svg");
    107208}
     209.cbb-icon--stars .cbb-icon__icon-container::before {
     210  background-image: url("./assets/stars.svg");
     211}
    108212.cbb-icon--stickies .cbb-icon__icon-container::before {
    109213  background-image: url("./assets/stickies.svg");
    … …  
    111215.cbb-icon--tools .cbb-icon__icon-container::before {
    112216  background-image: url("./assets/tools.svg");
     217}
     218.cbb-icon--ui-checks-grid .cbb-icon__icon-container::before {
     219  background-image: url("./assets/ui-checks-grid.svg");
     220}
     221.cbb-icon--ui-checks .cbb-icon__icon-container::before {
     222  background-image: url("./assets/ui-checks.svg");
    113223}
    114224.cbb-icon--umbrella-fill .cbb-icon__icon-container::before {

  • caledros-basic-blocks/trunk/src/blocks/mobile-menu-container/block.json

    r3312222 r3335584  
    138138      "type": "boolean",
    139139      "default": false
     140    },
     141    "stickyNavBoxShadow": {
     142      "type": "object",
     143      "default": {
     144        "enabled": false,
     145        "hOffset": "10px",
     146        "vOffset": "10px",
     147        "blur": "0px",
     148        "spread": "0px",
     149        "lightColor": "#000",
     150        "darkColor": "#f4f4f4",
     151        "style": ""
     152      }
    140153    }
    141154  },

  • caledros-basic-blocks/trunk/src/blocks/mobile-menu-container/edit-block.js

    r3312194 r3335584  
    5252import OverlayStickyNavSettings from "./settings/sticky-navigation/overlay-sticky-nav-settings";
    5353import OverlayNavSettings from "./settings/overlay-nav-settings";
     54import StickyNavBoxShadowSettings from "./settings/sticky-navigation/sticky-nav-box-shadow-settings";
    5455
    5556export default function EditBlock({ attributes, setAttributes }) {
    … …  
    312313                    setAttributes={setAttributes}
    313314                  ></OverlayStickyNavSettings>
     315                  <StickyNavBoxShadowSettings
     316                    attributes={attributes}
     317                    setAttributes={setAttributes}
     318                  ></StickyNavBoxShadowSettings>
    314319                </>
    315320              );

  • caledros-basic-blocks/trunk/src/blocks/mobile-menu-container/save-block.js

    r3312194 r3335584  
    4747    overlayStickyNav,
    4848    overlayNav,
     49    stickyNavBoxShadow,
    4950  } = attributes;
    5051
    … …  
    196197            "--cbb-dm-position": "relative",
    197198          }),
     199      ...(stickyNavBoxShadow.enabled && {
     200        "--cbb-mm-sticky-light-box-shadow": `${stickyNavBoxShadow.style} ${stickyNavBoxShadow.hOffset} ${stickyNavBoxShadow.vOffset} ${stickyNavBoxShadow.blur} ${stickyNavBoxShadow.spread} ${stickyNavBoxShadow.lightColor}`,
     201      }),
     202      ...(stickyNavBoxShadow.enabled && {
     203        "--cbb-mm-sticky-dark-box-shadow": `${stickyNavBoxShadow.style} ${stickyNavBoxShadow.hOffset} ${stickyNavBoxShadow.vOffset} ${stickyNavBoxShadow.blur} ${stickyNavBoxShadow.spread} ${stickyNavBoxShadow.darkColor}`,
     204      }),
    198205    },
    199206  });

  • caledros-basic-blocks/trunk/src/blocks/mobile-menu-container/style.css

    r3312194 r3335584  
    7777  transition: all 0.5s;
    7878  background-color: var(--cbb-mm-sticky-light-bg-color, #00000000);
     79  box-shadow: var(--cbb-mm-sticky-light-box-shadow, none);
    7980}
    8081
    … …  
    119120html[data-theme="dark"] .cbb-mobile-menu-container--sticking-enabled {
    120121  background-color: var(--cbb-mm-sticky-dark-bg-color, #00000000);
     122  box-shadow: var(--cbb-mm-sticky-dark-box-shadow, none);
    121123}
    122124

  • caledros-basic-blocks/trunk/src/blocks/responsive-image/block.json

    r3312222 r3335584  
    110110      "type": "string",
    111111      "default": ""
     112    },
     113    "lazyLoadingOverlayColor": {
     114      "type": "string",
     115      "default": "#00000000"
    112116    }
    113117  },

  • caledros-basic-blocks/trunk/src/blocks/responsive-image/edit-block.js

    r3312194 r3335584  
    4545import FilterSettings from "./settings/filter-settings";
    4646import ImgLinkSettings from "./settings/image-link-settings";
     47import LazyLoadingOverlayColorSettings from "./settings/lazy-loading-overlay-color-settings";
    4748
    4849export default function EditBlock({ attributes, setAttributes }) {
    … …  
    5960    imgBoxShadow,
    6061    imgFilter,
     62    lazyLoadingOverlayColor,
    6163  } = attributes;
    6264
    … …  
    9395          "--inset-border-radius": imgBorder.radius,
    9496        }),
     97      ...(lazyLoadingOverlayColor !== "#00000000" && {
     98        "--lazy-loading-overlay-color": lazyLoadingOverlayColor,
     99      }),
    95100    },
    96101  });
    … …  
    192197                    setAttributes={setAttributes}
    193198                  ></LazyLoadSettings>
     199                  <LazyLoadingOverlayColorSettings
     200                    attributes={attributes}
     201                    setAttributes={setAttributes}
     202                  ></LazyLoadingOverlayColorSettings>
    194203                </>
    195204              );

  • caledros-basic-blocks/trunk/src/blocks/responsive-image/editor.css

    r3312194 r3335584  
    2222  vertical-align: top;
    2323}
     24.cbb-resp-img {
     25  display: inline-block;
     26}

  • caledros-basic-blocks/trunk/src/blocks/responsive-image/save-block.js

    r3312194 r3335584  
    3737    imgFilter,
    3838    imgLink,
     39    lazyLoadingOverlayColor,
    3940  } = attributes;
    4041
    … …  
    8990          "--inset-border-radius": imgBorder.radius,
    9091        }),
     92      ...(lazyLoadingOverlayColor !== "#00000000" && {
     93        "--lazy-loading-overlay-color": lazyLoadingOverlayColor,
     94      }),
    9195    },
    9296  });

  • caledros-basic-blocks/trunk/src/blocks/responsive-image/style.css

    r3312194 r3335584  
    2222.lazy-image {
    2323  display: block;
    24   background-color: #f0f0f0;
     24  background-color: var(--lazy-loading-overlay-color, #00000000);
    2525  filter: blur(10px);
    2626  opacity: 0;
Note: See TracChangeset for help on using the changeset viewer.