/*!*********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/pill-button/pill-button.module.scss ***!
  \*********************************************************************************************************************************************/
/**
 * Please use only these colours in our style sheets. Do NOT add more colours here, unless approved by the
 * design team.
 * @url https://www.figma.com/file/czOHWM3ykDD7XQPpwIBINf/Colors?node-id=0%3A1
 */
/**
 * Please use these percentages of color alphas for the existing colors in our style sheets. Do NOT add more alphas here, unless approved by the
 * design team.
 * @url https://www.figma.com/file/czOHWM3ykDD7XQPpwIBINf/Colors?node-id=0%3A1
 */
/**
 * https://www.figma.com/file/MzIAjkeTlL4K5ogldAAz9M/Borders?node-id=1%3A2
 */
/* Border strokes */
/* Border Radii */
/* Border styles */
/*
 Adds the given gradient as the border of the element, this is done by making the elements background as the provided linear gradient, then some boxshadow magic
 to fill the element background - hence the backgroundColor param is necessary if you want to change the bg of this element.

 Takes another optional param backgroundColor - which defaults to white.
 */
/**
 * @see https://www.figma.com/file/UXVmv6ZHvQVcRo9InK8aE7/Icon?node-id=308%3A363
 */
/**
 * https://www.figma.com/file/nx75ykPwbtybUL1s6fzA5o/Spacing?node-id=0%3A1
 * Use the following classes to add uniform margins/paddings:
 * Padding: .spacing-p-1, .spacing-p-2, ... .spacing-p-20
 * Margin: .spacing-m-1, .spacing-m-2, ... .spacing-m-20
 */
/*
Defines our default font.
$style can either be 'regular' or 'light' or 'bold'.
*/
/*
Gives the block level container of text the ability to truncate it with ellipsis.
*/
p.KAJJBfhlmq7trOQaSyXK {
  font-size: 18px;
}

/**
 Design System - Typography
 @link https://www.figma.com/file/4DEA9D0uwSWSXosbK0bZ0Z/Typography?node-id=686%3A113
 */
/**
 * Note: Added !important in all of these classes since we're moving towards strict typography rules, where we don't
 * ID's or more specific selectors to take precedence
 */
/* Google */
/* Facebook */
/* Instagram */
/* Pinterest */
/* Twitter */
/* Youtube */
/* Component border */
/* Typography */
/* Color Theme */
/* Navigation */
/* Search bar */
/* Editor view colors */
/* Poster Maker Contextual Sidebar (right sidebar) styles  */
/* Modal dialog styles */
/* Panel styles */
/* Facebook media modal styles */
/** Media grid item styles */
/* Poster Maker Toolbar (left sidebar) styles */
/* Text link styles */
/* Grid item (posters, folders etc) styles */
/* Popups and thumbnail options */
/* Error, Warning colors */
/* z-index */
/* Various dimensions */
/* Media Query Dimensions */
/* Buttons */
/* Form Elements - Poster Maker*/
/* Form Elements - Website */
/* Designer Themes */
/* Accent colours */
/* Tooltip */
/* Social icons */
/* Animations */
/* Custom Shadows */
/* clears the default 'X' from Chrome */
/* Nicolas Gallagher's micro clearfix */
/**
  Makes an element with the provided selector visible only when its parent element is hovered on.
  The element is visible by default on touch devices
  $parent-selector: the selector of the parent to attach the hover on
  $selector-for-item-to-show: the selector of the item whose visibility is getting toggled
  $visible-on-classes: any extra classes (space separated) which, when applied to either the parent or the child item (that needs to be shown) should also show the item getting toggled. This param is optional
                        sample usage: '.-selected', or '.-selected' '.open'
  $hide-on-class: any extra class which, when applied should also hide the item getting toggled. This param is optional
  $display-property-value: the value to give for the display property when showing the item. Default is flex
 */
