@charset "UTF-8";
@keyframes modal-delayed-fade-in {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.crec-leading-icon .crec-svg-icon {
  margin-inline-end: 0.5rem;
  vertical-align: top;
}
.crec-leading-icon .crec-svg-icon--100 {
  margin-inline-end: 0.25rem;
}

.crec-trailing-icon .crec-svg-icon {
  margin-inline-start: 0.5rem;
  vertical-align: top;
}
.crec-trailing-icon .crec-svg-icon--100 {
  margin-inline-start: 0.25rem;
}

.crec-svg-icon {
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  vertical-align: middle;
  fill: currentColor;
  transition-property: transform, fill;
  transition-duration: 250ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
}
@media (prefers-reduced-motion) {
  .crec-svg-icon {
    transition-property: none;
  }
}

@keyframes crec-icon-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.crec-svg-icon--rotate {
  animation: crec-icon-rotate 1.5s linear infinite;
}

.crec-svg-icon--rotate-45 {
  transform: rotate(45deg);
}

.crec-svg-icon--rotate-minus-45 {
  transform: rotate(-45deg);
}

.crec-svg-icon--rotate-135 {
  transform: rotate(135deg);
}

.crec-svg-icon--rotate-minus-135 {
  transform: rotate(-135deg);
}

.crec-svg-icon--rotate-180 {
  transform: rotate(180deg);
}

.crec-svg-icon--rotate-minus-180 {
  transform: rotate(-180deg);
}

[class*=crec-btn--icon] .crec-btn__inner {
  padding: 0 1rem;
}
[class*=crec-btn--icon] .crec-btn__inner .crec-btn__label {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  margin: -1px;
  white-space: nowrap;
}
[class*=crec-btn--icon].crec-btn--small .crec-btn__inner {
  padding: 0 0.5rem;
}
[class*=crec-btn--icon].crec-btn--small .crec-btn__inner::after {
  content: "";
  position: absolute;
  top: -0.125rem;
  left: -0.125rem;
  right: -0.125rem;
  bottom: -0.125rem;
}
[class*=crec-btn--icon].crec-btn--xsmall .crec-btn__inner {
  padding: 0 0.25rem;
  min-height: 2rem;
}
[class*=crec-btn--icon].crec-btn--xsmall .crec-btn__inner::after {
  content: "";
  position: absolute;
  top: -0.375rem;
  left: -0.375rem;
  right: -0.375rem;
  bottom: -0.375rem;
}

.crec-btn {
  position: relative;
  font-size: 0.875rem;
  background: none;
  border: 0;
  padding: 0;
  line-height: 1.4285714286;
  font-weight: bold;
  text-align: center;
  display: inline-flex;
  border-radius: 64px;
  cursor: pointer;
  outline: 0;
  vertical-align: top;
}
.crec-btn:hover, .crec-btn:active, .crec-btn:focus {
  text-decoration: none;
}
.crec-btn .crec-svg-icon {
  flex-shrink: 0;
}
.crec-btn:disabled {
  cursor: default;
}
.crec-btn__inner {
  border-radius: 64px;
  transition-property: opacity, transform;
  transition-duration: 250ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 3.5rem;
  padding: 0 2rem;
  width: 100%;
  box-sizing: border-box;
}
.crec-btn:active:not(:disabled) .crec-btn__inner {
  transform: scale(0.97);
}
.crec-leading-icon .crec-btn__inner {
  padding-inline-start: 1.5rem;
}

.crec-trailing-icon .crec-btn__inner {
  flex-direction: row-reverse;
  padding-inline-end: 1.5rem;
}

@media (forced-colors: active) {
  .crec-btn__inner {
    border: 1px solid transparent;
  }
  .crec-btn:disabled .crec-btn__inner {
    color: GrayText;
    border-color: GrayText;
  }
}
.crec-btn--icon-primary .crec-btn__inner, .crec-btn--primary .crec-btn__inner {
  background: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17));
}
.crec-btn--icon-primary:hover .crec-btn__inner, .crec-btn--primary:hover .crec-btn__inner {
  background: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51));
}
.crec-btn--icon-primary:active .crec-btn__inner, .crec-btn--primary:active .crec-btn__inner {
  background: rgb(var(--colour-interactive-primary-bg-pressed, 0, 0, 0));
}
.crec-btn--icon-emphasised .crec-btn__inner, .crec-btn--emphasised .crec-btn__inner {
  background: rgb(var(--colour-interactive-emphasised-bg-default, 0, 88, 163));
}
.crec-btn--icon-emphasised:hover .crec-btn__inner, .crec-btn--emphasised:hover .crec-btn__inner {
  background: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147));
}
.crec-btn--icon-emphasised:active .crec-btn__inner, .crec-btn--emphasised:active .crec-btn__inner {
  background: rgb(var(--colour-interactive-emphasised-bg-pressed, 0, 62, 114));
}
.crec-btn--icon-secondary .crec-btn__inner, .crec-btn--secondary .crec-btn__inner {
  box-shadow: inset 0 0 0 1px rgb(var(--colour-neutral-7, 17, 17, 17));
}
.crec-btn--icon-secondary:hover .crec-btn__inner, .crec-btn--icon-secondary:active .crec-btn__inner, .crec-btn--secondary:hover .crec-btn__inner, .crec-btn--secondary:active .crec-btn__inner {
  box-shadow: inset 0 0 0 2px rgb(var(--colour-neutral-7, 17, 17, 17));
}
.crec-btn--icon-secondary:active .crec-btn__inner, .crec-btn--secondary:active .crec-btn__inner {
  background: rgba(var(--colour-interactive-secondary-bg-pressed, 204, 204, 204), 0.5);
}
.crec-btn--icon-secondary-inverse .crec-btn__inner, .crec-btn--secondary-inverse .crec-btn__inner {
  box-shadow: inset 0 0 0 1px rgb(var(--colour-static-white, 255, 255, 255));
}
.crec-btn--icon-secondary-inverse:hover .crec-btn__inner, .crec-btn--icon-secondary-inverse:active .crec-btn__inner, .crec-btn--secondary-inverse:hover .crec-btn__inner, .crec-btn--secondary-inverse:active .crec-btn__inner {
  box-shadow: inset 0 0 0 2px rgb(var(--colour-static-white, 255, 255, 255));
  background: rgba(var(--colour-static-white, 255, 255, 255), 0.1);
}
.crec-btn--icon-emphasised-inverse .crec-btn__inner, .crec-btn--icon-primary-inverse .crec-btn__inner, .crec-btn--primary-inverse .crec-btn__inner, .crec-btn--emphasised-inverse .crec-btn__inner {
  background: rgb(var(--colour-static-white, 255, 255, 255));
}
.crec-btn--icon-emphasised-inverse:hover .crec-btn__inner, .crec-btn--icon-primary-inverse:hover .crec-btn__inner, .crec-btn--primary-inverse:hover .crec-btn__inner, .crec-btn--emphasised-inverse:hover .crec-btn__inner {
  background: rgb(var(--colour-static-light-grey, 245, 245, 245));
}
.crec-btn--icon-emphasised-inverse:active .crec-btn__inner, .crec-btn--icon-primary-inverse:active .crec-btn__inner, .crec-btn--primary-inverse:active .crec-btn__inner, .crec-btn--emphasised-inverse:active .crec-btn__inner {
  background: rgb(var(--colour-static-grey, 223, 223, 223));
}
.crec-btn--danger .crec-btn__inner {
  background: rgb(var(--colour-interactive-destructive-bg-default, 224, 7, 81));
}
.crec-btn--danger:hover .crec-btn__inner {
  background: rgb(var(--colour-interactive-destructive-bg-hover, 204, 0, 61));
}
.crec-btn--danger:active .crec-btn__inner {
  background: rgb(var(--colour-interactive-destructive-bg-pressed, 184, 0, 41));
}
.crec-btn--icon-tertiary:hover .crec-btn__inner, .crec-btn--tertiary:hover .crec-btn__inner {
  background: rgb(var(--colour-interactive-secondary-bg-hover, 223, 223, 223));
}
.crec-btn--icon-tertiary:active .crec-btn__inner, .crec-btn--tertiary:active .crec-btn__inner {
  background: rgb(var(--colour-interactive-secondary-bg-pressed, 204, 204, 204));
}
.crec-btn--icon-tertiary-inverse:hover .crec-btn__inner, .crec-btn--tertiary-inverse:hover .crec-btn__inner {
  background: rgba(var(--colour-static-white, 255, 255, 255), 0.15);
}
.crec-btn--icon-tertiary-inverse:active .crec-btn__inner, .crec-btn--tertiary-inverse:active .crec-btn__inner {
  background: rgba(var(--colour-static-white, 255, 255, 255), 0.3);
}
.crec-btn--icon-image-overlay, .crec-btn--image-overlay {
  color: rgb(var(--colour-static-white, 255, 255, 255));
  text-decoration: none;
}
.crec-btn--icon-image-overlay .crec-btn__inner, .crec-btn--image-overlay .crec-btn__inner {
  background: rgba(var(--colour-static-black, 17, 17, 17), 0.75);
}
.crec-btn--icon-image-overlay:hover .crec-btn__inner, .crec-btn--image-overlay:hover .crec-btn__inner {
  background: rgba(var(--colour-static-black, 17, 17, 17), 0.85);
}
.crec-btn--icon-image-overlay:active .crec-btn__inner, .crec-btn--image-overlay:active .crec-btn__inner {
  background: rgba(var(--colour-static-black, 17, 17, 17), 0.95);
}
.crec-btn--icon-image-overlay:hover, .crec-btn--icon-image-overlay:active, .crec-btn--icon-image-overlay:focus, .crec-btn--image-overlay:hover, .crec-btn--image-overlay:active, .crec-btn--image-overlay:focus {
  color: rgb(var(--colour-static-white, 255, 255, 255));
}
.crec-btn--icon-secondary, .crec-btn--secondary, .crec-btn--icon-tertiary, .crec-btn--tertiary {
  color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
  text-decoration: none;
}
.crec-btn--icon-secondary:hover, .crec-btn--icon-secondary:active, .crec-btn--icon-secondary:focus, .crec-btn--secondary:hover, .crec-btn--secondary:active, .crec-btn--secondary:focus, .crec-btn--icon-tertiary:hover, .crec-btn--icon-tertiary:active, .crec-btn--icon-tertiary:focus, .crec-btn--tertiary:hover, .crec-btn--tertiary:active, .crec-btn--tertiary:focus {
  color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
}
.crec-btn--icon-emphasised-inverse, .crec-btn--icon-primary-inverse, .crec-btn--primary-inverse, .crec-btn--emphasised-inverse {
  color: rgb(var(--colour-static-black, 17, 17, 17));
  text-decoration: none;
}
.crec-btn--icon-emphasised-inverse:hover, .crec-btn--icon-emphasised-inverse:active, .crec-btn--icon-emphasised-inverse:focus, .crec-btn--icon-primary-inverse:hover, .crec-btn--icon-primary-inverse:active, .crec-btn--icon-primary-inverse:focus, .crec-btn--primary-inverse:hover, .crec-btn--primary-inverse:active, .crec-btn--primary-inverse:focus, .crec-btn--emphasised-inverse:hover, .crec-btn--emphasised-inverse:active, .crec-btn--emphasised-inverse:focus {
  color: rgb(var(--colour-static-black, 17, 17, 17));
}
.crec-btn--icon-primary, .crec-btn--primary {
  color: rgb(var(--colour-text-and-icon-5, 255, 255, 255));
  text-decoration: none;
}
.crec-btn--icon-primary:hover, .crec-btn--icon-primary:active, .crec-btn--icon-primary:focus, .crec-btn--primary:hover, .crec-btn--primary:active, .crec-btn--primary:focus {
  color: rgb(var(--colour-text-and-icon-5, 255, 255, 255));
}
.crec-btn--icon-emphasised, .crec-btn--icon-secondary-inverse, .crec-btn--icon-image-overlay, .crec-btn--icon-tertiary-inverse, .crec-btn--danger, .crec-btn--emphasised, .crec-btn--secondary-inverse, .crec-btn--image-overlay, .crec-btn--tertiary-inverse {
  color: rgb(var(--colour-static-white, 255, 255, 255));
  text-decoration: none;
}
.crec-btn--icon-emphasised:hover, .crec-btn--icon-emphasised:active, .crec-btn--icon-emphasised:focus, .crec-btn--icon-secondary-inverse:hover, .crec-btn--icon-secondary-inverse:active, .crec-btn--icon-secondary-inverse:focus, .crec-btn--icon-image-overlay:hover, .crec-btn--icon-image-overlay:active, .crec-btn--icon-image-overlay:focus, .crec-btn--icon-tertiary-inverse:hover, .crec-btn--icon-tertiary-inverse:active, .crec-btn--icon-tertiary-inverse:focus, .crec-btn--danger:hover, .crec-btn--danger:active, .crec-btn--danger:focus, .crec-btn--emphasised:hover, .crec-btn--emphasised:active, .crec-btn--emphasised:focus, .crec-btn--secondary-inverse:hover, .crec-btn--secondary-inverse:active, .crec-btn--secondary-inverse:focus, .crec-btn--image-overlay:hover, .crec-btn--image-overlay:active, .crec-btn--image-overlay:focus, .crec-btn--tertiary-inverse:hover, .crec-btn--tertiary-inverse:active, .crec-btn--tertiary-inverse:focus {
  color: rgb(var(--colour-static-white, 255, 255, 255));
}
.crec-btn--icon-emphasised-inverse:disabled .crec-btn__inner, .crec-btn--icon-primary-inverse:disabled .crec-btn__inner, .crec-btn--icon-secondary-inverse:disabled .crec-btn__inner, .crec-btn--emphasised-inverse:disabled .crec-btn__inner, .crec-btn--primary-inverse:disabled .crec-btn__inner, .crec-btn--secondary-inverse:disabled .crec-btn__inner {
  background: rgba(var(--colour-static-white, 255, 255, 255), 0.15);
}
.crec-btn--icon-secondary:disabled .crec-btn__inner, .crec-btn--secondary:disabled .crec-btn__inner, .crec-btn--secondary-inverse:disabled .crec-btn__inner, .crec-btn--icon-secondary-inverse:disabled .crec-btn__inner {
  box-shadow: none;
  border-color: transparent;
}
.crec-btn--icon-image-overlay:disabled, .crec-btn--image-overlay:disabled, .crec-btn--icon-emphasised:disabled, .crec-btn--emphasised:disabled, .crec-btn--icon-primary:disabled, .crec-btn--primary:disabled, .crec-btn--danger:disabled, .crec-btn--secondary:disabled, .crec-btn--icon-secondary:disabled {
  color: rgb(var(--colour-interactive-disabled-2, 146, 146, 146));
}
.crec-btn--icon-image-overlay:disabled .crec-btn__inner, .crec-btn--image-overlay:disabled .crec-btn__inner, .crec-btn--icon-emphasised:disabled .crec-btn__inner, .crec-btn--emphasised:disabled .crec-btn__inner, .crec-btn--icon-primary:disabled .crec-btn__inner, .crec-btn--primary:disabled .crec-btn__inner, .crec-btn--danger:disabled .crec-btn__inner, .crec-btn--secondary:disabled .crec-btn__inner, .crec-btn--icon-secondary:disabled .crec-btn__inner {
  background: rgb(var(--colour-interactive-disabled-1, 204, 204, 204));
}
.crec-btn--tertiary:disabled .crec-btn__inner, .crec-btn--icon-tertiary:disabled .crec-btn__inner, .crec-btn--tertiary-inverse:disabled .crec-btn__inner, .crec-btn--icon-tertiary-inverse:disabled .crec-btn__inner {
  background: transparent;
}
.crec-btn--tertiary:disabled, .crec-btn--icon-tertiary:disabled {
  color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204));
}
.crec-btn--tertiary-inverse:disabled, .crec-btn--icon-tertiary-inverse:disabled, .crec-btn--icon-secondary-inverse:disabled, .crec-btn--secondary-inverse:disabled, .crec-btn--icon-emphasised-inverse:disabled, .crec-btn--emphasised-inverse:disabled, .crec-btn--icon-primary-inverse:disabled, .crec-btn--primary-inverse:disabled, .crec-btn--icon-secondary-inverse:disabled {
  color: rgba(var(--colour-static-white, 255, 255, 255), 0.15);
}
.crec-btn .crec-btn__loader {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -160%);
  display: inline-block;
  width: 0;
  height: 0;
  border: 0.25rem solid;
  border-radius: 64px;
  animation: crec-btn-loader 0.7s infinite;
  opacity: 0;
  visibility: hidden;
  text-indent: -9999px;
  overflow: hidden;
  transition-property: opacity, transform;
  transition-duration: 250ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
}
@keyframes crec-btn-loader {
  0%, 100% {
    transform: translate(-50%, -160%);
    animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  }
  40% {
    transform: translate(-50%, 20%);
    animation-timing-function: cubic-bezier(0, 0, 0, 1);
  }
}
.crec-btn--loading {
  pointer-events: none;
}
.crec-btn--loading .crec-btn__loader {
  opacity: 1;
  visibility: visible;
}
.crec-btn--loading .crec-svg-icon,
.crec-btn--loading .crec-btn__label {
  transform: translateY(50%);
  opacity: 0;
  visibility: hidden;
}
.crec-btn--small {
  font-size: 0.75rem;
  line-height: 1.3333333333;
}
.crec-btn--small .crec-btn__inner {
  min-height: 2.5rem;
  padding: 0 1.5rem;
}
.crec-btn--small.crec-leading-icon .crec-btn__inner {
  padding-inline-start: 1rem;
}
.crec-btn--small.crec-trailing-icon .crec-btn__inner {
  padding-inline-end: 1rem;
}
.crec-btn--expanding.crec-leading-icon .crec-btn__inner, .crec-btn--expanding.crec-trailing-icon .crec-btn__inner,
.crec-btn--expanding .crec-btn__inner {
  transition-property: opacity, transform, padding;
  padding: 0 1rem;
}
.crec-btn--expanding.crec-btn--small .crec-btn__inner {
  padding: 0 0.5rem;
}
.crec-btn--expanding.crec-btn--small .crec-btn__inner::after {
  content: "";
  position: absolute;
  top: -0.125rem;
  left: -0.125rem;
  right: -0.125rem;
  bottom: -0.125rem;
}
.crec-btn--expanding.crec-btn--xsmall .crec-btn__inner {
  padding: 0 0.25rem;
  min-height: 2rem;
}
.crec-btn--expanding.crec-btn--xsmall .crec-btn__inner::after {
  content: "";
  position: absolute;
  top: -0.625rem;
  left: -0.625rem;
  right: -0.625rem;
  bottom: -0.625rem;
}
.crec-btn--expanding .crec-btn__icon {
  transition: margin-inline-end 250ms ease-in-out;
  margin: 0;
}
.crec-btn--expanding .crec-btn__inner .crec-btn__label {
  max-width: 0;
  white-space: nowrap;
  overflow: hidden;
  transition: max-width 250ms ease-in-out;
  transform-origin: left;
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  clip: initial;
}
.crec-btn--expanding:hover .crec-btn__inner .crec-btn__label, .crec-btn--expanding:focus.focus-visible .crec-btn__inner .crec-btn__label {
  max-width: 12.5rem;
}
.crec-btn--expanding:hover.crec-leading-icon .crec-btn__inner, .crec-btn--expanding:focus.focus-visible.crec-leading-icon .crec-btn__inner {
  padding-inline-end: 2rem;
  padding-inline-start: 1.5rem;
}
.crec-btn--expanding:hover.crec-trailing-icon .crec-btn__inner, .crec-btn--expanding:focus.focus-visible.crec-trailing-icon .crec-btn__inner {
  flex-direction: row-reverse;
  padding-inline-end: 1.5rem;
  padding-inline-start: 2rem;
}
.crec-btn--expanding:hover.crec-leading-icon .crec-btn__icon, .crec-btn--expanding:focus.focus-visible.crec-leading-icon .crec-btn__icon {
  margin-inline-end: 0.5rem;
}
.crec-btn--expanding:hover.crec-trailing-icon .crec-btn__icon, .crec-btn--expanding:focus.focus-visible.crec-trailing-icon .crec-btn__icon {
  margin-inline-start: 0.5rem;
}
.crec-btn--expanding:hover.crec-leading-icon.crec-btn--small .crec-btn__inner, .crec-btn--expanding:focus.focus-visible.crec-leading-icon.crec-btn--small .crec-btn__inner {
  padding-inline-end: 1.5rem;
  padding-inline-start: 1rem;
}
.crec-btn--expanding:hover.crec-trailing-icon.crec-btn--small .crec-btn__inner, .crec-btn--expanding:focus.focus-visible.crec-trailing-icon.crec-btn--small .crec-btn__inner {
  padding-inline-end: 1rem;
  padding-inline-start: 1.5rem;
}
@media (hover: none) {
  .crec-btn--expanding.crec-leading-icon:hover .crec-btn__inner, .crec-btn--expanding.crec-trailing-icon:hover .crec-btn__inner {
    padding: 0 1rem;
  }
  .crec-btn--expanding.crec-leading-icon:hover .crec-btn__inner .crec-btn__label, .crec-btn--expanding.crec-trailing-icon:hover .crec-btn__inner .crec-btn__label {
    max-width: 0;
  }
  .crec-btn--expanding.crec-leading-icon:hover .crec-btn__icon, .crec-btn--expanding.crec-trailing-icon:hover .crec-btn__icon {
    margin: 0;
  }
  .crec-btn--expanding.crec-leading-icon.crec-btn--small:hover .crec-btn__inner, .crec-btn--expanding.crec-trailing-icon.crec-btn--small:hover .crec-btn__inner {
    padding: 0 0.5rem;
  }
  .crec-btn--expanding.crec-btn--touch-device-expanded:hover:not(:disabled) .crec-btn__inner .crec-btn__label, .crec-btn--expanding.crec-btn--touch-device-expanded .crec-btn__inner .crec-btn__label {
    max-width: 12.5rem;
  }
  .crec-btn--expanding.crec-btn--touch-device-expanded:hover:not(:disabled).crec-leading-icon .crec-btn__inner, .crec-btn--expanding.crec-btn--touch-device-expanded.crec-leading-icon .crec-btn__inner {
    padding-inline-end: 2rem;
    padding-inline-start: 1.5rem;
  }
  .crec-btn--expanding.crec-btn--touch-device-expanded:hover:not(:disabled).crec-trailing-icon .crec-btn__inner, .crec-btn--expanding.crec-btn--touch-device-expanded.crec-trailing-icon .crec-btn__inner {
    flex-direction: row-reverse;
    padding-inline-end: 1.5rem;
    padding-inline-start: 2rem;
  }
  .crec-btn--expanding.crec-btn--touch-device-expanded:hover:not(:disabled).crec-leading-icon .crec-btn__icon, .crec-btn--expanding.crec-btn--touch-device-expanded.crec-leading-icon .crec-btn__icon {
    margin-inline-end: 0.5rem;
  }
  .crec-btn--expanding.crec-btn--touch-device-expanded:hover:not(:disabled).crec-trailing-icon .crec-btn__icon, .crec-btn--expanding.crec-btn--touch-device-expanded.crec-trailing-icon .crec-btn__icon {
    margin-inline-start: 0.5rem;
  }
  .crec-btn--expanding.crec-btn--touch-device-expanded:hover:not(:disabled).crec-leading-icon.crec-btn--small .crec-btn__inner, .crec-btn--expanding.crec-btn--touch-device-expanded.crec-leading-icon.crec-btn--small .crec-btn__inner {
    padding-inline-end: 1.5rem;
    padding-inline-start: 1rem;
  }
  .crec-btn--expanding.crec-btn--touch-device-expanded:hover:not(:disabled).crec-trailing-icon.crec-btn--small .crec-btn__inner, .crec-btn--expanding.crec-btn--touch-device-expanded.crec-trailing-icon.crec-btn--small .crec-btn__inner {
    padding-inline-end: 1rem;
    padding-inline-start: 1.5rem;
  }
}
.crec-btn--expanding:focus.focus-visible.crec-btn--loading.crec-trailing-icon .crec-btn__inner, .crec-btn--expanding:focus.focus-visible.crec-btn--loading.crec-leading-icon .crec-btn__inner, .crec-btn--expanding.crec-btn--loading.crec-trailing-icon .crec-btn__inner, .crec-btn--expanding.crec-btn--loading.crec-leading-icon .crec-btn__inner, .crec-btn--expanding:disabled.crec-trailing-icon .crec-btn__inner, .crec-btn--expanding:disabled.crec-leading-icon .crec-btn__inner {
  padding: 0 1rem;
}
.crec-btn--expanding:focus.focus-visible.crec-btn--loading.crec-trailing-icon .crec-btn__inner .crec-btn__label, .crec-btn--expanding:focus.focus-visible.crec-btn--loading.crec-leading-icon .crec-btn__inner .crec-btn__label, .crec-btn--expanding.crec-btn--loading.crec-trailing-icon .crec-btn__inner .crec-btn__label, .crec-btn--expanding.crec-btn--loading.crec-leading-icon .crec-btn__inner .crec-btn__label, .crec-btn--expanding:disabled.crec-trailing-icon .crec-btn__inner .crec-btn__label, .crec-btn--expanding:disabled.crec-leading-icon .crec-btn__inner .crec-btn__label {
  max-width: 0;
}
.crec-btn--expanding:focus.focus-visible.crec-btn--loading.crec-trailing-icon .crec-btn__icon, .crec-btn--expanding:focus.focus-visible.crec-btn--loading.crec-leading-icon .crec-btn__icon, .crec-btn--expanding.crec-btn--loading.crec-trailing-icon .crec-btn__icon, .crec-btn--expanding.crec-btn--loading.crec-leading-icon .crec-btn__icon, .crec-btn--expanding:disabled.crec-trailing-icon .crec-btn__icon, .crec-btn--expanding:disabled.crec-leading-icon .crec-btn__icon {
  margin: 0;
}
.crec-btn--expanding:focus.focus-visible.crec-btn--loading.crec-trailing-icon.crec-btn--small .crec-btn__inner, .crec-btn--expanding:focus.focus-visible.crec-btn--loading.crec-leading-icon.crec-btn--small .crec-btn__inner, .crec-btn--expanding.crec-btn--loading.crec-trailing-icon.crec-btn--small .crec-btn__inner, .crec-btn--expanding.crec-btn--loading.crec-leading-icon.crec-btn--small .crec-btn__inner, .crec-btn--expanding:disabled.crec-trailing-icon.crec-btn--small .crec-btn__inner, .crec-btn--expanding:disabled.crec-leading-icon.crec-btn--small .crec-btn__inner {
  padding: 0 0.5rem;
}
.crec-btn--fluid, .crec-btn--fluid .crec-btn__inner {
  width: 100%;
}
.crec-btn--plain.crec-btn--small .crec-btn__inner::after, .crec-btn--plain .crec-btn__inner::after {
  content: "";
  position: absolute;
  top: -0.25rem;
  left: -0.25rem;
  right: -0.25rem;
  bottom: -0.25rem;
}
.crec-btn--plain.crec-btn--small .crec-btn__inner,
.crec-btn--plain .crec-btn__inner, .crec-btn--plain.crec-leading-icon .crec-btn__inner, .crec-btn--plain.crec-trailing-icon .crec-btn__inner {
  padding: 0;
}
.crec-btn .crec-svg-icon, .crec-btn__label {
  transition-property: opacity, margin-right, margin-left, transform;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
}

