/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/woo-product-page/product-attribute-colour-selector/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
div.wp-block-bk-blocks-product-attribute-colour-selector {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: calc(var(--spacing) * 6);
  margin-top: calc(var(--spacing) * 6);
}
div.wp-block-bk-blocks-product-attribute-colour-selector:has(div.disabled-container[hidden]) {
  gap: calc(var(--spacing) * 10);
}
div.wp-block-bk-blocks-product-attribute-colour-selector:has(div.disabled-container[hidden]) div.container {
  margin-top: calc(var(--spacing) * 4) !important;
}
div.wp-block-bk-blocks-product-attribute-colour-selector div.application-container.disabled {
  color: var(--wp--preset--color--grey-500);
}
div.wp-block-bk-blocks-product-attribute-colour-selector div.application-container div.heading-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
div.wp-block-bk-blocks-product-attribute-colour-selector div.application-container div.heading-container div.col h2 {
  font-size: 1rem !important;
  line-height: 1.5 !important;
  font-weight: 600;
  margin: 0;
}
div.wp-block-bk-blocks-product-attribute-colour-selector div.application-container div.heading-container div.col p {
  margin: 0;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  font-weight: 400;
  color: var(--wp--preset--color--grey-600);
}
div.wp-block-bk-blocks-product-attribute-colour-selector div.application-container div.heading-container figure.circle {
  width: -moz-fit-content;
  width: fit-content;
  aspect-ratio: 1/1;
  border-radius: 100%;
  border: 1px solid var(--wp--preset--color--grey-300);
}
div.wp-block-bk-blocks-product-attribute-colour-selector div.application-container div.heading-container figure.circle div.placeholder,
div.wp-block-bk-blocks-product-attribute-colour-selector div.application-container div.heading-container figure.circle img.inside-circle {
  border-radius: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  width: calc(var(--spacing) * 12);
  width: calc(var(--spacing) * 10);
}
div.wp-block-bk-blocks-product-attribute-colour-selector div.application-container div.heading-container figure.circle {
  margin-bottom: 0;
}
div.wp-block-bk-blocks-product-attribute-colour-selector div.application-container div.heading-container figure.circle div[hidden],
div.wp-block-bk-blocks-product-attribute-colour-selector div.application-container div.heading-container figure.circle img[hidden] {
  display: none !important;
}
div.wp-block-bk-blocks-product-attribute-colour-selector div.application-container div.heading-container figure.circle div.placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.875rem !important;
  line-height: 1.2 !important;
  font-weight: 200 !important;
  color: var(--wp--preset--color--grey-500);
  background-color: var(--wp--preset--color--grey-100);
}
div.wp-block-bk-blocks-product-attribute-colour-selector div.application-container div.container {
  margin-top: calc(var(--spacing) * 2);
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(calc(var(--spacing) * 13), auto));
  grid-auto-flow: dense;
  gap: calc(var(--spacing) * 4);
}
div.wp-block-bk-blocks-product-attribute-colour-selector div.application-container div.container div.disabled-container {
  border: 1px solid var(--wp--preset--color--grey-200) !important;
  border-radius: calc(var(--spacing) * 1.5) !important;
  background-color: var(--wp--preset--color--grey-50) !important;
  padding: calc(var(--spacing) * 3);
  grid-column: 1/-1;
}
div.wp-block-bk-blocks-product-attribute-colour-selector div.application-container div.container div.disabled-container p {
  margin: 0;
  font-size: 0.875rem !important;
  line-height: 1.4285714286 !important;
  font-weight: 400;
}
div.wp-block-bk-blocks-product-attribute-colour-selector div.application-container div.container a.swatch {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: unset;
  cursor: pointer;
  transition: color 300ms, background-color 300ms;
  color: var(--wp--preset--color--grey-600);
  border: unset;
  padding: 0;
}
div.wp-block-bk-blocks-product-attribute-colour-selector div.application-container div.container a.swatch:is(:hover, :focus-visible, :active) {
  outline: unset !important;
}
div.wp-block-bk-blocks-product-attribute-colour-selector div.application-container div.container a.swatch:is(:hover, :focus-visible, :active) figure {
  outline: 1px solid var(--wp--preset--color--grey-400);
  outline-offset: calc(var(--spacing) * 0.75);
}
div.wp-block-bk-blocks-product-attribute-colour-selector div.application-container div.container a.swatch:is(:hover, :focus-visible, :active) span.tooltip {
  visibility: visible;
}
div.wp-block-bk-blocks-product-attribute-colour-selector div.application-container div.container a.swatch.selected figure.circle {
  outline: 2px solid var(--wp--preset--color--grey-700);
  outline-offset: calc(var(--spacing) * 0.75);
}
div.wp-block-bk-blocks-product-attribute-colour-selector div.application-container div.container a.swatch figure.circle {
  width: -moz-fit-content;
  width: fit-content;
  aspect-ratio: 1/1;
  border-radius: 100%;
  border: 1px solid var(--wp--preset--color--grey-300);
}
div.wp-block-bk-blocks-product-attribute-colour-selector div.application-container div.container a.swatch figure.circle div.placeholder,
div.wp-block-bk-blocks-product-attribute-colour-selector div.application-container div.container a.swatch figure.circle img.inside-circle {
  border-radius: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  width: calc(var(--spacing) * 12);
}
div.wp-block-bk-blocks-product-attribute-colour-selector div.application-container div.container a.swatch figure.circle {
  margin-bottom: 0;
}
div.wp-block-bk-blocks-product-attribute-colour-selector div.application-container div.container a.swatch span.tooltip {
  position: absolute;
  background-color: var(--wp--preset--color--teal-800);
  color: var(--wp--preset--color--white);
  padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
  border-radius: var(--rounded-full);
  font-size: 0.875rem !important;
  line-height: 1.4285714286 !important;
  font-weight: 700;
  z-index: 1000;
  white-space: nowrap;
  top: calc(var(--spacing) * -11);
  visibility: hidden;
}
div.your-selection-container {
  margin-top: 0;
  container-type: inline-size;
  margin-bottom: calc(var(--spacing) * 10);
  grid-column: 1/5 !important;
  border: 1px solid var(--wp--preset--color--grey-200) !important;
  border-radius: calc(var(--spacing) * 1.5) !important;
  background-color: var(--wp--preset--color--grey-50) !important;
  padding: calc(var(--spacing) * 4);
  gap: 0;
}
div.your-selection-container:has(span.price:empty) {
  position: relative;
  overflow: hidden;
  border-color: white !important;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}