/**
 Helper mixin to give a 'display' property to a selector.
 $item-to-show: the selector for the item to show
 $display-property-value: the value to give to the display property. default: flex
 */
/**
 $item: selector of the item to hide
 */
/*
  for the given selector, remove the border-radius from the sides of the element as if it was placed in a row
  (top-right, bottom-right for first child , bottom-left, top-left for second child etc)
 */
/*
  for the given selector, remove the border-radius from the sides of the element as if it was placed in a column
  (bottom-left, bottom-right for first child , top-left, top-right for second child etc)
 */
/*
 adds the given box-shadow only at the top of the container using clip-path.
  The clip-path makes space only at the top of the container according to the blur-radius of the shadow
 */
/*
 adds the given box-shadow only at the bottom of the container using clip-path.
  The clip-path makes space only at the bottom of the container according to the blur-radius of the shadow
 */
/* Width constants for media queries */
/* Wizard Specific Variables */
.N2qXHlQk8pNWM4SSVL3K {
  background-color: #FFFFFF;
}

.N2qXHlQk8pNWM4SSVL3K:hover {
  background-color: #F2F2F5;
}

.N2qXHlQk8pNWM4SSVL3K:active {
  background-color: #E6E6EC;
}

.LpfCxtCvAUGnRVaq2DoR, .LpfCxtCvAUGnRVaq2DoR:hover, .LpfCxtCvAUGnRVaq2DoR:active {
  background-color: #F2F2F5;
}

.f4P01MFb7Z0sfCF4oS4D {
  color: #A1A1AA;
}

.iZnLWFgRYjgS4JxQ4be9 {
  padding-top: 9px;
  padding-bottom: 10px;
}

.t7Xb8Lwhub45ctTtnJjZ {
  gap: 4px;
}

.ayU6uVaXLWEZ1N33mWTn {
  gap: 6px;
}

.cGvZyk2alIQDkGxeAWO5 {
  gap: 16px;
}

.sshQurGKvIOvfRVZZbzk {
  background-color: #ECF8FD;
}

.sshQurGKvIOvfRVZZbzk:hover {
  background-color: #CDF0FB;
}

.sshQurGKvIOvfRVZZbzk:active {
  background-color: #B2E4F6;
}

.ixZt5nWIafl2BOF7YTcf {
  padding-right: 10px;
  padding-left: 16px;
}

.TZzkhqio1Jy3ff0YWMMn {
  padding-right: 20px;
  padding-left: 20px;
}

.R8qrAvClMhYypOAOiHh_ {
  padding-right: 12px;
  padding-left: 12px;
}

.b_QJiLyQPkBDoEqGKMk7 {
  height: 40px;
  max-height: 40px;
}

.fNqVlPZzPoMn7dbQwhs8 {
  height: 32px;
  max-height: 32px;
}

.qhr0Vv25Z3cq4WmrVJU5 {
  border: 1px solid #9FDDF3;
}

.mMaIFf04k15hKMMSknaV {
  width: max-content;
}

.oh_xhiL6_psCKu4Ewm3F {
  padding-right: 20px;
  padding-left: 20px;
}

.ykrSWUh2nY5AZl6vsZLW {
  padding-right: 16px;
  padding-left: 16px;
}

.H8yiR5dyT04B54stovgw {
  padding-right: 12px;
  padding-left: 12px;
}

.py1dedZf1gt4KvbYSd3Y {
  color: #00688C;
}
/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/panels/stock-panel/components/ai-image-filter-pop-up/ai-image-filter-pop-up.module.scss ***!
  \*************************************************************************************************************************************************************************************************/
.Oy_j_fIRLNT5vUnXB3VF {
  gap: 12px;
}
/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/panels/stock-panel/components/stock-panel-error/stock-panel-error.module.scss ***!
  \***************************************************************************************************************************************************************************************/