.crec-btn:focus.focus-visible,
.crec-tabs__panel:focus.focus-visible,
.crec-scroll-indicator:focus.focus-visible .crec-scroll-indicator__bar {
  box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));
  outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));
  outline-offset: 4px;
  transition: outline 200ms ease-out, box-shadow 200ms ease-out;
}

.crec-scroll-indicator__button:focus.focus-visible {
  box-shadow: none;
}

.crec-btn[class*=inverse]:focus.focus-visible {
  box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-static-black, 17, 17, 17)));
  outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-static-white, 255, 255, 255)));
  outline-offset: 4px;
  transition: outline 200ms ease-out, box-shadow 200ms ease-out;
}

.crec-btn[class*=image-overlay]:focus.focus-visible {
  box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-static-white, 255, 255, 255)));
  outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-static-black, 17, 17, 17)));
  outline-offset: 4px;
  transition: outline 200ms ease-out, box-shadow 200ms ease-out;
}

.crec-carousel {
  position: relative;
}
.crec-carousel__skip-button {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  margin: -1px;
  white-space: nowrap;
}
.crec-carousel__skip-button:active, .crec-carousel__skip-button:focus, .crec-carousel__skip-button.focus-visible:focus {
  width: auto;
  height: auto;
  left: 1.5rem;
  top: 1.5rem;
  overflow: visible;
  clip: auto;
  white-space: normal;
  z-index: 1;
  background: rgb(var(--colour-static-light-grey, 245, 245, 245));
  border-radius: 64px;
  padding: 1rem 2rem;
  font-weight: bold;
}
.crec-carousel__wrapper {
  position: relative;
}
.crec-carousel__content {
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  position: relative;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.crec-carousel__content--single-slide {
  overflow: visible;
}
.crec-carousel--dragging {
  cursor: grabbing;
}
.crec-carousel--dragging .crec-carousel__body {
  pointer-events: none;
  user-select: none;
}
.crec-carousel__body {
  display: flex;
  flex-wrap: nowrap;
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
.crec-carousel .crec-btn.crec-carousel__button {
  position: absolute;
}
.crec-carousel__button {
  top: 50%;
  visibility: hidden;
  opacity: 0;
  transition: opacity 200ms, visibility 200ms;
  cursor: pointer;
  z-index: 1;
  left: -1rem;
  transform: translateY(-50%);
}
.crec-carousel:hover .crec-carousel__button {
  opacity: 1;
  visibility: visible;
  display: block;
  transition: opacity 200ms, visibility 200ms;
}
.crec-carousel:hover .crec-carousel__button--hidden {
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 200ms, visibility 200ms;
}
.crec-carousel__button--right {
  left: auto;
  right: -1rem;
}
.crec-carousel-slide {
  max-width: 100%;
  position: relative;
  flex-shrink: 0;
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
.crec-carousel__scroll-indicator {
  display: none;
}
.crec-carousel__slide-show .crec-carousel__body--slide-show {
  margin-right: 0;
  margin-left: 0;
  align-items: center;
}
.crec-carousel__slide-show .crec-carousel__button {
  left: 2rem;
  display: none;
}
.crec-carousel__slide-show .crec-carousel__button--right {
  right: 2rem;
  left: auto;
}
.crec-carousel__slide-show .crec-carousel__content--snap-slide {
  scroll-snap-type: x mandatory;
}
.crec-carousel__slide-show .crec-carousel__content--drag-slide {
  scroll-snap-type: none;
}
.crec-carousel__slide-show .crec-carousel-slide {
  position: relative;
  margin-right: 0;
  margin-left: 0;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  width: 100%;
  display: block;
  text-align: center;
}
.crec-carousel__slide-show .crec-carousel-slide .crec-video-player {
  display: flex;
  justify-content: center;
}
.crec-carousel__slide-show .crec-carousel-slide > :first-child {
  max-height: 75vh;
  max-width: 100%;
  display: inline-block;
}
.crec-carousel__slide-show .crec-carousel-slide > :first-child img,
.crec-carousel__slide-show .crec-carousel-slide > :first-child video {
  max-height: 75vh;
  max-width: 100%;
  width: auto;
}
.crec-carousel--intersection-observer-disabled:hover .crec-carousel__button {
  display: none;
}
.crec-carousel:not(.crec-carousel--intersection-observer-disabled) .crec-carousel__content {
  scrollbar-width: none;
}
.crec-carousel:not(.crec-carousel--intersection-observer-disabled) .crec-carousel__content::-webkit-scrollbar {
  display: none;
}

@media not all and (min-resolution: 0.001dpcm) {
  .crec-carousel__content {
    scroll-snap-type: x mandatory;
  }
}
@media (hover: none) {
  .crec-carousel:hover .crec-carousel__button {
    opacity: 0;
    visibility: hidden;
    display: none;
  }
}
@media (min-width: 37.5em) {
  .crec-carousel__button {
    left: -1.25rem;
    right: auto;
  }
  .crec-carousel__button--right {
    left: auto;
    right: -1.25rem;
  }
}
@media (min-width: 56.25em) {
  .crec-carousel__content {
    top: 0;
    padding-left: 0;
  }
  .crec-carousel__wrapper {
    bottom: auto;
    width: 100%;
  }
  .crec-carousel__button, .crec-carousel__scroll-indicator {
    display: block;
  }
  .crec-carousel__slide-show .crec-carousel-slide,
  .crec-carousel__slide-show .crec-scroll-indicator {
    padding-left: 6.25rem;
    padding-right: 6.25rem;
  }
  .crec-carousel__slide-show .crec-carousel__button {
    display: block;
  }
}
@media (orientation: landscape) and (max-width: 56.25em) {
  .crec-carousel__slide-show .crec-carousel-slide > :first-child {
    max-height: 60vh;
  }
  .crec-carousel__slide-show .crec-carousel-slide > :first-child img,
  .crec-carousel__slide-show .crec-carousel-slide > :first-child video {
    max-height: 60vh;
    width: auto;
  }
}
[dir=rtl] .crec-carousel__skip-button:active, [dir=rtl] .crec-carousel__skip-button.focus-visible:focus {
  left: auto;
  right: 1.5rem;
}
[dir=rtl] .crec-carousel__button {
  left: auto;
  right: -1.25rem;
  transform: translateY(-50%) scaleX(-1);
}
[dir=rtl] .crec-carousel__button--right {
  right: auto;
  left: -1.25rem;
}
[dir=rtl] .crec-carousel__slide-show .crec-carousel__button {
  right: 2rem;
  left: auto;
}
[dir=rtl] .crec-carousel__slide-show .crec-carousel__button--right {
  left: 2rem;
  right: auto;
}

.crec-overflow-carousel {
  position: relative;
}
.crec-overflow-carousel__content {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
  padding: 0.5rem 0;
}
.crec-overflow-carousel__content > * {
  flex-shrink: 0;
}
.crec-overflow-carousel .crec-btn.crec-overflow-carousel__button {
  position: absolute;
}
.crec-overflow-carousel__button {
  top: 50%;
  transition: opacity 200ms, visibility 0 200ms;
  cursor: pointer;
  z-index: 1;
  left: 0.75rem;
  transform: translateY(-50%);
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
}
.crec-overflow-carousel__button--hidden {
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 200ms, visibility 0 200ms;
}
.crec-overflow-carousel__button--right {
  left: auto;
  right: 0.75rem;
}
.crec-overflow-carousel--intersection-observer-disabled {
  display: block;
}
.crec-overflow-carousel--intersection-observer-disabled:hover .crec-overflow-carousel__button {
  display: none;
}
.crec-overflow-carousel--intersection-observer-disabled .crec-overflow-carousel__content::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  display: block;
}
.crec-overflow-carousel--intersection-observer-disabled .crec-overflow-carousel__content::-webkit-scrollbar-track {
  background: rgb(var(--colour-neutral-3, 223, 223, 223));
  border-radius: 4px;
}
.crec-overflow-carousel--intersection-observer-disabled .crec-overflow-carousel__content::-webkit-scrollbar-thumb {
  background: rgb(var(--colour-neutral-7, 17, 17, 17));
  border-radius: 4px;
}
.crec-overflow-carousel:not(.crec-overflow-carousel--intersection-observer-disabled) .crec-overflow-carousel__content {
  scrollbar-width: none;
}
.crec-overflow-carousel:not(.crec-overflow-carousel--intersection-observer-disabled) .crec-overflow-carousel__content::-webkit-scrollbar {
  display: none;
}
.crec-overflow-carousel__browser-direction {
  direction: rtl;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 1px;
  height: 1px;
}
.crec-overflow-carousel__browser-item {
  width: 2px;
  height: 1px;
}

[dir=rtl] .crec-overflow-carousel__button {
  left: auto;
  right: 0.75rem;
  transform: translateY(-50%) scaleX(-1);
}
[dir=rtl] .crec-overflow-carousel__button--right {
  right: auto;
  left: 0.75rem;
}

.crec-scroll-indicator {
  height: 1.875rem;
  position: relative;
  width: 100%;
  outline: none;
  border: 0;
  padding: 0;
  background: transparent;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.crec-scroll-indicator--dragging .crec-scroll-indicator__bar-wrapper, .crec-scroll-indicator--dragging .crec-scroll-indicator__bar, .crec-scroll-indicator:hover .crec-scroll-indicator__bar-wrapper, .crec-scroll-indicator:hover .crec-scroll-indicator__bar {
  height: 0.25rem;
}
.crec-scroll-indicator--dragging .crec-scroll-indicator__bar, .crec-scroll-indicator--dragging .crec-scroll-indicator__bar:hover {
  height: 0.5rem;
  top: -0.125rem;
}
.crec-scroll-indicator:focus.focus-visible .crec-scroll-indicator__bar {
  height: 0.5rem;
  top: -0.125rem;
}
.crec-scroll-indicator:focus.focus-visible .crec-scroll-indicator__bar-wrapper {
  height: 0.25rem;
}
.crec-scroll-indicator__bar-wrapper {
  width: 100%;
  background: rgb(var(--colour-neutral-3, 223, 223, 223));
  transform: translateX(0);
  height: 0.125rem;
  scrollbar-width: none;
  display: block;
  border-radius: 4px;
}
.crec-scroll-indicator__bar-wrapper::-webkit-scrollbar {
  display: none;
}
.crec-scroll-indicator__bar {
  will-change: transform;
  background: rgb(var(--colour-neutral-7, 17, 17, 17));
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 0.125rem;
  transform-origin: 0 0;
  display: block;
  border-radius: 4px;
  cursor: grab;
}
.crec-scroll-indicator__bar::after {
  content: " ";
  position: absolute;
  top: -0.625rem;
  bottom: -0.625rem;
  left: 0;
  right: 0;
  display: block;
}
.crec-scroll-indicator__bar-dragging {
  cursor: grabbing;
}

.crec-btn:focus.focus-visible,
.crec-tabs__panel:focus.focus-visible,
.crec-scroll-indicator:focus.focus-visible .crec-scroll-indicator__bar {
  box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));
  outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));
  outline-offset: 4px;
  transition: outline 200ms ease-out, box-shadow 200ms ease-out;
}