div.your-selection-container:has(span.price:empty)::before {
  background: color-mix(in srgb, var(--wp--preset--color--grey-950) 5%, white);
  border-color: transparent !important;
  content: "";
  inset: 0;
  position: absolute;
}
div.your-selection-container:has(span.price:empty)::after {
  border-color: transparent !important;
  animation: wc-skeleton-shimmer 1.25s infinite;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--wp--preset--color--grey-950) 5%, transparent) 50%, transparent);
  content: "";
  inset: 0;
  position: absolute;
  transform: translateX(-100%);
}
div.your-selection-container h2 {
  font-size: 1rem !important;
  line-height: 1.5 !important;
  font-weight: 700;
  margin: 0;
  margin-bottom: calc(var(--spacing) * 4);
  color: var(--wp--preset--color--grey-950);
}
div.your-selection-container dl {
  color: var(--wp--preset--color--grey-600);
  margin: 0;
}
div.your-selection-container dl div.row {
  display: flex;
  gap: calc(var(--spacing) * 1);
  flex-direction: column;
}
div.your-selection-container dl div.row:not(:last-child) {
  margin-bottom: calc(var(--spacing) * 4);
}
@container (min-width: 28rem) {
  div.your-selection-container dl div.row {
    flex-direction: row;
    justify-content: space-between;
  }
  div.your-selection-container dl div.row:not(:last-child) {
    margin-bottom: calc(var(--spacing) * 1);
  }
}
div.your-selection-container dl div.row dd {
  margin: 0;
}
div.your-selection-container dl div.row.summary {
  flex-direction: column;
  width: 100%;
  margin-bottom: 0;
  margin-top: calc(var(--spacing) * 4);
  padding-top: calc(var(--spacing) * 4);
  border-top: 1px solid var(--wp--preset--color--grey-200);
  color: var(--wp--preset--color--grey-950);
}
div.your-selection-container dl div.row.total {
  margin-bottom: 0;
}
div.your-selection-container dl div.row.total dd bdi.non-discounted-price {
  display: flex;
  align-items: center;
}
div.your-selection-container dl div.row.total dd bdi.non-discounted-price[hidden] {
  display: none !important;
}
div.your-selection-container dl div.row.total dd small.woocommerce-price-suffix {
  margin-left: calc(var(--spacing) * 1);
  display: flex;
  font-size: 0.875rem !important;
  line-height: 1.4285714286 !important;
  font-weight: 400;
  font-weight: 400 !important;
}
div.your-selection-container dl div.row.total dd div:not([hidden]) {
  display: flex;
  gap: calc(var(--spacing) * 3);
}
div.your-selection-container dl div.row.total dd div {
  align-items: center;
}
div.your-selection-container dl div.row.total dd div del {
  order: 1;
  text-decoration: unset;
  color: var(--wp--preset--color--grey-500);
  font-size: 0.875rem !important;
  line-height: 1.4285714286 !important;
  font-weight: 400;
  font-weight: 400 !important;
}
div.your-selection-container dl div.row.total dd div del bdi {
  display: flex;
  text-decoration: line-through;
}
div.your-selection-container dl div.row.total dd div del span.amount,
div.your-selection-container dl div.row.total dd div ins span.amount {
  display: flex;
  align-items: center;
  text-decoration: unset;
}
div.your-selection-container dl div.row.total dd div ins {
  display: flex;
  align-items: center;
  text-decoration: unset;
}
dialog.wp-block-bk-blocks-product-attribute-colour-selector {
  border: unset;
  padding: unset;
  border-radius: calc(var(--spacing) * 4);
}
dialog.wp-block-bk-blocks-product-attribute-colour-selector div.dialog-header,
dialog.wp-block-bk-blocks-product-attribute-colour-selector div.dialog-footer {
  padding-block: calc(var(--spacing) * 3);
  padding-inline: calc(var(--spacing) * 3);
}
dialog.wp-block-bk-blocks-product-attribute-colour-selector div.dialog-header {
  border-bottom: 1px solid var(--wp--preset--color--grey-200);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: calc(var(--spacing) * 8);
}
dialog.wp-block-bk-blocks-product-attribute-colour-selector div.dialog-header h2 {
  font-size: 1.125rem !important;
  line-height: 1.5555555556 !important;
  font-weight: 400;
  font-weight: 700 !important;
  color: var(--wp--preset--color--grey-950);
  margin: 0;
}
dialog.wp-block-bk-blocks-product-attribute-colour-selector div.dialog-header button {
  background-color: unset;
  cursor: pointer;
  transition: color 300ms, background-color 300ms;
  border-radius: 100%;
  aspect-ratio: 1/1;
  border: unset;
  flex-shrink: 0;
}
dialog.wp-block-bk-blocks-product-attribute-colour-selector div.dialog-header button.prev svg {
  rotate: 180deg;
}
dialog.wp-block-bk-blocks-product-attribute-colour-selector div.dialog-header button {
  flex-shrink: 0;
  color: var(--wp--preset--color--grey-500);
}
dialog.wp-block-bk-blocks-product-attribute-colour-selector div.dialog-header button:is(:hover, :focus-visible, :active) {
  color: var(--wp--preset--color--grey-600);
  background-color: var(--wp--preset--color--grey-100);
}
dialog.wp-block-bk-blocks-product-attribute-colour-selector div.dialog-header button {
  padding: calc(var(--spacing) * 3);
}
dialog.wp-block-bk-blocks-product-attribute-colour-selector div.dialog-header button svg {
  flex-shrink: 0;
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
}
dialog.wp-block-bk-blocks-product-attribute-colour-selector div.dialog-content figure {
  margin: 0;
  height: 100%;
  width: 100%;
}
dialog.wp-block-bk-blocks-product-attribute-colour-selector div.dialog-content figure img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
dialog.wp-block-bk-blocks-product-attribute-colour-selector div.dialog-footer {
  justify-content: flex-end;
  border-top: 1px solid var(--wp--preset--color--grey-200);
  display: flex;
  gap: calc(var(--spacing) * 4);
}
dialog.wp-block-bk-blocks-product-attribute-colour-selector div.dialog-footer button.cancel {
  background-color: unset;
  cursor: pointer;
  transition: color 300ms, background-color 300ms;
  font-size: 0.875rem !important;
  line-height: 1.4285714286 !important;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  padding: calc(var(--spacing) * 2.5) calc(var(--spacing) * 4);
  border: unset;
  border-radius: calc(var(--spacing) * 8);
}
dialog.wp-block-bk-blocks-product-attribute-colour-selector div.dialog-footer button.cancel:is(:hover, :focus-visible, :active) {
  text-decoration: unset;
}
dialog.wp-block-bk-blocks-product-attribute-colour-selector div.dialog-footer button.cancel {
  color: var(--wp--preset--color--teal-800);
  outline: 1px solid var(--wp--preset--color--teal-800);
  outline-offset: -1px;
}
dialog.wp-block-bk-blocks-product-attribute-colour-selector div.dialog-footer button.cancel:is(:hover, :focus-visible, :active) {
  color: var(--wp--preset--color--white);
  outline-color: var(--wp--preset--color--teal-700);
  background-color: var(--wp--preset--color--teal-700);
}
dialog.wp-block-bk-blocks-product-attribute-colour-selector div.dialog-footer button.select {
  background-color: unset;
  cursor: pointer;
  transition: color 300ms, background-color 300ms;
  font-size: 0.875rem !important;
  line-height: 1.4285714286 !important;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  padding: calc(var(--spacing) * 2.5) calc(var(--spacing) * 4);
  border: unset;
  border-radius: calc(var(--spacing) * 8);
}
dialog.wp-block-bk-blocks-product-attribute-colour-selector div.dialog-footer button.select:is(:hover, :focus-visible, :active) {
  text-decoration: unset;
}
dialog.wp-block-bk-blocks-product-attribute-colour-selector div.dialog-footer button.select {
  color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--teal-800);
}
dialog.wp-block-bk-blocks-product-attribute-colour-selector div.dialog-footer button.select:is(:hover, :focus-visible, :active) {
  background-color: var(--wp--preset--color--teal-700);
}
dialog.wp-block-bk-blocks-product-attribute-colour-selector::backdrop {
  background-color: var(--wp--preset--color--scrim-bg) !important;
}

/*# sourceMappingURL=style-index.css.map*/