/**
 * Please use only these colours in our style sheets. Do NOT add more colours here, unless approved by the
 * design team.
 * @url https://www.figma.com/file/czOHWM3ykDD7XQPpwIBINf/Colors?node-id=0%3A1
 */
/**
 * Please use these percentages of color alphas for the existing colors in our style sheets. Do NOT add more alphas here, unless approved by the
 * design team.
 * @url https://www.figma.com/file/czOHWM3ykDD7XQPpwIBINf/Colors?node-id=0%3A1
 */
/**
 * https://www.figma.com/file/MzIAjkeTlL4K5ogldAAz9M/Borders?node-id=1%3A2
 */
/* Border strokes */
/* Border Radii */
/* Border styles */
/*
 Adds the given gradient as the border of the element, this is done by making the elements background as the provided linear gradient, then some boxshadow magic
 to fill the element background - hence the backgroundColor param is necessary if you want to change the bg of this element.

 Takes another optional param backgroundColor - which defaults to white.
 */
/**
 * @see https://www.figma.com/file/UXVmv6ZHvQVcRo9InK8aE7/Icon?node-id=308%3A363
 */
/**
 * https://www.figma.com/file/nx75ykPwbtybUL1s6fzA5o/Spacing?node-id=0%3A1
 * Use the following classes to add uniform margins/paddings:
 * Padding: .spacing-p-1, .spacing-p-2, ... .spacing-p-20
 * Margin: .spacing-m-1, .spacing-m-2, ... .spacing-m-20
 */
/*
Defines our default font.
$style can either be 'regular' or 'light' or 'bold'.
*/
/*
Gives the block level container of text the ability to truncate it with ellipsis.
*/
p.KN5wSHGQ6fAnFDAlceDV {
  font-size: 18px;
}

/**
 Design System - Typography
 @link https://www.figma.com/file/4DEA9D0uwSWSXosbK0bZ0Z/Typography?node-id=686%3A113
 */
/**
 * Note: Added !important in all of these classes since we're moving towards strict typography rules, where we don't
 * ID's or more specific selectors to take precedence
 */
/* Google */
/* Facebook */
/* Instagram */
/* Pinterest */
/* Twitter */
/* Youtube */
/* Component border */
/* Typography */
/* Color Theme */
/* Navigation */
/* Search bar */
/* Editor view colors */
/* Poster Maker Contextual Sidebar (right sidebar) styles  */
/* Modal dialog styles */
/* Panel styles */
/* Facebook media modal styles */
/** Media grid item styles */
/* Poster Maker Toolbar (left sidebar) styles */
/* Text link styles */
/* Grid item (posters, folders etc) styles */
/* Popups and thumbnail options */
/* Error, Warning colors */
/* z-index */
/* Various dimensions */
/* Media Query Dimensions */
/* Buttons */
/* Form Elements - Poster Maker*/
/* Form Elements - Website */
/* Designer Themes */
/* Accent colours */
/* Tooltip */
/* Social icons */
/* Animations */
/* Custom Shadows */
/* clears the default 'X' from Chrome */
/* Nicolas Gallagher's micro clearfix */
/**
  Makes an element with the provided selector visible only when its parent element is hovered on.
  The element is visible by default on touch devices
  $parent-selector: the selector of the parent to attach the hover on
  $selector-for-item-to-show: the selector of the item whose visibility is getting toggled
  $visible-on-classes: any extra classes (space separated) which, when applied to either the parent or the child item (that needs to be shown) should also show the item getting toggled. This param is optional
                        sample usage: '.-selected', or '.-selected' '.open'
  $hide-on-class: any extra class which, when applied should also hide the item getting toggled. This param is optional
  $display-property-value: the value to give for the display property when showing the item. Default is flex
 */
/**
 Helper mixin to give a 'display' property to a selector.
 $item-to-show: the selector for the item to show
 $display-property-value: the value to give to the display property. default: flex
 */
/**
 $item: selector of the item to hide
 */