.crec-scroll-indicator__button:focus.focus-visible {
  box-shadow: none;
}

.crec-btn[class*=inverse]:focus.focus-visible {
  box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-static-black, 17, 17, 17)));
  outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-static-white, 255, 255, 255)));
  outline-offset: 4px;
  transition: outline 200ms ease-out, box-shadow 200ms ease-out;
}

.crec-btn[class*=image-overlay]:focus.focus-visible {
  box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-static-white, 255, 255, 255)));
  outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-static-black, 17, 17, 17)));
  outline-offset: 4px;
  transition: outline 200ms ease-out, box-shadow 200ms ease-out;
}

.crec-aspect-ratio-box {
  width: 100%;
  position: relative;
  height: auto;
  display: block;
  padding-bottom: 75%;
  box-sizing: border-box;
}
.crec-aspect-ratio-box[class*="--standard"] {
  padding-bottom: 75%;
}
.crec-aspect-ratio-box[class*="--square"] {
  padding-bottom: 100%;
}
.crec-aspect-ratio-box[class*="--wide"] {
  padding-bottom: 56.25%;
}
.crec-aspect-ratio-box[class*="--portrait"] {
  padding-bottom: 133.3333333333%;
}
.crec-aspect-ratio-box[class*="--semiportrait"] {
  padding-bottom: 116.6666666667%;
}
.crec-aspect-ratio-box .crec-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  color: transparent;
  padding: 0;
}

@media (min-width: 37.5em) {
  .crec-aspect-ratio-box[class*=to-standard-from-md] {
    padding-bottom: 75%;
  }
  .crec-aspect-ratio-box[class*=to-square-from-md] {
    padding-bottom: 100%;
  }
  .crec-aspect-ratio-box[class*=to-wide-from-md] {
    padding-bottom: 56.25%;
  }
  .crec-aspect-ratio-box[class*=to-portrait-from-md] {
    padding-bottom: 133.3333333333%;
  }
  .crec-aspect-ratio-box[class*=to-semiportrait-from-md] {
    padding-bottom: 116.6666666667%;
  }
}
@media (min-width: 56.25em) {
  .crec-aspect-ratio-box[class*=to-standard-from-lg] {
    padding-bottom: 75%;
  }
  .crec-aspect-ratio-box[class*=to-square-from-lg] {
    padding-bottom: 100%;
  }
  .crec-aspect-ratio-box[class*=to-wide-from-lg] {
    padding-bottom: 56.25%;
  }
  .crec-aspect-ratio-box[class*=to-portrait-from-lg] {
    padding-bottom: 133.3333333333%;
  }
  .crec-aspect-ratio-box[class*=to-semiportrait-from-lg] {
    padding-bottom: 116.6666666667%;
  }
}
.crec-commercial-message {
  display: inline-block;
  font-weight: 700;
  padding: 0.3333em 0.5em;
  line-height: 1.2333;
  color: rgb(var(--colour-text-and-icon-5, 255, 255, 255));
  font-size: 0.75rem;
}
.crec-commercial-message--nlp {
  background-color: rgb(var(--colour-commercial-message-new-lower-price, 204, 0, 8));
}
.crec-commercial-message--new {
  background-color: rgb(var(--colour-commercial-message-new, 202, 80, 8));
}
.crec-commercial-message--family {
  background-color: rgb(var(--colour-commercial-message-ikea-family, 0, 124, 193));
}
.crec-commercial-message--subtle {
  padding: 0;
  line-height: 1.5;
}
.crec-commercial-message--subtle--nlp {
  color: rgb(var(--colour-commercial-message-new-lower-price, 204, 0, 8));
}
.crec-commercial-message--subtle--new {
  color: rgb(var(--colour-commercial-message-new, 202, 80, 8));
}
.crec-commercial-message--subtle--family {
  color: rgb(var(--colour-commercial-message-ikea-family, 0, 124, 193));
}

.crec-price {
  font-weight: 700;
  line-height: 1;
  font-size: 1.5rem;
  position: relative;
  color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
}
.crec-price--subtle {
  color: rgb(var(--colour-text-and-icon-2, 72, 72, 72));
}
.crec-price__nowrap {
  white-space: nowrap;
}
.crec-price__currency, .crec-price__decimal, .crec-price__subscript {
  font-size: 0.5em;
  line-height: 1.3;
}
.crec-price__subscript, .crec-price__currency, .crec-price__decimal {
  position: relative;
}
.crec-price__currency {
  unicode-bidi: bidi-override;
}
.crec-price__subscript {
  display: inline-block;
  unicode-bidi: isolate;
}
.crec-price--currency-super-aligned .crec-price__currency {
  top: -0.727em;
}
.crec-price--decimal-super-aligned .crec-price__decimal {
  top: -0.727em;
}
.crec-price--large {
  font-size: 2.25rem;
}
.crec-price--bti-price {
  display: inline-block;
  color: rgb(var(--colour-static-black, 17, 17, 17));
  padding: 0.2em 0.3em;
  background: rgb(var(--colour-commercial-message-bti-yellow, 255, 219, 0));
  box-shadow: 0.08em 0.08em 0 rgb(var(--colour-commercial-message-bti-red, 204, 0, 8));
  font-style: normal;
}
.crec-price--regular-font-weight {
  font-weight: 400;
}
.crec-price--strikeout .crec-price__currency,
.crec-price--strikeout .crec-price__decimal,
.crec-price--strikeout .crec-price__integer {
  text-decoration: line-through;
}
.crec-price--fixed-size .crec-price__subscript,
.crec-price--fixed-size .crec-price__currency,
.crec-price--fixed-size .crec-price__decimal, .crec-price--strikeout .crec-price__subscript,
.crec-price--strikeout .crec-price__currency,
.crec-price--strikeout .crec-price__decimal, .crec-price--regular-font-weight .crec-price__subscript,
.crec-price--regular-font-weight .crec-price__currency,
.crec-price--regular-font-weight .crec-price__decimal, .crec-price--large.crec-price--strikeout .crec-price__subscript,
.crec-price--large.crec-price--strikeout .crec-price__currency,
.crec-price--large.crec-price--strikeout .crec-price__decimal {
  font-size: 1em;
  line-height: 1;
  top: auto;
}
.crec-price--small {
  font-size: 1rem;
}
.crec-price--small .crec-price__subscript,
.crec-price--small .crec-price__currency,
.crec-price--small .crec-price__decimal {
  font-size: 1em;
  line-height: 1;
  top: auto;
}
.crec-price__sr-text {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  margin: -1px;
  white-space: nowrap;
  left: 0;
}