/*
  for the given selector, remove the border-radius from the sides of the element as if it was placed in a row
  (top-right, bottom-right for first child , bottom-left, top-left for second child etc)
 */
/*
  for the given selector, remove the border-radius from the sides of the element as if it was placed in a column
  (bottom-left, bottom-right for first child , top-left, top-right for second child etc)
 */
/*
 adds the given box-shadow only at the top of the container using clip-path.
  The clip-path makes space only at the top of the container according to the blur-radius of the shadow
 */
/*
 adds the given box-shadow only at the bottom of the container using clip-path.
  The clip-path makes space only at the bottom of the container according to the blur-radius of the shadow
 */
/* Width constants for media queries */
/* Wizard Specific Variables */
.G59PTMLrpFoEENM9DEHd {
  gap: 16px;
}

.tH5WzTD036rwci2JbgHz {
  background-color: #FEF3F6;
  height: 80px;
  width: 80px;
}
/*!*********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/base-masonry-grid/base-masonry-grid.module.scss ***!
  \*********************************************************************************************************************************************************/
/**
 * Please use only these colours in our style sheets. Do NOT add more colours here, unless approved by the
 * design team.
 * @url https://www.figma.com/file/czOHWM3ykDD7XQPpwIBINf/Colors?node-id=0%3A1
 */
/**
 * Please use these percentages of color alphas for the existing colors in our style sheets. Do NOT add more alphas here, unless approved by the
 * design team.
 * @url https://www.figma.com/file/czOHWM3ykDD7XQPpwIBINf/Colors?node-id=0%3A1
 */
/**
 * https://www.figma.com/file/MzIAjkeTlL4K5ogldAAz9M/Borders?node-id=1%3A2
 */
/* Border strokes */
/* Border Radii */
/* Border styles */
/*
 Adds the given gradient as the border of the element, this is done by making the elements background as the provided linear gradient, then some boxshadow magic
 to fill the element background - hence the backgroundColor param is necessary if you want to change the bg of this element.

 Takes another optional param backgroundColor - which defaults to white.
 */
/**
 * @see https://www.figma.com/file/UXVmv6ZHvQVcRo9InK8aE7/Icon?node-id=308%3A363
 */
/**
 * https://www.figma.com/file/nx75ykPwbtybUL1s6fzA5o/Spacing?node-id=0%3A1
 * Use the following classes to add uniform margins/paddings:
 * Padding: .spacing-p-1, .spacing-p-2, ... .spacing-p-20
 * Margin: .spacing-m-1, .spacing-m-2, ... .spacing-m-20
 */
/*
Defines our default font.
$style can either be 'regular' or 'light' or 'bold'.
*/
/*
Gives the block level container of text the ability to truncate it with ellipsis.
*/
p.YA7sRlLYUcJ4ntpn9TQJ {
  font-size: 18px;
}

/**
 Design System - Typography
 @link https://www.figma.com/file/4DEA9D0uwSWSXosbK0bZ0Z/Typography?node-id=686%3A113
 */
/**
 * Note: Added !important in all of these classes since we're moving towards strict typography rules, where we don't
 * ID's or more specific selectors to take precedence
 */
/* Google */
/* Facebook */
/* Instagram */
/* Pinterest */
/* Twitter */
/* Youtube */
/* Component border */
/* Typography */
/* Color Theme */
/* Navigation */
/* Search bar */
/* Editor view colors */
/* Poster Maker Contextual Sidebar (right sidebar) styles  */
/* Modal dialog styles */
/* Panel styles */
/* Facebook media modal styles */
/** Media grid item styles */
/* Poster Maker Toolbar (left sidebar) styles */
/* Text link styles */
/* Grid item (posters, folders etc) styles */
/* Popups and thumbnail options */
/* Error, Warning colors */
/* z-index */
/* Various dimensions */
/* Media Query Dimensions */
/* Buttons */
/* Form Elements - Poster Maker*/
/* Form Elements - Website */
/* Designer Themes */
/* Accent colours */
/* Tooltip */
/* Social icons */
/* Animations */
/* Custom Shadows */
/* clears the default 'X' from Chrome */
/* Nicolas Gallagher's micro clearfix */
/**
  Makes an element with the provided selector visible only when its parent element is hovered on.
  The element is visible by default on touch devices
  $parent-selector: the selector of the parent to attach the hover on
  $selector-for-item-to-show: the selector of the item whose visibility is getting toggled
  $visible-on-classes: any extra classes (space separated) which, when applied to either the parent or the child item (that needs to be shown) should also show the item getting toggled. This param is optional
                        sample usage: '.-selected', or '.-selected' '.open'
  $hide-on-class: any extra class which, when applied should also hide the item getting toggled. This param is optional
  $display-property-value: the value to give for the display property when showing the item. Default is flex
 */
/**
 Helper mixin to give a 'display' property to a selector.
 $item-to-show: the selector for the item to show
 $display-property-value: the value to give to the display property. default: flex
 */
/**
 $item: selector of the item to hide
 */
/*
  for the given selector, remove the border-radius from the sides of the element as if it was placed in a row
  (top-right, bottom-right for first child , bottom-left, top-left for second child etc)
 */
/*
  for the given selector, remove the border-radius from the sides of the element as if it was placed in a column
  (bottom-left, bottom-right for first child , top-left, top-right for second child etc)
 */
/*
 adds the given box-shadow only at the top of the container using clip-path.
  The clip-path makes space only at the top of the container according to the blur-radius of the shadow
 */
/*
 adds the given box-shadow only at the bottom of the container using clip-path.
  The clip-path makes space only at the bottom of the container according to the blur-radius of the shadow
 */
/* Width constants for media queries */
/* Wizard Specific Variables */
._RBSnAIrHcM9Zm0BLFJY {
  flex-wrap: wrap;
  gap: 12px;
  height: max-content;
}

.AJgWRpJd2uVcCw8Ud6S2 {
  padding-right: 12px;
  overflow: auto;
}

.HNgYXLMuiuOtf6W6ppv7 {
  gap: 12px;
}