.crec-price--leading.crec-price--currency-thin .crec-price__currency::after {
  content: " ";
}

.crec-price--trailing.crec-price--currency-thin .crec-price__currency::before {
  content: " ";
}

[dir=rtl] .crec-price--leading.crec-price--currency-thin .crec-price__currency::before {
  content: " ";
}
[dir=rtl] .crec-price--leading.crec-price--currency-thin .crec-price__currency::after {
  content: "";
}

[dir=rtl] .crec-price--trailing.crec-price--currency-thin .crec-price__currency::before {
  content: "";
}
[dir=rtl] .crec-price--trailing.crec-price--currency-thin .crec-price__currency::after {
  content: " ";
}

.crec-price-module {
  color: rgb(var(--colour-text-and-icon-2, 72, 72, 72));
  display: flex;
  flex-direction: column;
  line-height: 1;
}
.crec-price-module .crec-price-module__information {
  margin-bottom: 0.5rem;
}
.crec-price-module .crec-price-module__energy-class,
.crec-price-module .crec-price-module__current-price,
.crec-price-module .crec-price-module__secondary-current-price {
  margin-bottom: 0.25rem;
}
.crec-price-module--bti .crec-price-module__energy-class,
.crec-price-module--bti .crec-price-module__current-price,
.crec-price-module--bti .crec-price-module__secondary-current-price {
  margin-bottom: calc(0.5rem + 0.08em);
}
.crec-price-module__name {
  font-size: 0.875rem;
  line-height: 1.571;
  text-transform: uppercase;
  font-weight: 700;
  color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
  order: 2;
}
.crec-price-module__description {
  display: block;
  text-transform: none;
  font-weight: 400;
  order: 2;
}
.crec-price-module__primary-currency-price {
  line-height: 1;
  order: 3;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.crec-price-module__energy-class {
  display: flex;
  vertical-align: top;
  line-height: 1;
}
.crec-price-module__energy-class svg {
  display: block;
}
.crec-price-module__complete-price {
  font-weight: 700;
  color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
  margin-bottom: 0.25rem;
}
.crec-price-module__comparison-price {
  display: block;
  width: 100%;
  color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
  margin-bottom: 0.25rem;
}
.crec-price-module__addon .crec-price {
  font-size: inherit;
}
.crec-price-module__current-price {
  font-size: 1.75rem;
  margin-inline-end: 0.5rem;
}
.crec-price-module .crec-commercial-message {
  order: 1;
  margin-bottom: 0.25rem;
}
.crec-price-module__small-icon {
  vertical-align: top;
  fill: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
  width: 1.125rem;
  height: 1.125rem;
}
.crec-price-module__addons {
  order: 4;
  font-size: 0.75rem;
  line-height: 1.5;
  margin-top: 0.25rem;
}
.crec-price-module .crec-commercial-message {
  font-size: 0.75rem;
  line-height: 1.5;
}
.crec-price-module__comparison-price .crec-price {
  font-size: 0.75rem;
}
.crec-price-module__star {
  width: 1.5rem;
  height: 1.5rem;
}
.crec-price-module__star--empty {
  color: rgb(var(--colour-neutral-3, 223, 223, 223));
}
.crec-price-module__chevron {
  flex-shrink: 0;
  border-left: 1px solid rgb(var(--colour-neutral-5, 146, 146, 146));
  display: flex;
  align-items: center;
  padding: 0 0.25rem;
  max-width: 2.0625rem;
}
.crec-price-module__comparison-price-label {
  font-weight: 700;
  color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
  display: inline-block;
}
.crec-price-module__comparison-price-label, .crec-price-module__family-label {
  margin-inline-end: 1rem;
}
.crec-price-module__list-addons {
  flex-basis: 100%;
}
.crec-price-module:not(.crec-price-module--list).crec-price-module--commercial-message-placeholder {
  margin-top: 1.375rem;
}
.crec-price-module--xsmall .crec-commercial-message,
.crec-price-module--xsmall .crec-price-module__comparison-price-label, .crec-price-module--small .crec-commercial-message,
.crec-price-module--small .crec-price-module__comparison-price-label, .crec-price-module--medium .crec-commercial-message,
.crec-price-module--medium .crec-price-module__comparison-price-label {
  font-size: 0.75rem;
  line-height: 1.5;
}
.crec-price-module--xsmall .crec-price-module__complete-price,
.crec-price-module--xsmall .crec-price-module__name {
  font-size: 0.75rem;
  line-height: 1.5;
}
.crec-price-module--xsmall .crec-price-module__energy-class svg {
  width: 4.0625rem;
  height: 2.25rem;
}
.crec-price-module--xsmall.crec-price-module--tro .crec-price-module__secondary-current-price,
.crec-price-module--xsmall .crec-price-module__current-price {
  font-size: 1.5rem;
  line-height: 1.1;
}
.crec-price-module--xsmall .crec-price-module__secondary-current-price {
  font-size: 1rem;
}
.crec-price-module--small .crec-price-module__complete-price,
.crec-price-module--small .crec-price-module__name {
  font-size: 0.875rem;
  line-height: 1.571;
}
.crec-price-module--small .crec-price-module__energy-class svg {
  width: 4.75rem;
  height: 2.625rem;
}
.crec-price-module--small.crec-price-module--tro .crec-price-module__secondary-current-price,
.crec-price-module--small .crec-price-module__current-price {
  font-size: 1.75rem;
}
.crec-price-module--small .crec-price-module__secondary-current-price {
  font-size: 1.125rem;
}
.crec-price-module--medium .crec-price-module__complete-price,
.crec-price-module--medium .crec-price-module__name {
  font-size: 1rem;
  line-height: 1.5;
}
.crec-price-module--medium .crec-price-module__energy-class svg {
  width: 5.4375rem;
  height: 3rem;
}
.crec-price-module--medium.crec-price-module--tro .crec-price-module__secondary-current-price,
.crec-price-module--medium .crec-price-module__current-price {
  font-size: 2rem;
}
.crec-price-module--medium .crec-price-module__secondary-current-price {
  font-size: 1.25rem;
}
.crec-price-module--large .crec-price-module__complete-price,
.crec-price-module--large .crec-price-module__name {
  font-size: 1.5rem;
  line-height: 1.45;
}
.crec-price-module--large .crec-price-module__energy-class svg {
  width: 8.1875rem;
  height: 4.5rem;
}
.crec-price-module--large.crec-price-module--tro .crec-price-module__secondary-current-price,
.crec-price-module--large .crec-price-module__current-price {
  font-size: 3rem;
}
.crec-price-module--large .crec-price-module__secondary-current-price {
  font-size: 1.75rem;
}
.crec-price-module--large .crec-commercial-message,
.crec-price-module--large .crec-price-module__comparison-price-label {
  font-size: 0.875rem;
  line-height: 1.571;
}
.crec-price-module--xlarge .crec-price-module__complete-price,
.crec-price-module--xlarge .crec-price-module__name {
  font-size: 2rem;
  line-height: 1.375;
}
.crec-price-module--xlarge .crec-price-module__energy-class svg {
  width: 10.875rem;
  height: 6rem;
}
.crec-price-module--xlarge.crec-price-module--tro .crec-price-module__secondary-current-price,
.crec-price-module--xlarge .crec-price-module__current-price {
  font-size: 4rem;
}
.crec-price-module--xlarge .crec-price-module__secondary-current-price {
  font-size: 2.5rem;
}
.crec-price-module--xlarge .crec-commercial-message,
.crec-price-module--xlarge .crec-price-module__comparison-price-label {
  font-size: 1rem;
  line-height: 1.5;
}
.crec-price-module--large .crec-price-module__energy-class,
.crec-price-module--large .crec-price-module__current-price,
.crec-price-module--large .crec-price-module__secondary-current-price, .crec-price-module--xlarge .crec-price-module__energy-class,
.crec-price-module--xlarge .crec-price-module__current-price,
.crec-price-module--xlarge .crec-price-module__secondary-current-price {
  margin-bottom: 0.25rem;
}
.crec-price-module--large.crec-price-module--bti .crec-price-module__energy-class,
.crec-price-module--large.crec-price-module--bti .crec-price-module__current-price,
.crec-price-module--large.crec-price-module--bti .crec-price-module__secondary-current-price, .crec-price-module--xlarge.crec-price-module--bti .crec-price-module__energy-class,
.crec-price-module--xlarge.crec-price-module--bti .crec-price-module__current-price,
.crec-price-module--xlarge.crec-price-module--bti .crec-price-module__secondary-current-price {
  margin-bottom: calc(0.75rem + 0.08em);
}
.crec-price-module--large .crec-price-module__addons, .crec-price-module--xlarge .crec-price-module__addons {
  margin-top: 0.5rem;
}
.crec-price-module--medium .crec-price-module__current-price, .crec-price-module--large .crec-price-module__current-price, .crec-price-module--xlarge .crec-price-module__current-price {
  margin-inline-end: 0.75rem;
}
.crec-price-module--list {
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.crec-price-module--list .crec-price-module__name {
  margin-bottom: 0.25rem;
}
.crec-price-module--list .crec-price-module__information {
  position: relative;
  padding: 0;
  margin-inline-end: 1rem;
  margin-bottom: 0;
  flex: 1;
}
.crec-price-module--list .crec-price-module__comparison-price .crec-price {
  color: rgb(var(--colour-text-and-icon-2, 72, 72, 72));
}
.crec-price-module--list .crec-price-module__secondary-currency-price,
.crec-price-module--list .crec-price-module__primary-currency-price {
  line-height: 1;
  display: block;
}
.crec-price-module--list .crec-price-module__comparison-price,
.crec-price-module--list .crec-price-module__current-price {
  margin-inline-end: 0;
}
.crec-price-module--list .crec-price-module__addons,
.crec-price-module--list .crec-price-module__secondary-current-price,
.crec-price-module--list .crec-price-module__energy-class {
  margin-top: 0.25rem;
}
.crec-price-module--list .crec-price-module__energy-class {
  margin-bottom: 0.5rem;
}
.crec-price-module--list .crec-price-module__secondary-current-price {
  display: block;
}
.crec-price-module--list .crec-price-module__comparison-price {
  order: 1;
}
.crec-price-module--list .crec-price-module__addons {
  width: 100%;
}
.crec-price-module--list.crec-price-module--with-commercial-message {
  padding-top: 1.375rem;
}
.crec-price-module--list.crec-price-module--with-commercial-message .crec-commercial-message {
  position: absolute;
  top: -1.375rem;
  white-space: nowrap;
}
.crec-price-module--list.crec-price-module--xsmall .crec-price-module__secondary-current-price,
.crec-price-module--list.crec-price-module--xsmall .crec-price-module__comparison-price .crec-price,
.crec-price-module--list.crec-price-module--xsmall .crec-price-module__current-price {
  font-size: 0.75rem;
}
.crec-price-module--list.crec-price-module--xsmall .crec-price-module__current-price {
  line-height: 1.5;
}
.crec-price-module--list.crec-price-module--xsmall .crec-price-module__energy-class svg {
  width: 2rem;
  height: 1.125rem;
}
.crec-price-module--list.crec-price-module--xsmall .crec-commercial-message,
.crec-price-module--list.crec-price-module--xsmall .crec-price-module__comparison-price-label {
  font-size: 0.75rem;
  line-height: 1.5;
}
.crec-price-module--list.crec-price-module--small .crec-price-module__secondary-current-price,
.crec-price-module--list.crec-price-module--small .crec-price-module__comparison-price .crec-price,
.crec-price-module--list.crec-price-module--small .crec-price-module__current-price {
  font-size: 0.875rem;
}
.crec-price-module--list.crec-price-module--small .crec-price-module__current-price {
  line-height: 1.571;
}
.crec-price-module--list.crec-price-module--small .crec-price-module__energy-class svg {
  width: 2.5rem;
  height: 1.375rem;
}
.crec-price-module--list.crec-price-module--small .crec-commercial-message,
.crec-price-module--list.crec-price-module--small .crec-price-module__comparison-price-label {
  font-size: 0.875rem;
  line-height: 1.571;
}
.crec-price-module--list.crec-price-module--medium .crec-price-module__secondary-current-price,
.crec-price-module--list.crec-price-module--medium .crec-price-module__comparison-price .crec-price,
.crec-price-module--list.crec-price-module--medium .crec-price-module__current-price {
  font-size: 1rem;
}
.crec-price-module--list.crec-price-module--medium .crec-price-module__current-price {
  line-height: 1.5;
}
.crec-price-module--list.crec-price-module--medium .crec-price-module__energy-class svg {
  width: 2.6875rem;
  height: 1.5rem;
}
.crec-price-module--list.crec-price-module--medium .crec-commercial-message,
.crec-price-module--list.crec-price-module--medium .crec-price-module__comparison-price-label {
  font-size: 1rem;
  line-height: 1.5;
}
.crec-price-module--family-romania .crec-price-module__current-price {
  margin-bottom: 0.5rem;
}
.crec-price-module--family-romania .crec-price-module__regular-price {
  margin-bottom: 0.25rem;
}
.crec-price-module--family-romania .crec-price-module__comparison-price-label {
  margin-bottom: 0.25rem;
}
.crec-price-module--family-romania.crec-price-module--list .crec-price-module__price,
.crec-price-module--family-romania.crec-price-module--list .crec-price-module__information {
  flex-basis: 100%;
}
.crec-price-module--family-romania.crec-price-module--list .crec-price-module__primary-currency-price {
  display: flex;
  justify-content: space-between;
}
.crec-price-module--family-romania.crec-price-module--list .crec-commercial-message {
  order: initial;
}
.crec-price-module--family-romania.crec-price-module--list .crec-price-module__current-price,
.crec-price-module--family-romania.crec-price-module--list .crec-price-module__name {
  margin-bottom: 0.25rem;
}

[dir=rtl] .crec-price-module__star--half-filled {
  transform: scaleX(-1);
}

.crec-image {
  position: relative;
  display: block;
  max-width: 100%;
  height: auto;
}
.crec-image__icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: rgb(var(--colour-text-and-icon-4, 146, 146, 146));
}
.crec-image--fallback {
  padding-bottom: 100%;
  background: rgb(var(--colour-neutral-2, 245, 245, 245));
}
.crec-image--fallback img {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  margin: -1px;
  white-space: nowrap;
}

.crec-shoppable-image {
  position: relative;
  width: 100%;
}
.crec-shoppable-image:hover .crec-shoppable-image__button,
.crec-shoppable-image:hover .crec-shoppable-image__dot {
  visibility: visible;
  opacity: 1;
}
.crec-shoppable-image:hover .crec-shoppable-image__area--active .crec-shoppable-image__tag {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.crec-shoppable-image__sr-description {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  margin: -1px;
  white-space: nowrap;
}
.crec-shoppable-image__dot {
  transition: border-color 250ms ease-in-out, opacity 250ms ease-in-out, visibility 250ms ease-in-out;
  transform: translateX(-1rem) translateY(-1rem) scale(0.999);
  padding: 0;
  width: 2rem;
  height: 2rem;
  border: 2px solid rgba(var(--colour-static-grey, 223, 223, 223), 0.48);
  position: absolute;
  background: rgba(var(--colour-static-black, 17, 17, 17), 0.48);
  opacity: 0;
  visibility: hidden;
  border-radius: 64px;
  line-height: 0.5;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (prefers-reduced-motion: reduce) {
  .crec-shoppable-image__dot {
    transition: none;
  }
}
.crec-shoppable-image__dot::before {
  content: "";
  position: absolute;
  top: -0.5rem;
  left: -0.5rem;
  right: -0.5rem;
  bottom: -0.5rem;
  display: block;
}
.crec-shoppable-image__dot::after {
  content: "";
  transition: transform 250ms ease-in-out;
  position: relative;
  display: block;
  background: rgb(var(--colour-static-white, 255, 255, 255));
  box-shadow: 0 1px 4px rgba(var(--colour-static-black, 17, 17, 17), 0.55);
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 64px;
}
@media screen and (prefers-reduced-motion: reduce) {
  .crec-shoppable-image__dot::after {
    transition: none;
  }
}
.crec-shoppable-image__dot:focus {
  border-color: rgba(var(--colour-static-grey, 223, 223, 223), 0.64);
}
.crec-shoppable-image__dot:focus::after {
  transform: scale(0.667);
}
.crec-shoppable-image__dot:focus.focus-visible, .crec-shoppable-image__dot:hover {
  border-color: rgba(var(--colour-static-grey, 223, 223, 223), 0.5);
  background: rgba(var(--colour-static-black, 17, 17, 17), 0.64);
}
.crec-shoppable-image__dot:active {
  background: rgba(var(--colour-static-black, 17, 17, 17), 0.9);
}
.crec-shoppable-image__area--active .crec-shoppable-image__dot {
  background: rgba(var(--colour-static-black, 17, 17, 17), 0.75);
  border-color: rgba(var(--colour-static-grey, 223, 223, 223), 1);
}
.crec-shoppable-image__area--active .crec-shoppable-image__dot::after {
  transform: scale(0.667);
}
.crec-shoppable-image__area--active .crec-shoppable-image__dot:focus.focus-visible, .crec-shoppable-image__area--active .crec-shoppable-image__dot:hover {
  background: rgba(var(--colour-static-black, 17, 17, 17), 0.8);
}
.crec-shoppable-image__area--active .crec-shoppable-image__dot:active {
  background: rgba(var(--colour-static-black, 17, 17, 17), 0.9);
}
.crec-shoppable-image__product-list {
  list-style-type: none;
}
.crec-shoppable-image__tag {
  transition: opacity 250ms ease-in-out, visibility 250ms ease-in-out;
  transform: translateX(-50%) translateY(-100%) translateY(-1.5rem);
  min-width: 7.5rem;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
@media screen and (prefers-reduced-motion: reduce) {
  .crec-shoppable-image__tag {
    transition: none;
  }
}
.crec-shoppable-image__tag--top {
  transform: translateX(-50%) translateY(-100%) translateY(-1.5rem);
}
.crec-shoppable-image__tag--top-left {
  transform: translateX(-1rem) translateY(-100%) translateY(-1.5rem);
}
.crec-shoppable-image__tag--top-right {
  transform: translateX(calc(-100% + 1rem)) translateY(-100%) translateY(-1.5rem);
}
.crec-shoppable-image__tag-inner {
  transition: transform 250ms ease-in-out;
  width: 100%;
  text-align: initial;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
  background-color: rgb(var(--colour-elevation-1, 255, 255, 255));
  box-shadow: 0 1px 4px rgba(var(--colour-static-black, 17, 17, 17), 0.55);
}
@media screen and (prefers-reduced-motion: reduce) {
  .crec-shoppable-image__tag-inner {
    transition: none;
  }
}
.crec-shoppable-image__tag-inner .crec-price-module {
  margin: 0.75rem;
  flex-grow: 1;
}
.crec-shoppable-image__tag-inner .crec-price-module > :last-child {
  margin-bottom: 0;
}
.crec-shoppable-image__tag-link, .crec-shoppable-image__tag-link:hover {
  display: flex;
  text-decoration: none;
  font-size: 0.875rem;
}
.crec-shoppable-image__tag-chevron {
  border-left: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223));
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
}
.crec-shoppable-image__area {
  position: absolute;
}
.crec-shoppable-image__area--hidden {
  display: none;
}
.crec-shoppable-image__category-link {
  position: relative;
  display: block;
  background: transparent;
}
.crec-shoppable-image--visible-dots .crec-shoppable-image__button,
.crec-shoppable-image--visible-dots .crec-shoppable-image__dot {
  opacity: 1;
  visibility: visible;
}
.crec-shoppable-image--visible-dots .crec-shoppable-image__area--active .crec-shoppable-image__tag {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.crec-shoppable-image .crec-shoppable-image__tag--bottom {
  transform: translateX(-50%) translateY(1.5rem);
}
.crec-shoppable-image .crec-shoppable-image__tag--bottom-left {
  transform: translateX(-1rem) translateY(1.5rem);
}
.crec-shoppable-image .crec-shoppable-image__tag--bottom-right {
  transform: translateX(calc(-100% + 1rem)) translateY(1.5rem);
}
.crec-shoppable-image .crec-shoppable-image__tag--left {
  transform: translateY(-50%) translateX(-100%) translateX(-1.5rem);
}
.crec-shoppable-image .crec-shoppable-image__tag--left-bottom {
  transform: translateY(calc(-100% + 1rem)) translateX(-100%) translateX(-1.5rem);
}
.crec-shoppable-image .crec-shoppable-image__tag--left-top {
  transform: translateY(-1rem) translateX(-100%) translateX(-1.5rem);
}
.crec-shoppable-image .crec-shoppable-image__tag--right {
  transform: translateY(-50%) translateX(1.5rem);
}
.crec-shoppable-image .crec-shoppable-image__tag--right-bottom {
  transform: translateY(calc(-100% + 1rem)) translateX(1.5rem);
}
.crec-shoppable-image .crec-shoppable-image__tag--right-top {
  transform: translateY(-1rem) translateX(1.5rem);
}
.crec-shoppable-image__button {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  bottom: 1rem;
  left: 1rem;
  pointer-events: none;
  filter: drop-shadow(1px 0px 4px rgba(var(--colour-static-black, 17, 17, 17), 0.55));
  color: rgb(var(--colour-static-white, 255, 255, 255));
}
.crec-shoppable-image--hidden-dots .crec-shoppable-image__button,
.crec-shoppable-image--hidden-dots .crec-shoppable-image__tag,
.crec-shoppable-image--hidden-dots .crec-shoppable-image__dot {
  opacity: 0;
  visibility: hidden;
}
.crec-shoppable-image--hidden-dots:hover .crec-shoppable-image__button,
.crec-shoppable-image--hidden-dots:hover .crec-shoppable-image__area--active .crec-shoppable-image__tag,
.crec-shoppable-image--hidden-dots:hover .crec-shoppable-image__tag,
.crec-shoppable-image--hidden-dots:hover .crec-shoppable-image__dot {
  opacity: 0;
  visibility: hidden;
}
.crec-shoppable-image__aspect-constraint {
  position: absolute;
  top: 0;
  pointer-events: none;
  background: none;
}
.crec-shoppable-image__aspect-constraint > * {
  pointer-events: initial;
}

@media (min-width: 37.5em) {
  .crec-shoppable-image__tag {
    min-width: 8.4375rem;
  }
}
/*
BUG: INCONSISTENT BEHAVIOUR
Android devices will show the dots after a short click (imitating hover)
IOS Devices: Impossible to get the dots to be visible
*/
@media (hover: none) {
  .crec-shoppable-image:hover .crec-shoppable-image__area--active .crec-shoppable-image__tag,
  .crec-shoppable-image:hover .crec-shoppable-image__dot {
    visibility: hidden;
    opacity: 0;
  }
  .crec-shoppable-image--visible-dots:hover .crec-shoppable-image__button,
  .crec-shoppable-image--visible-dots:hover .crec-shoppable-image__area--active .crec-shoppable-image__tag,
  .crec-shoppable-image--visible-dots:hover .crec-shoppable-image__dot {
    visibility: visible;
    opacity: 1;
  }
  .crec-shoppable-image.crec-shoppable-image--hidden-dots:hover .crec-shoppable-image__dot {
    visibility: hidden;
    opacity: 0;
  }
  .crec-shoppable-image__button {
    visibility: visible;
    opacity: 1;
  }
}
[dir=rtl] .crec-shoppable-image__dot {
  transform: translateX(2rem) translateX(-1rem) translateY(-1rem) scale(0.999);
}
[dir=rtl] .crec-shoppable-image .crec-shoppable-image__tag--top,
[dir=rtl] .crec-shoppable-image .crec-shoppable-image__tag {
  transform: translateX(50%) translateY(-100%) translateY(-1.5rem);
}
[dir=rtl] .crec-shoppable-image .crec-shoppable-image__tag--top-left {
  transform: translateX(calc(100% - 1rem)) translateY(-100%) translateY(-1.5rem);
}
[dir=rtl] .crec-shoppable-image .crec-shoppable-image__tag--top-right {
  transform: translateX(1rem) translateY(-100%) translateY(-1.5rem);
}
[dir=rtl] .crec-shoppable-image .crec-shoppable-image__tag--bottom {
  transform: translateX(50%) translateY(1.5rem);
}
[dir=rtl] .crec-shoppable-image .crec-shoppable-image__tag--bottom-left {
  transform: translateX(calc(100% - 1rem)) translateY(1.5rem);
}
[dir=rtl] .crec-shoppable-image .crec-shoppable-image__tag--bottom-right {
  transform: translateX(1rem) translateY(1.5rem);
}
[dir=rtl] .crec-shoppable-image .crec-shoppable-image__tag--left {
  transform: translateY(-50%) translateX(-1.5rem);
}
[dir=rtl] .crec-shoppable-image .crec-shoppable-image__tag--right {
  transform: translateY(-50%) translateX(100%) translateX(1.5rem);
}
[dir=rtl] .crec-shoppable-image .crec-shoppable-image__tag-chevron {
  transform: scaleX(-1);
}

.crec-shoppable-image__category-link:focus.focus-visible,
.crec-shoppable-image__dot:focus.focus-visible {
  box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));
  outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));
  outline-offset: 4px;
  transition: outline 200ms ease-out, box-shadow 200ms ease-out;
}

.crec-skeleton {
  line-height: inherit;
  cursor: progress;
  background-color: rgb(var(--colour-neutral-3, 223, 223, 223));
  background-image: linear-gradient(90deg, rgba(var(--colour-neutral-1, 255, 255, 255), 0) 40%, rgba(var(--colour-neutral-2, 245, 245, 245), 0.5) 50%, rgba(var(--colour-neutral-1, 255, 255, 255), 0) 60%);
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: 250% 100%;
  background-origin: border-box;
  border: 1px solid transparent;
  box-sizing: border-box;
  animation: crec-shine 2s 20;
}
.crec-skeleton::after {
  content: "​";
}
[dir=rtl] .crec-skeleton {
  animation-direction: reverse;
}

@keyframes crec-shine {
  to {
    background-position: 0 100%;
  }
}
@keyframes crec-modalSlideToLeft {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes crec-modalSlideToRight {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes crec-modalSlideFromLeft {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes crec-modalSlideFromRight {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes crec-modalSlideDown {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
  }
}
@keyframes crec-modalSlideUp {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes crec-modalEnter {
  from {
    clip-path: inset(50%);
  }
  to {
    clip-path: inset(0%);
  }
}
@keyframes crec-modalClose {
  from {
    clip-path: inset(0%);
  }
  to {
    clip-path: inset(50%);
  }
}
@keyframes crec-modalContentEnter {
  from {
    transform: scale(0.8);
    opacity: 0;
    transform-origin: center center;
  }
  to {
    transform: scale(1);
    opacity: 1;
    transform-origin: center center;
  }
}
@keyframes crec-modalContentClose {
  from {
    transform: scale(1);
    opacity: 1;
    transform-origin: center center;
  }
  to {
    transform: scale(0.8);
    opacity: 0;
    transform-origin: center center;
  }
}
@keyframes crec-modalBackdropEnter {
  0% {
    visibility: hidden;
  }
  1% {
    visibility: visible;
  }
}
@keyframes crec-modalBackdropClose {
  0%, 99% {
    visibility: visible;
  }
  100% {
    visibility: hidden;
  }
}
.crec-prevent-scroll-y {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

.crec-modal-wrapper {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 400;
  pointer-events: none;
  transition: visibility cubic-bezier(0, 0, 1, 1) 200ms;
  color: rgb(var(--colour-text-and-icon-2, 72, 72, 72));
}
.crec-modal-wrapper__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity cubic-bezier(0, 0, 1, 1) 200ms;
  pointer-events: none;
  visibility: hidden;
}
.crec-modal-wrapper__backdrop--dark {
  background: rgba(var(--colour-static-black, 17, 17, 17), 0.4);
}
.crec-modal-wrapper--open {
  transition: visibility cubic-bezier(0, 0, 1, 1) 0;
  visibility: visible;
  pointer-events: all;
}
.crec-modal-wrapper--open > .crec-modal-wrapper__backdrop {
  opacity: 1;
  animation: crec-modalBackdropEnter 200ms;
  visibility: visible;
  pointer-events: all;
}
.crec-modal-wrapper--close > .crec-modal-wrapper__backdrop {
  animation: crec-modalBackdropClose 200ms;
}
.crec-modal-wrapper .crec-btn[data-autofocus]:focus-visible {
  box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));
  outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));
  outline-offset: 4px;
  transition: outline 200ms ease-out, box-shadow 200ms ease-out;
}

.crec-modal-footer {
  padding: 1.5rem;
  border-top: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223));
  flex-grow: 1;
  flex-shrink: 0;
  display: flex;
}
.crec-modal-footer .crec-btn {
  flex-grow: 1;
  width: 100%;
  flex-basis: auto;
}
.crec-modal-footer .crec-btn:not(:last-child) {
  margin-inline-end: 0;
  margin-block-end: 0.75rem;
}
.crec-modal-footer--dual-action {
  display: block;
}
.crec-modal-footer--borderless {
  border-top: none;
}