.fgAXqAnoLuSi216rH8Ry {
  min-width: 60px;
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/text-to-image-grid/text-to-image-grid.module.scss ***!
  \***********************************************************************************************************************************************************/
/**
 * Please use only these colours in our style sheets. Do NOT add more colours here, unless approved by the
 * design team.
 * @url https://www.figma.com/file/czOHWM3ykDD7XQPpwIBINf/Colors?node-id=0%3A1
 */
/**
 * Please use these percentages of color alphas for the existing colors in our style sheets. Do NOT add more alphas here, unless approved by the
 * design team.
 * @url https://www.figma.com/file/czOHWM3ykDD7XQPpwIBINf/Colors?node-id=0%3A1
 */
/**
 * https://www.figma.com/file/MzIAjkeTlL4K5ogldAAz9M/Borders?node-id=1%3A2
 */
/* Border strokes */
/* Border Radii */
/* Border styles */
/*
 Adds the given gradient as the border of the element, this is done by making the elements background as the provided linear gradient, then some boxshadow magic
 to fill the element background - hence the backgroundColor param is necessary if you want to change the bg of this element.

 Takes another optional param backgroundColor - which defaults to white.
 */
/**
 * @see https://www.figma.com/file/UXVmv6ZHvQVcRo9InK8aE7/Icon?node-id=308%3A363
 */
/**
 * https://www.figma.com/file/nx75ykPwbtybUL1s6fzA5o/Spacing?node-id=0%3A1
 * Use the following classes to add uniform margins/paddings:
 * Padding: .spacing-p-1, .spacing-p-2, ... .spacing-p-20
 * Margin: .spacing-m-1, .spacing-m-2, ... .spacing-m-20
 */
/*
Defines our default font.
$style can either be 'regular' or 'light' or 'bold'.
*/
/*
Gives the block level container of text the ability to truncate it with ellipsis.
*/
p.DjlD6EdIL0GbO2pjt9mt {
  font-size: 18px;
}

/**
 Design System - Typography
 @link https://www.figma.com/file/4DEA9D0uwSWSXosbK0bZ0Z/Typography?node-id=686%3A113
 */
/**
 * Note: Added !important in all of these classes since we're moving towards strict typography rules, where we don't
 * ID's or more specific selectors to take precedence
 */
/* Google */
/* Facebook */
/* Instagram */
/* Pinterest */
/* Twitter */
/* Youtube */
/* Component border */
/* Typography */
/* Color Theme */
/* Navigation */
/* Search bar */
/* Editor view colors */
/* Poster Maker Contextual Sidebar (right sidebar) styles  */
/* Modal dialog styles */
/* Panel styles */
/* Facebook media modal styles */
/** Media grid item styles */
/* Poster Maker Toolbar (left sidebar) styles */
/* Text link styles */
/* Grid item (posters, folders etc) styles */
/* Popups and thumbnail options */
/* Error, Warning colors */
/* z-index */
/* Various dimensions */
/* Media Query Dimensions */
/* Buttons */
/* Form Elements - Poster Maker*/
/* Form Elements - Website */
/* Designer Themes */
/* Accent colours */
/* Tooltip */
/* Social icons */
/* Animations */
/* Custom Shadows */
/* clears the default 'X' from Chrome */
/* Nicolas Gallagher's micro clearfix */
/**
  Makes an element with the provided selector visible only when its parent element is hovered on.
  The element is visible by default on touch devices
  $parent-selector: the selector of the parent to attach the hover on
  $selector-for-item-to-show: the selector of the item whose visibility is getting toggled
  $visible-on-classes: any extra classes (space separated) which, when applied to either the parent or the child item (that needs to be shown) should also show the item getting toggled. This param is optional
                        sample usage: '.-selected', or '.-selected' '.open'
  $hide-on-class: any extra class which, when applied should also hide the item getting toggled. This param is optional
  $display-property-value: the value to give for the display property when showing the item. Default is flex
 */
/**
 Helper mixin to give a 'display' property to a selector.
 $item-to-show: the selector for the item to show
 $display-property-value: the value to give to the display property. default: flex
 */
/**
 $item: selector of the item to hide
 */
/*
  for the given selector, remove the border-radius from the sides of the element as if it was placed in a row
  (top-right, bottom-right for first child , bottom-left, top-left for second child etc)
 */
/*
  for the given selector, remove the border-radius from the sides of the element as if it was placed in a column
  (bottom-left, bottom-right for first child , top-left, top-right for second child etc)
 */
/*
 adds the given box-shadow only at the top of the container using clip-path.
  The clip-path makes space only at the top of the container according to the blur-radius of the shadow
 */
/*
 adds the given box-shadow only at the bottom of the container using clip-path.
  The clip-path makes space only at the bottom of the container according to the blur-radius of the shadow
 */
/* Width constants for media queries */
/* Wizard Specific Variables */
.k3VA1_qhqywpDJCkxUnt {
  height: 200px;
}

.UhT0gnVZqsSMasuq5idO {
  height: 0;
  width: 0;
}

.BoasSCkCtKEeBXnHBDig {
  position: absolute;
  gap: 8px;
}

.IID_TEyDNvendfiZi0ZR {
  position: relative;
  height: 180px;
}

.oHVUuZ3hcHQ5gNG6Ou_m {
  position: absolute;
  z-index: 1;
}

.Z02kjRF2Au7Lev7Acdwk {
  background: #ECF8FD;
}

/*# sourceMappingURL=src_components_text-to-image-grid_index_ts-src_components_base-masonry-grid_base-masonry-grid-b05f7a.ea4b51d235aa08a07bdc.bundle.css.map*/