@media (orientation: landscape), (min-width: 37.5em) {
  .crec-modal-footer .crec-btn:not(:last-child) {
    margin-inline-end: 1rem;
    margin-block-end: 0;
  }
  .crec-modal-footer--dual-action {
    display: flex;
  }
}
.crec-sheets--enter {
  animation: crec-modalSlideUp cubic-bezier(0, 0, 0.1, 1) 200ms;
}

.crec-sheets--preserve-alignment {
  animation: crec-modalSlideToLeft cubic-bezier(0, 0, 0.1, 1) 200ms;
}
.crec-sheets--preserve-alignment.crec-sheets--mirrored {
  animation: crec-modalSlideFromLeft cubic-bezier(0, 0, 0.1, 1) 200ms;
}

.crec-sheets--close {
  animation: crec-modalSlideDown cubic-bezier(0.9, 0, 1, 1) 100ms;
  pointer-events: none;
  transition: visibility cubic-bezier(0, 0, 1, 1) 100ms;
  visibility: hidden;
  animation-fill-mode: forwards;
}
.crec-sheets--close.crec-sheets--preserve-alignment {
  animation: crec-modalSlideToRight cubic-bezier(0.9, 0, 1, 1) 100ms;
  animation-fill-mode: forwards;
}
.crec-sheets--close.crec-sheets--preserve-alignment.crec-sheets--mirrored {
  animation: crec-modalSlideFromRight cubic-bezier(0.9, 0, 1, 1) 100ms;
  animation-fill-mode: forwards;
}

[dir=rtl] .crec-sheets--preserve-alignment {
  animation: crec-modalSlideFromLeft cubic-bezier(0, 0, 0.1, 1) 200ms;
}
[dir=rtl] .crec-sheets--preserve-alignment.crec-sheets--mirrored {
  animation: crec-modalSlideToLeft cubic-bezier(0, 0, 0.1, 1) 200ms;
}
[dir=rtl] .crec-sheets--close {
  animation: crec-modalSlideDown cubic-bezier(0.9, 0, 1, 1) 100ms;
  pointer-events: none;
  animation-fill-mode: forwards;
}
[dir=rtl] .crec-sheets--close.crec-sheets--preserve-alignment {
  animation: crec-modalSlideFromRight cubic-bezier(0.9, 0, 1, 1) 100ms;
  animation-fill-mode: forwards;
}
[dir=rtl] .crec-sheets--close.crec-sheets--preserve-alignment.crec-sheets--mirrored {
  animation: crec-modalSlideToRight cubic-bezier(0.9, 0, 1, 1) 100ms;
  animation-fill-mode: forwards;
}

.crec-sheets {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  width: 100%;
  background: rgb(var(--colour-elevation-2, 255, 255, 255));
  z-index: 100;
  overflow: hidden;
  border-radius: 8px 8px 0px 0px;
  max-height: calc(100% - 3rem);
  text-align: initial;
  display: flex;
  flex-direction: column;
}
.crec-sheets__content {
  height: 100%;
}
.crec-sheets__content-wrapper {
  overflow: auto;
  height: 100%;
  position: relative;
}
.crec-sheets__content-wrapper:focus.focus-visible {
  box-shadow: inset 0 0 0 2px rgb(var(--colour-neutral-7, 17, 17, 17));
}
.crec-sheets__video {
  z-index: 100;
  background: rgba(var(--colour-static-black, 17, 17, 17), 0.8);
}
.crec-sheets__video iframe {
  max-width: 100%;
}
.crec-sheets--preserve-alignment {
  width: 85%;
  top: 0;
  border-radius: 8px 0px 0px 8px;
  max-height: 100%;
}
.crec-sheets--preserve-alignment.crec-sheets--mirrored {
  right: auto;
  left: 0;
  border-radius: 0px 8px 8px 0px;
}
.crec-sheets--mobile-full-size {
  top: 3rem;
}
.crec-sheets .crec-modal-footer {
  padding: 1.5rem 1rem;
}

[dir=rtl] .crec-sheets--preserve-alignment {
  left: 0;
  right: auto;
  border-radius: 0px 8px 8px 0px;
}
[dir=rtl] .crec-sheets--preserve-alignment.crec-sheets--mirrored {
  right: 0;
  left: auto;
  border-radius: 8px 0px 0px 8px;
}

.crec-modal-header {
  position: sticky;
  top: 0;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  padding: 0 0.5rem;
  align-items: center;
  background-color: rgb(var(--colour-elevation-2, 255, 255, 255));
  z-index: 100;
  min-height: 3.5rem;
}
.crec-modal-header--floating-header {
  position: sticky;
  background-color: transparent;
  margin-bottom: -3.5rem;
}
.crec-modal-header--floating-header .crec-modal-header__close,
.crec-modal-header--floating-header .crec-modal-header__back-button {
  margin: 1rem 0 0 0;
}
.crec-modal-header__title-wrapper {
  width: 100%;
  text-align: center;
  margin: 1rem 0.5rem;
}
.crec-modal-header__title-wrapper--padded {
  margin-inline-start: 3rem;
}
.crec-modal-header__close, .crec-modal-header__back-button {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
[dir=rtl] .crec-modal-header__close, [dir=rtl] .crec-modal-header__back-button {
  transform: scaleX(-1);
}
.crec-modal-header__title {
  font-weight: 700;
  color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
}
.crec-modal-header .crec-modal-header__title-wrapper > * {
  font-size: 1rem;
  line-height: 1.5;
}

.crec-modal-body {
  padding: var(--skapa-modal-body-padding-block, 1.5rem) var(--skapa-modal-body-padding-inline, 1.5rem);
}

.crec-theatre--enter {
  animation: crec-modalEnter cubic-bezier(0, 0, 0.1, 1) 200ms;
}
.crec-theatre--enter .crec-theatre__content-wrapper {
  animation: crec-modalContentEnter cubic-bezier(0, 0, 0.1, 1) 200ms;
}

.crec-theatre--close {
  animation: crec-modalClose cubic-bezier(0.9, 0, 1, 1) 200ms;
  animation-fill-mode: forwards;
  pointer-events: none;
  transition: visibility cubic-bezier(0, 0, 1, 1) 100ms;
  visibility: hidden;
}
.crec-theatre--close .crec-theatre__content-wrapper {
  animation: crec-modalContentClose cubic-bezier(0.9, 0, 1, 1) 200ms;
  animation-fill-mode: forwards;
}

.crec-theatre {
  position: absolute;
  left: 0px;
  width: 100%;
  top: 3rem;
  height: calc(100% - 3rem);
  border-radius: 8px 8px 0px 0px;
  background: rgb(var(--colour-elevation-2, 255, 255, 255));
  z-index: 100;
  overflow: hidden;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  text-align: initial;
}
.crec-theatre__content-wrapper {
  overflow: auto;
  height: 100%;
}
.crec-theatre__video {
  z-index: 100;
  background: rgba(var(--colour-static-black, 17, 17, 17), 0.8);
}
.crec-theatre__video iframe {
  max-width: 100%;
}

.crec-prompt--enter {
  animation: crec-modalContentEnter cubic-bezier(0.8, 0, 0, 1) 200ms;
}

.crec-prompt--close {
  animation: crec-modalContentClose cubic-bezier(0.9, 0, 1, 1) 100ms;
  animation-fill-mode: forwards;
  pointer-events: none;
  transition: visibility cubic-bezier(0, 0, 1, 1) 100ms;
  visibility: hidden;
}

.crec-prompt {
  position: relative;
  left: auto;
  right: auto;
  display: flex;
  margin: 1.5rem;
  z-index: 100;
  overflow: hidden;
  flex-direction: column;
  justify-content: center;
  border-radius: 8px;
  text-align: initial;
}
.crec-prompt__content-wrapper {
  background: rgb(var(--colour-elevation-2, 255, 255, 255));
  max-height: 75vh;
  max-width: 31.5rem;
  height: auto;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.crec-prompt__heading {
  margin-bottom: 1rem;
  color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
  font-size: 1.125rem;
  line-height: 1.444;
  font-weight: 700;
}
.crec-prompt__content {
  color: rgb(var(--colour-text-and-icon-2, 72, 72, 72));
  font-size: 0.875rem;
  line-height: 1.571;
  padding: 0 2rem;
  overflow: auto;
  height: 100%;
}
.crec-prompt__content:focus.focus-visible {
  box-shadow: inset 0 0 0 2px rgb(var(--colour-neutral-7, 17, 17, 17));
}
.crec-prompt .crec-modal-header {
  padding: 0.5rem 0.5rem 0 0.5rem;
}
.crec-prompt .crec-modal-header__close {
  margin: 0;
}
.crec-prompt .crec-prompt__content {
  padding-bottom: 0;
}

@media (min-width: 37.5em) {
  .crec-sheets {
    top: 0;
    border-radius: 8px 0px 0px 8px;
    width: calc(100% - 3rem);
    max-height: 100%;
  }
  .crec-sheets--mirrored {
    right: auto;
    left: 0;
    border-radius: 0px 8px 8px 0px;
  }
  .crec-sheets--mirrored .crec-modal-footer .crec-btn {
    margin-inline-start: auto;
  }
  .crec-sheets--small {
    max-width: 30rem;
  }
  .crec-sheets--small .crec-modal-body {
    --skapa-modal-body-padding-inline: 1.5rem;
  }
  .crec-sheets--small .crec-modal-footer .crec-btn {
    width: 100%;
  }
  .crec-sheets--medium {
    max-width: 45rem;
  }
  .crec-sheets--large {
    max-width: 67.5rem;
  }
  .crec-sheets--medium .crec-modal-footer, .crec-sheets--large .crec-modal-footer {
    display: flex;
    justify-content: flex-end;
  }
  .crec-sheets--medium .crec-modal-footer .crec-btn:not(:last-child), .crec-sheets--large .crec-modal-footer .crec-btn:not(:last-child) {
    margin-inline-start: 1rem;
  }
  .crec-sheets--medium .crec-modal-footer .crec-btn, .crec-sheets--large .crec-modal-footer .crec-btn {
    width: auto;
  }
  .crec-sheets .crec-modal-footer {
    display: block;
    padding: 1.5rem;
  }
  .crec-sheets .crec-modal-footer--dual-action {
    display: flex;
  }
  [dir=rtl] .crec-sheets {
    right: auto;
    left: 0;
    border-radius: 0px 8px 8px 0px;
  }
  [dir=rtl] .crec-sheets--mirrored {
    right: 0;
    left: auto;
    border-radius: 8px 0px 0px 8px;
  }
  .crec-sheets.crec-sheets--enter {
    animation: crec-modalSlideToLeft cubic-bezier(0, 0, 0.1, 1) 200ms;
  }
  .crec-sheets.crec-sheets--close {
    animation: crec-modalSlideToRight cubic-bezier(0.9, 0, 1, 1) 100ms;
    animation-fill-mode: forwards;
  }
  .crec-sheets--mirrored.crec-sheets--enter {
    animation: crec-modalSlideFromLeft cubic-bezier(0, 0, 0.1, 1) 200ms;
  }
  .crec-sheets--mirrored.crec-sheets--close {
    animation: crec-modalSlideFromRight cubic-bezier(0.9, 0, 1, 1) 100ms;
    animation-fill-mode: forwards;
  }
  [dir=rtl] .crec-sheets.crec-sheets--enter {
    animation: crec-modalSlideFromLeft cubic-bezier(0, 0, 0.1, 1) 200ms;
  }
  [dir=rtl] .crec-sheets.crec-sheets--close {
    animation: crec-modalSlideFromRight cubic-bezier(0.9, 0, 1, 1) 100ms;
    animation-fill-mode: forwards;
  }
  [dir=rtl] .crec-sheets--mirrored.crec-sheets--enter {
    animation: crec-modalSlideToLeft cubic-bezier(0, 0, 0.1, 1) 200ms;
  }
  [dir=rtl] .crec-sheets--mirrored.crec-sheets--close {
    animation: crec-modalSlideToRight cubic-bezier(0.9, 0, 1, 1) 100ms;
    animation-fill-mode: forwards;
  }
  .crec-modal-body {
    --skapa-modal-body-padding-block: 2rem;
    --skapa-modal-body-padding-inline: 2rem;
  }
  .crec-modal-header {
    padding: 0 1rem;
  }
  .crec-modal-header__close, .crec-modal-header__back-button {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .crec-modal-header--floating-header {
    margin-bottom: -4.5rem;
  }
  .crec-modal-header--floating-header .crec-modal-header__close,
  .crec-modal-header--floating-header .crec-modal-header__back-button {
    margin: 1.5rem 0 0.5rem 0;
  }
  .crec-prompt__heading {
    font-size: 1.5rem;
    line-height: 1.45;
    letter-spacing: -0.0042em;
  }
  .crec-prompt__content {
    color: rgb(var(--colour-text-and-icon-2, 72, 72, 72));
    font-size: 1rem;
    line-height: 1.625;
    padding-bottom: 1rem;
  }
}
@media (min-width: 56.25em) {
  .crec-sheets--small .crec-modal-body {
    --skapa-modal-body-padding-inline: 2rem;
  }
  .crec-theatre {
    border-radius: 8px;
    left: 3rem;
    width: calc(100% - 6rem);
    height: calc(100% - 6rem);
  }
}
@media (min-width: 75em) {
  .crec-sheets .crec-modal-body {
    --skapa-modal-body-padding-inline: 2.5rem;
  }
}
@media (prefers-reduced-motion) {
  .crec-modal-wrapper {
    transition: none;
  }
  .crec-modal-wrapper__backdrop {
    animation-duration: 0s;
    transition-duration: 0s;
    transition: none;
  }
  .crec-modal-wrapper .crec-sheets.crec-sheets--enter,
  .crec-modal-wrapper .crec-sheets.crec-sheets--close,
  .crec-modal-wrapper .crec-sheets.crec-sheets--preserve-alignment,
  .crec-modal-wrapper .crec-sheets.crec-sheets--mirrored {
    animation-duration: 0s;
    transition-duration: 0s;
  }
  .crec-modal-wrapper .crec-theatre.crec-theatre--enter,
  .crec-modal-wrapper .crec-theatre.crec-theatre--close {
    animation-duration: 0s;
    transition-duration: 0s;
  }
  .crec-modal-wrapper .crec-theatre.crec-theatre--enter .crec-theatre__content-wrapper,
  .crec-modal-wrapper .crec-theatre.crec-theatre--close .crec-theatre__content-wrapper {
    animation-duration: 0s;
    transition-duration: 0s;
  }
  .crec-modal-wrapper .crec-prompt--close {
    transition: none;
  }
  .crec-modal-wrapper .crec-prompt,
  .crec-modal-wrapper .crec-prompt--enter,
  .crec-modal-wrapper .crec-prompt--close {
    animation-duration: 0s;
    transition-duration: 0s;
  }
  .crec-modal-wrapper .crec-prompt .crec-prompt__content-wrapper,
  .crec-modal-wrapper .crec-prompt--enter .crec-prompt__content-wrapper,
  .crec-modal-wrapper .crec-prompt--close .crec-prompt__content-wrapper {
    animation-duration: 0s;
    transition-duration: 0s;
  }
}
.crec-loading {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.crec-loading--label-leading {
  text-align: inherit;
  align-items: flex-start;
}
.crec-loading__text, .crec-loading__text--fade-out {
  opacity: 0;
}
.crec-loading__text {
  max-width: 100%;
  font-size: 1rem;
  line-height: 1.625;
  margin-top: 2.5rem;
  text-align: center;
  transform: translateY(1.5rem);
}
.crec-loading__text--fade-out {
  transition: transform 100ms cubic-bezier(0.4, 0, 0.4, 1), opacity 100ms cubic-bezier(0.4, 0, 0.4, 1);
  transform: translateY(-1.5rem);
}
.crec-loading__text--fade-in {
  transition: transform 100ms cubic-bezier(0.4, 0, 0.4, 1), opacity 100ms cubic-bezier(0.4, 0, 0.4, 1);
  transform: translateY(0);
  opacity: 1;
}
.crec-loading__ball {
  display: block;
  width: 0;
  height: 0;
  transform-origin: bottom;
  border-radius: 64px;
  border: 0.5rem solid rgb(var(--colour-semantic-informative, 0, 88, 163));
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.4, 1);
  animation: crec-loading-bounce 0.7s infinite;
}
.crec-loading__ball--small {
  border-width: 0.125rem;
}
.crec-loading__ball--medium {
  border-width: 0.25rem;
}
.crec-loading__ball--small, .crec-loading__ball--medium {
  transform: translateY(-160%);
  animation: crec-loading-bounce-small 0.7s infinite;
}
.crec-loading__ball--large {
  margin-bottom: 2rem;
}
.crec-loading__ball--primary {
  border-color: rgb(var(--colour-neutral-7, 17, 17, 17));
}
.crec-loading__ball--secondary {
  border-color: rgb(var(--colour-neutral-1, 255, 255, 255));
}
.crec-loading__ball--secondary + .crec-loading__text {
  color: rgb(var(--colour-text-and-icon-5, 255, 255, 255));
}
.crec-loading__linear-wrapper {
  position: relative;
  display: flex;
  width: 100%;
  height: 0.3125rem;
}
.crec-loading__linear-wrapper + .crec-loading__text {
  margin-top: 1rem;
}
.crec-loading__sr-only-text, .crec-loading__linear-label {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  margin: -1px;
  white-space: nowrap;
}
.crec-loading__linear-progress {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0.375rem;
  background: rgb(var(--colour-neutral-2, 245, 245, 245));
}
.crec-loading__linear-progress::-webkit-progress-bar {
  border-radius: 0.375rem;
  background: rgb(var(--colour-neutral-2, 245, 245, 245));
}
.crec-loading__linear-progress::-moz-progress-bar {
  border-radius: 0.375rem;
  background: rgb(var(--colour-semantic-informative, 0, 88, 163));
}
.crec-loading__linear-progress::-webkit-progress-value {
  border-radius: 0.375rem;
  background: rgb(var(--colour-semantic-informative, 0, 88, 163));
}
@media (forced-colors: active) {
  .crec-loading__linear-progress {
    appearance: revert;
    height: revert;
    border: revert;
    border-radius: revert;
    background: revert;
  }
}

@media (prefers-reduced-motion: reduce) {
  .crec-loading .crec-loading__text {
    transition: none;
  }
  .crec-loading .crec-loading__ball {
    transition: none;
  }
}
@keyframes crec-loading-bounce-small {
  0%, 100% {
    transform: translate(0, -160%);
    animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  }
  40% {
    transform: translate(0, 20%);
    animation-timing-function: cubic-bezier(0, 0, 0, 1);
  }
}
@keyframes crec-loading-bounce {
  0% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  }
  40% {
    transform: translateY(2rem) scaleY(1);
    animation-timing-function: ease-in;
  }
  50% {
    transform: translateY(2rem) scaleY(0.75);
    animation-timing-function: ease-out;
  }
  60% {
    transform: translateY(2rem) scaleY(1);
    animation-timing-function: cubic-bezier(0, 0, 0, 1);
  }
  100% {
    transform: translateY(0);
  }
}
.crec-pill {
  position: relative;
  font-size: 0.875rem;
  background: none;
  border: 0;
  padding: 0;
  line-height: 1.4285714286;
  font-weight: bold;
  text-align: center;
  display: inline-flex;
  border-radius: 64px;
  cursor: pointer;
  outline: 0;
  vertical-align: top;
  border-radius: 64px;
  transition-property: opacity, transform;
  transition-duration: 250ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1);
  justify-content: center;
  align-items: center;
  min-height: 3.5rem;
  padding: 0 2rem;
  color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
  background: rgb(var(--colour-interactive-secondary-bg-default, 245, 245, 245));
  border: 1px solid transparent;
}
.crec-pill:hover, .crec-pill:active, .crec-pill:focus {
  text-decoration: none;
}
.crec-pill .crec-svg-icon {
  flex-shrink: 0;
}
.crec-pill:disabled {
  cursor: default;
}
.crec-pill:hover, .crec-pill:active, .crec-pill:focus {
  text-decoration: none;
}
.crec-pill .crec-svg-icon {
  flex-shrink: 0;
}
.crec-pill.crec-leading-icon {
  padding-inline-start: 1.5rem;
}
.crec-pill.crec-trailing-icon {
  flex-direction: row-reverse;
  padding-inline-end: 1.5rem;
}
.crec-pill:hover {
  background: rgb(var(--colour-interactive-secondary-bg-hover, 223, 223, 223));
}
.crec-pill:active {
  background: rgb(var(--colour-interactive-secondary-bg-pressed, 204, 204, 204));
}
.crec-pill:disabled {
  cursor: default;
  background: rgb(var(--colour-interactive-disabled-1, 204, 204, 204));
  color: rgb(var(--colour-interactive-disabled-2, 146, 146, 146));
}
.crec-pill--small {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  min-height: 2.5rem;
  padding: 0 1.5rem;
}
.crec-pill--small::after {
  content: "";
  position: absolute;
  top: -0.1875rem;
  left: -0.1875rem;
  right: -0.1875rem;
  bottom: -0.1875rem;
}
.crec-pill--small.crec-leading-icon {
  padding-inline-start: 1rem;
}
.crec-pill--small.crec-trailing-icon {
  padding-inline-end: 1rem;
}
.crec-pill--xsmall {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  min-height: 2rem;
  min-width: 2rem;
  padding: 0 0.75rem;
}
.crec-pill--xsmall::after {
  content: "";
  position: absolute;
  top: -0.4375rem;
  left: -0.4375rem;
  right: -0.4375rem;
  bottom: -0.4375rem;
}
.crec-pill--xsmall.crec-leading-icon {
  padding-inline-start: 0.25rem;
}
.crec-pill--xsmall.crec-trailing-icon {
  padding-inline-end: 0.25rem;
}
.crec-pill--active {
  border-color: rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17));
}
.crec-pill:disabled {
  border-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204));
}
.crec-pill:disabled .crec-pill__thumbnail {
  opacity: 0.5;
}
.crec-pill--thumbnail {
  --thumbnail-padding: 0.75rem;
  padding-inline-start: var(--thumbnail-padding);
}
.crec-pill--thumbnail.crec-pill--small, .crec-pill--thumbnail.crec-pill--xsmall {
  --thumbnail-padding: 0.5rem;
}
.crec-pill--thumbnail.crec-pill--small .crec-pill__thumbnail, .crec-pill--thumbnail.crec-pill--xsmall .crec-pill__thumbnail {
  width: 1.5rem;
  height: 1.5rem;
}
.crec-pill--thumbnail.crec-pill--xsmall {
  --thumbnail-padding: 0.25rem;
}
.crec-pill__thumbnail {
  width: 2rem;
  height: 2rem;
  border-radius: 64px;
  margin-inline-end: 0.5rem;
}
.crec-pill.crec-pill--icon {
  padding: 0 0.9375rem;
}
.crec-pill.crec-pill--icon .crec-pill__label {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  margin: -1px;
  white-space: nowrap;
}
.crec-pill.crec-pill--icon.crec-pill--small {
  padding: 0 0.4375rem;
}
.crec-pill.crec-pill--icon.crec-pill--xsmall {
  padding: 0 0.125rem;
}
.crec-pill.crec-pill--icon .crec-pill__icon {
  margin: 0;
}

.crec-pill:focus.focus-visible {
  box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));
  outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));
  outline-offset: 4px;
  transition: outline 200ms ease-out, box-shadow 200ms ease-out;
}

.crec-text--heading-xl {
  color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
  font-size: 2rem;
  line-height: 1.375;
  letter-spacing: -0.0056em;
  font-weight: 700;
}
@media (min-width: 37.5em) {
  .crec-text--heading-xl {
    font-size: 3.25rem;
    line-height: 1.32;
    letter-spacing: -0.0091em;
  }
}
.crec-text--heading-l {
  color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
  font-size: 1.5rem;
  line-height: 1.45;
  letter-spacing: -0.0042em;
  font-weight: 700;
}
@media (min-width: 37.5em) {
  .crec-text--heading-l {
    font-size: 2.25rem;
    line-height: 1.333;
    letter-spacing: -0.0063em;
  }
}
.crec-text--heading-m {
  color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
  font-size: 1.125rem;
  line-height: 1.444;
  font-weight: 700;
}
@media (min-width: 37.5em) {
  .crec-text--heading-m {
    font-size: 1.5rem;
    line-height: 1.45;
    letter-spacing: -0.0042em;
  }
}
.crec-text--heading-s {
  color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
}
.crec-text--heading-xs {
  color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
  font-size: 0.875rem;
  line-height: 1.571;
  font-weight: 700;
}
.crec-text--body-xl {
  color: rgb(var(--colour-text-and-icon-2, 72, 72, 72));
  font-size: 1.25rem;
  line-height: 1.6;
}
.crec-text--body-l {
  color: rgb(var(--colour-text-and-icon-2, 72, 72, 72));
  font-size: 1rem;
  line-height: 1.625;
}
.crec-text--body-m {
  color: rgb(var(--colour-text-and-icon-2, 72, 72, 72));
  font-size: 0.875rem;
  line-height: 1.571;
}
.crec-text--body-s {
  color: rgb(var(--colour-text-and-icon-2, 72, 72, 72));
  font-size: 0.75rem;
  line-height: 1.5;
}

.crec-form-field {
  display: block;
  margin-bottom: 1.25rem;
}
.crec-form-field__content {
  margin-top: 0.25rem;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.crec-form-field--with-character-limit .crec-form-field__content > *:not(:first-child) {
  padding-inline-start: 0.5rem;
}
.crec-form-field > .crec-checkbox,
.crec-form-field > .crec-radiobutton,
.crec-form-field fieldset {
  margin-bottom: 0.5rem;
}
.crec-form-field legend {
  color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
}

.crec-helper-text {
  display: inline-flex;
  font-size: 0.75rem;
  line-height: 1.5;
  color: rgb(var(--colour-text-and-icon-3, 118, 118, 118));
}
.crec-helper-text__icon {
  height: 1.125rem;
  width: 1.125rem;
  margin-inline-end: 0.25rem;
  vertical-align: bottom;
  flex: 0 0 auto;
}
.crec-helper-text--character-count {
  font-variant-numeric: tabular-nums;
}
.crec-helper-text--error {
  color: rgb(var(--colour-semantic-negative, 224, 7, 81));
}
.crec-helper-text--success {
  color: rgb(var(--colour-semantic-positive, 10, 138, 0));
}
.crec-helper-text--warning {
  color: rgb(var(--colour-semantic-caution-text, 202, 80, 8));
}
.crec-helper-text--text-only {
  margin-inline-start: 0;
}
.crec-helper-text--text-only .crec-helper-text__icon {
  display: none;
}

.crec-label-wrapper > label {
  font-size: 0.875rem;
  line-height: 1.571;
}
.crec-label-wrapper--text-input > label {
  display: block;
  margin: 0 0 0.125rem 0;
}
.crec-label-wrapper .crec-required {
  color: rgb(var(--colour-semantic-negative, 224, 7, 81));
}
.crec-label-wrapper > label em {
  margin: 0;
  color: rgb(var(--colour-text-and-icon-4, 146, 146, 146));
  font-weight: 400;
  font-style: normal;
}

.crec-validation-border {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  border: 1px solid rgb(var(--colour-interactive-subtle-border-default, 146, 146, 146));
  pointer-events: none;
  transition: box-shadow 100ms cubic-bezier(0.4, 0, 0.4, 1), border 100ms cubic-bezier(0.4, 0, 0.4, 1);
  border-radius: 4px;
  box-sizing: border-box;
}
.crec-validation-border--warning {
  border-color: rgb(var(--colour-semantic-caution, 242, 106, 47));
}
.crec-validation-border--error {
  border-color: rgb(var(--colour-semantic-negative, 224, 7, 81));
}
.crec-validation-border--success {
  border-color: rgb(var(--colour-semantic-positive, 10, 138, 0));
}
.crec-validation-border--disabled {
  border-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204));
  box-shadow: none;
}
.crec-validation-border--read-only {
  border-color: transparent;
}

@media (forced-colors: active) {
  .crec-validation-border {
    border-color: GrayText;
  }
}
.crec-input-field__wrapper {
  box-sizing: border-box;
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  background: rgb(var(--colour-neutral-1, 255, 255, 255));
  border-radius: 4px;
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.crec-input-field__wrapper > * {
  padding-inline-start: 0.125rem;
  padding-inline-end: 0.125rem;
}
.crec-input-field__prefix-label, .crec-input-field__suffix-label {
  z-index: 100;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: rgb(var(--colour-text-and-icon-3, 118, 118, 118));
  opacity: 0;
  visibility: hidden;
  flex-shrink: 0;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.4, 1), visibility 100ms cubic-bezier(0.4, 0, 0.4, 1);
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  margin: -1px;
  white-space: nowrap;
  font-size: 1rem;
  line-height: 1.5;
}
.crec-input-field__prefix-label {
  order: 2;
}
.crec-input-field__suffix-label {
  text-align: right;
  order: 4;
}
.crec-input-field input {
  flex-grow: 1;
  border: 0;
  background: none;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  height: 3rem;
  overflow: hidden;
  order: 3;
  outline: none;
  border-radius: 4px;
  color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
}
.crec-input-field input::-ms-clear {
  display: none;
}
.crec-input-field input:-webkit-autofill {
  font-size: 1rem;
  line-height: 1.5;
  font-family: inherit;
  -webkit-text-fill-color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
  -webkit-box-shadow: 0 0 0 3rem rgb(var(--colour-neutral-1, 255, 255, 255)) inset;
}
.crec-input-field input:focus ~ .crec-validation-border {
  border: 2px solid rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163));
}
.crec-input-field input:focus ~ .crec-validation-border--read-only {
  border: 2px solid rgb(var(--colour-interactive-subtle-border-default, 146, 146, 146));
}
.crec-input-field input:focus ~ .crec-validation-border--success {
  border: 2px solid rgb(var(--colour-semantic-positive, 10, 138, 0));
}
.crec-input-field input:focus ~ .crec-validation-border--warning {
  border: 2px solid rgb(var(--colour-semantic-caution, 242, 106, 47));
}
.crec-input-field input:focus ~ .crec-validation-border--error {
  border: 2px solid rgb(var(--colour-semantic-negative, 224, 7, 81));
}
.crec-input-field input[type=hidden] ~ .crec-validation-border,
.crec-input-field input[type=hidden] ~ .crec-input-field__leading-icon,
.crec-input-field input[type=hidden] ~ .crec-input-field__trailing-icon {
  display: none;
}
.crec-input-field input[type=password]::-ms-reveal {
  display: none;
}
.crec-input-field input[type=date] {
  color: transparent;
}
.crec-input-field input[type=date]:focus {
  color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
}
.crec-input-field input[type=date]:disabled {
  color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204));
}
.crec-input-field input[type=date]::-webkit-inner-spin-button, .crec-input-field input[type=date]::-webkit-calendar-picker-indicator, .crec-input-field input[type=date]::-webkit-clear-button {
  display: none;
  -webkit-appearance: none;
}
.crec-input-field--labelled input[type=date] {
  color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
}
.crec-input-field input:focus ~ .crec-input-field__prefix-label,
.crec-input-field input:focus ~ .crec-input-field__suffix-label, .crec-input-field--labelled .crec-input-field__prefix-label, .crec-input-field--labelled .crec-input-field__suffix-label {
  opacity: 1;
  transition-delay: 33ms;
  visibility: visible;
  position: static;
  clip: none;
  width: auto;
  height: auto;
}
.crec-input-field .crec-btn {
  color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
}
.crec-input-field .crec-btn:disabled {
  pointer-events: none;
  color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204));
}
.crec-input-field .crec-btn:disabled .crec-btn__inner {
  border: 0;
  background: none;
}
.crec-input-field__leading-icon {
  flex-shrink: 0;
  order: 1;
}
.crec-input-field__trailing-icon {
  flex-shrink: 0;
  order: 5;
}
.crec-input-field label {
  color: rgb(var(--colour-text-and-icon-2, 72, 72, 72));
}
.crec-input-field--disabled label,
.crec-input-field--disabled input,
.crec-input-field--disabled .crec-svg-icon,
.crec-input-field--disabled .crec-input-field__suffix-label,
.crec-input-field--disabled .crec-input-field__prefix-label {
  color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204));
}
.crec-input-field--disabled input:-webkit-autofill {
  -webkit-text-fill-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204));
}
.crec-input-field--read-only .crec-input-field__wrapper {
  background-color: rgb(var(--colour-neutral-2, 245, 245, 245));
}

[dir=rtl] .crec-input-field input[type=tel] {
  direction: ltr;
  text-align: right;
}

@media (forced-colors: active) {
  .crec-input-field--disabled label,
  .crec-input-field--disabled input,
  .crec-input-field--disabled .crec-svg-icon,
  .crec-input-field--disabled .crec-input-field__suffix-label,
  .crec-input-field--disabled .crec-input-field__prefix-label,
  .crec-input-field--read-only label,
  .crec-input-field--read-only input,
  .crec-input-field--read-only .crec-svg-icon,
  .crec-input-field--read-only .crec-input-field__suffix-label,
  .crec-input-field--read-only .crec-input-field__prefix-label {
    color: GrayText;
  }
}
.crec-validation-border {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  border: 1px solid rgb(var(--colour-interactive-subtle-border-default, 146, 146, 146));
  pointer-events: none;
  transition: box-shadow 100ms cubic-bezier(0.4, 0, 0.4, 1), border 100ms cubic-bezier(0.4, 0, 0.4, 1);
  border-radius: 4px;
  box-sizing: border-box;
}
.crec-validation-border--warning {
  border-color: rgb(var(--colour-semantic-caution, 242, 106, 47));
}
.crec-validation-border--error {
  border-color: rgb(var(--colour-semantic-negative, 224, 7, 81));
}
.crec-validation-border--success {
  border-color: rgb(var(--colour-semantic-positive, 10, 138, 0));
}
.crec-validation-border--disabled {
  border-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204));
  box-shadow: none;
}
.crec-validation-border--read-only {
  border-color: transparent;
}

@media (forced-colors: active) {
  .crec-validation-border {
    border-color: GrayText;
  }
}
.crec-select {
  font-size: 1rem;
  line-height: 1.625;
}
.crec-select__wrapper {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
}
.crec-select select {
  width: 100%;
  min-height: 3rem;
  border: 0;
  background: none;
  padding: 0.75rem;
  padding-inline-end: 3rem;
  padding-inline-start: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  overflow: hidden;
  background: rgb(var(--colour-neutral-1, 255, 255, 255));
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  order: 2;
  color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
  border-radius: 4px;
  white-space: normal;
}
.crec-select select:disabled, .crec-select select:disabled ~ label, .crec-select select:disabled ~ .crec-svg-icon {
  color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204));
}
.crec-select select:focus ~ .crec-validation-border {
  border: 2px solid rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163));
}
.crec-select label,
.crec-select optgroup {
  color: rgb(var(--colour-text-and-icon-2, 72, 72, 72));
}
.crec-select select::-ms-expand {
  display: none;
}
.crec-select__chevron-down {
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
}
[dir=rtl] .crec-select__chevron-down {
  left: 0.5rem;
  right: auto;
}
.crec-select__chevron-down {
  position: absolute;
  bottom: 0.25rem;
}
.crec-select label,
.crec-select .crec-svg-icon {
  pointer-events: none;
}
.crec-select__icon {
  flex-shrink: 0;
  order: 1;
}
.crec-select--hint select {
  color: rgb(var(--colour-text-and-icon-3, 118, 118, 118));
}
.crec-select--leading-icon select {
  padding-inline-start: 2.25rem;
}
.crec-select--leading-icon .crec-select__icon {
  margin-inline-start: 0.5rem;
  position: absolute;
}
.crec-select--disabled label {
  color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204));
}

@media (forced-colors: active) {
  .crec-select--disabled label {
    color: GrayText;
  }
}
.crec-expander {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.crec-expander__btn {
  align-self: flex-start;
  position: relative;
  display: inline;
  margin: 0;
  border: 0;
  background: none;
  padding: 0;
  font-size: 0.875rem;
  line-height: 1.571;
  text-decoration: underline;
  color: rgb(var(--colour-text-and-icon-2, 72, 72, 72));
}
.crec-expander__btn--generic {
  text-decoration: none;
}
.crec-expander__btn:hover {
  color: rgb(var(--colour-text-and-icon-1, 17, 17, 17));
}
.crec-expander__content {
  position: relative;
  overflow: hidden;
}
.crec-expander__content + .crec-btn {
  align-self: center;
}

.crec-expander__btn:focus.focus-visible {
  box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));
  outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));
  outline-offset: 4px;
  transition: outline 200ms ease-out, box-shadow 200ms ease-out;
}

.crec-expander__content:focus.focus-visible {
  box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255)));
  outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17)));
  outline-offset: 4px;
  transition: outline 200ms ease-out, box-shadow 200ms ease-out;
}

.crec-sheets .crec-modal-header__title-wrapper {
  margin-left: 0 !important;
}

.crec-theatre {
  max-width: max(1200px, 110vh);
  left: 50% !important;
  transform: translateX(-50%);
}

.crec-theatre__content-wrapper {
  overflow-y: hidden !important;
}

.crec-carousel__content--snap-slide {
  scroll-snap-type: x mandatory;
}

.crec-hacks .pip-product-compact {
  display: grid;
  grid-template-columns: max-content auto;
  width: 100%;
  max-width: unset;
  grid-gap: calc(1.2rem + 1vw);
  grid-gap: 1.25rem;
  padding: 1.875rem 0;
  border-bottom: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223));
}
.crec-hacks .pip-product-compact > a {
  width: calc(5rem + 2vw);
  align-self: center;
}
.crec-hacks .pip-product-compact .pip-product-compact__bottom-wrapper {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: calc(1.2rem + 1vw);
  min-height: 7.8rem;
}
.crec-hacks .pip-product-compact .pip-product-compact__bottom-wrapper .pip-product-compact__wrapper-link .pip-compact-price-package .pip-compact-price-package__ratings-wrapper {
  display: none;
}
.crec-hacks .pip-product-compact .pip-product-compact__bottom-wrapper .pip-product-compact__buttons-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.crec-hacks .pip-product-compact .pip-product-compact__bottom-wrapper .pip-product-compact__buttons-container .pip-product-compact__add-to-list-button {
  border: 1px solid #111111;
}
.crec-hacks .pip-product-compact .pip-compact-price-package__variations-disclaimer,
.crec-hacks .pip-product-compact .pip-temp-compact-price-package__variations-disclaimer,
.crec-hacks .pip-product-compact .pip-compact-price-package__previous-price-wrapper,
.crec-hacks .pip-product-compact .pip-temp-compact-price-package__previous-price-wrapper,
.crec-hacks .pip-product-compact .pip-compact-price-package__while-supply-last-text-date-range,
.crec-hacks .pip-product-compact .pip-temp-compact-price-package__while-supply-last-text-date-range,
.crec-hacks .pip-product-compact .pip-compact-price-package__product-highlights,
.crec-hacks .pip-product-compact .pip-temp-compact-price-package__product-highlights,
.crec-hacks .pip-product-compact .pip-energy-product-fiche,
.crec-hacks .pip-product-compact .pip-temp-energy-product-fiche,
.crec-hacks .pip-product-compact .pip-energy-symbol__compact,
.crec-hacks .pip-product-compact .pip-temp-energy-symbol__compact,
.crec-hacks .pip-product-compact .pip-compact-price-package__last-chance,
.crec-hacks .pip-product-compact .pip-temp-compact-price-package__last-chance,
.crec-hacks .pip-product-compact .pip-compact-price-package__valid-date,
.crec-hacks .pip-product-compact .pip-temp-compact-price-package__valid-date,
.crec-hacks .pip-product-compact .pip-energy-information-sheet {
  display: none;
}

.crec-fragment[data-error] {
  display: none;
}
.CompactFragments-module_buttonWrapper__UMdM3 {
  text-align: center;
}
.InstagramImage-module_wrapper__uIP56 {
  position: relative;
}
.Carousel-module_item__O-I7c {
  width: 65vw;
}
@media (min-width: 37.5em) {
  .Carousel-module_item__O-I7c {
    width: 325px;
  }
}
@media (min-width: 56.25em) {
  .Carousel-module_item__O-I7c {
    width: 375px;
  }
}

.Carousel-module_item__O-I7c.Carousel-module_slideShow__2mIlR {
  scroll-snap-align: start;
  scroll-snap-stop: always;
}
.Teaser-module_subtitle__m-L3h {
  padding-top: 0.5rem;
}
.ModalHeader-module_modalHeader__hCd9h {
  font-size: 1.25rem !important;
  text-align: left;
  margin-left: 1rem;
}
@media (min-width: 37.5em) {
  .ModalHeader-module_modalHeader__hCd9h {
    margin-left: 0;
  }
}
.InstagramHandle-module_instagramHandle__YTQUG {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  position: absolute;
}
@media (min-width: 37.5em) {
  .InstagramHandle-module_instagramHandle__YTQUG {
    display: none;
  }
}

.InstagramHandle-module_instagramHandleIcon__gISyL {
  width: 1rem;
}
.ModalBody-module_bodyTheatre__MgLUw {
  display: flex;
  gap: 2.5rem;
  margin-left: 2rem;
  padding-top: 0;
  height: 100%;
}

.ModalBody-module_bodyTheatre__MgLUw > * {
  width: 50%;
}

.ModalBody-module_rightColumnTheatre__Xc2TL {
  overflow: auto;
  max-height: 80vh;
}

.ModalBody-module_bodySheets__0Mi-a {
  padding-top: 0;
}
.InstagramPill-module_pillWrapper__IQIEH {
  position: absolute;
  pointer-events: none;
  top: 1rem;
  left: 1rem;
}

.InstagramPill-module_pillWrapper__IQIEH .InstagramPill-module_pill__lPfp7 {
  justify-content: start;
  padding-inline: 1.25rem !important;
  padding-block: 0.5rem !important;
  width: 2rem;
  min-height: 0;
  overflow: hidden;
  opacity: 70%;
  transition: width 300ms ease-in-out;
}

.InstagramPill-module_pill__lPfp7 svg {
  margin-left: -0.75rem;
}

.InstagramPill-module_pill__lPfp7.InstagramPill-module_expanded__mpf8T {
  width: 100%;
}
.productCountPill-module_pillWrapper__eN3S6 {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  pointer-events: none;
}

.productCountPill-module_pill__0o9ld svg {
  margin-inline-end: 0rem !important;
}

.productCountPill-module_pill__0o9ld {
  justify-content: start;
  padding-inline: 0.5rem !important;
  padding-block: 0.5rem !important;
  min-height: 1.5rem;
  height: auto;
  font-size: 1rem;
  gap: 0.25rem;
  color: rgb(var(--colour-neutral-7, 17, 17, 17));
  background: rgb(var(--colour-neutral-2, 245, 245, 245));
  border: 1px solid rgb(var(--colour-neutral-2, 245, 245, 245));
  opacity: 70%;
}

[dir=rtl] .productCountPill-module_pillWrapper__eN3S6 {
  left: auto;
  right: 1rem !important;
}
.SkeletonCarousel-module_skeleton__9L1fc {
  aspect-ratio: 3/4;
}
.ShoppableImage-module_wrapper__dyk15 {
  position: relative;
  aspect-ratio: 3/4;
}

.ShoppableImage-module_image__gQJ-l.ShoppableImage-module_clickable__ZxP8I {
  cursor: pointer;
}

.ShoppableImage-module_skeleton__i2gXM {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.Image-module_wrapper__ChrZM {
  position: relative;
  aspect-ratio: 3/4;
}

.Image-module_image__DEaky {
  width: 100% !important;
  object-fit: cover;
  aspect-ratio: 3/4;
}

.Image-module_image__DEaky.Image-module_clickable__jy0ir {
  cursor: pointer;
}

.Image-module_skeleton__Z7eFU {
  position: absolute;
  inset: 0;
  z-index: -1;
}