@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 { fill: currentcolor; display: inline-block; height: 1.5rem; transition-duration: 0.25s; transition-property: transform, fill; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); vertical-align: middle; width: 1.5rem; }

@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: 1.5s linear 0s infinite normal none running crec-icon-rotate; }

.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: 0px 1rem; }

[class*="crec-btn--icon"] .crec-btn__inner .crec-btn__label { clip: rect(1px, 1px, 1px, 1px); height: 1px; margin: -1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }

[class*="crec-btn--icon"].crec-btn--small .crec-btn__inner { padding: 0px 0.5rem; }

[class*="crec-btn--icon"].crec-btn--xsmall .crec-btn__inner { min-height: 2rem; padding: 0px 0.25rem; }

[class*="crec-btn--icon"].crec-btn--xsmall .crec-btn__inner::after { inset: -0.375rem; content: ""; position: absolute; }

.crec-btn { --background: tokens.$colour-interactive-primary-bg-default; --background-hover: rgb(var(--colour-interactive-primary-bg-hover,51,51,51)); --background-press: rgb(var(--colour-interactive-primary-bg-pressed,0,0,0)); --foreground: rgb(var(--colour-text-and-icon-5,255,255,255)); --disabled-foreground: rgb(var(--colour-interactive-disabled-2,146,146,146)); --disabled-background: rgb(var(--colour-interactive-disabled-1,204,204,204)); background: none; border: 0px; border-radius: 64px; color: var(--foreground); cursor: pointer; display: inline-flex; font-size: 0.875rem; font-weight: 700; line-height: 1.42857; outline: 0px; padding: 0px; position: relative; text-align: center; text-decoration: none; vertical-align: top; }

.crec-btn .crec-btn__inner { background: var(--background); box-shadow: var(--box-shadow); }

.crec-btn:hover .crec-btn__inner { background: var(--background-hover); box-shadow: var(--box-shadow-hover); }

.crec-btn:active .crec-btn__inner { background: var(--background-press); box-shadow: var(--box-shadow-press); }

.crec-btn:active, .crec-btn:focus, .crec-btn:hover { color: var(--foreground); text-decoration: none; }

.crec-btn .crec-svg-icon { flex-shrink: 0; }

.crec-btn:disabled { cursor: default; }

.crec-btn:disabled .crec-btn__inner { background-color: var(--disabled-background); box-shadow: none; color: var(--disabled-foreground); }

.crec-btn__inner { align-items: center; border-radius: 64px; box-sizing: border-box; display: inline-flex; justify-content: center; min-height: 3.5rem; padding: 0px 2rem; transition-duration: 0.25s; transition-property: opacity, transform; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); width: 100%; }

.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 { border-color: graytext; color: graytext; }
}

.crec-btn--icon-primary, .crec-btn--primary { --background: rgb(var(--colour-interactive-primary-bg-default,17,17,17)); --background-hover: rgb(var(--colour-interactive-primary-bg-hover,51,51,51)); --background-press: rgb(var(--colour-interactive-primary-bg-pressed,0,0,0)); }

.crec-btn--emphasised, .crec-btn--icon-emphasised { --background: rgb(var(--colour-interactive-emphasised-bg-default,0,88,163)); --background-hover: rgb(var(--colour-interactive-emphasised-bg-hover,0,79,147)); --background-press: rgb(var(--colour-interactive-emphasised-bg-hover,0,79,147)); }

.crec-btn--icon-secondary, .crec-btn--secondary { --background: none; --background-hover: none; --box-shadow: inset 0 0 0 1px rgb(var(--colour-neutral-7,17,17,17)); --box-shadow-hover: inset 0 0 0 2px rgb(var(--colour-neutral-7,17,17,17)); --box-shadow-press: inset 0 0 0 2px rgb(var(--colour-neutral-7,17,17,17)); --background-press: rgba(var(--colour-interactive-secondary-bg-pressed,204,204,204),0.5); }

.crec-btn--emphasised-inverse, .crec-btn--icon-emphasised-inverse, .crec-btn--icon-primary-inverse, .crec-btn--primary-inverse { --background: rgb(var(--colour-interactive-subtle-bg-default,255,255,255)); --background-hover: rgb(var(--colour-interactive-subtle-bg-hover,245,245,245)); --background-press: rgb(var(--colour-interactive-subtle-bg-pressed,223,223,223)); }

.crec-btn--icon-secondary-inverse, .crec-btn--secondary-inverse { --background: transparent; --background-hover: transparent; --background-press: rgba(var(--colour-neutral-1,255,255,255),0.1); --box-shadow: inset 0 0 0 1px rgb(var(--colour-neutral-1,255,255,255)); --box-shadow-hover: inset 0 0 0 2px rgb(var(--colour-neutral-1,255,255,255)); --box-shadow-press: inset 0 0 0 2px rgb(var(--colour-neutral-1,255,255,255)); }

.crec-btn--icon-tertiary-inverse, .crec-btn--tertiary-inverse { --background: transparent; --background-hover: rgba(var(--colour-neutral-1,255,255,255),0.15); --background-press: rgba(var(--colour-neutral-1,255,255,255),0.3); --disabled-background: transparent; --disabled-foreground: rgba(var(--colour-interactive-disabled-1,204,204,204),.15); }

.crec-btn--danger { --background: rgb(var(--colour-interactive-destructive-bg-default,224,7,81)); --background-hover: rgb(var(--colour-interactive-destructive-bg-hover,204,0,61)); --background-press: rgb(var(--colour-interactive-destructive-bg-pressed,184,0,41)); }

.crec-btn--icon-tertiary, .crec-btn--tertiary { --background: transparent; --background-hover: rgb(var(--colour-interactive-secondary-bg-hover,223,223,223)); --background-press: rgb(var(--colour-interactive-secondary-bg-pressed,204,204,204)); --disabled-background: transparent; --disabled-foreground: rgb(var(--colour-interactive-disabled-1,204,204,204)); }

.crec-btn--icon-image-overlay, .crec-btn--image-overlay { --background: rgba(var(--colour-static-black,17,17,17),0.75); --background-hover: rgba(var(--colour-static-black,17,17,17),0.85); --background-press: rgba(var(--colour-static-black,17,17,17),0.95); }

.crec-btn.crec-btn--static-colour.crec-btn--icon-primary, .crec-btn.crec-btn--static-colour.crec-btn--primary { --background: rgb(var(--colour-interactive-static-primary-bg-default,17,17,17)); --background-hover: rgb(var(--colour-interactive-static-primary-bg-hover,51,51,51)); --background-press: rgb(var(--colour-interactive-static-primary-bg-pressed,0,0,0)); --foreground: rgb(var(--colour-static-white,255,255,255)); --disabled-foreground: rgba(var(--colour-static-black,17,17,17),.15); --disabled-background: rgba(var(--colour-static-black,17,17,17),.15); }

.crec-btn.crec-btn--static-colour.crec-btn--icon-secondary, .crec-btn.crec-btn--static-colour.crec-btn--secondary { --background: transparent; --background-hover: transparent; --background-press: rgba(var(--colour-interactive-static-secondary-bg-pressed,204,204,204),0.5); --box-shadow: inset 0 0 0 1px rgb(var(--colour-static-black,17,17,17)); --box-shadow-hover: inset 0 0 0 2px rgb(var(--colour-static-black,17,17,17)); --box-shadow-press: inset 0 0 0 2px rgb(var(--colour-static-black,17,17,17)); --foreground: rgb(var(--colour-static-black,17,17,17)); --disabled-foreground: rgba(var(--colour-static-black,17,17,17),.15); --disabled-background: rgba(var(--colour-static-black,17,17,17),.15); }

.crec-btn.crec-btn--static-colour.crec-btn--icon-tertiary, .crec-btn.crec-btn--static-colour.crec-btn--tertiary { --background: transparent; --background-hover: rgb(var(--colour-interactive-static-secondary-bg-hover,223,223,223)); --background-press: rgb(var(--colour-interactive-static-secondary-bg-pressed,204,204,204)); --foreground: rgb(var(--colour-static-black,17,17,17)); --disabled-foreground: rgba(var(--colour-static-black,17,17,17),.15); --disabled-background: transparent; }

.crec-btn.crec-btn--static-colour.crec-btn--icon-secondary-inverse, .crec-btn.crec-btn--static-colour.crec-btn--secondary-inverse { --background: transparent; --background-hover: transparent; --background-press: rgba(var(--colour-static-white,255,255,255),0.1); --box-shadow: inset 0 0 0 1px rgb(var(--colour-static-white,255,255,255)); --box-shadow-hover: inset 0 0 0 2px rgb(var(--colour-static-white,255,255,255)); --box-shadow-press: inset 0 0 0 2px rgb(var(--colour-static-white,255,255,255)); --foreground: rgb(var(--colour-static-white,255,255,255)); --disabled-foreground: rgba(var(--colour-static-white,255,255,255),.15); --disabled-background: rgba(var(--colour-static-white,255,255,255),.15); }

.crec-btn.crec-btn--static-colour.crec-btn--emphasised-inverse, .crec-btn.crec-btn--static-colour.crec-btn--icon-emphasised-inverse, .crec-btn.crec-btn--static-colour.crec-btn--icon-primary-inverse, .crec-btn.crec-btn--static-colour.crec-btn--primary-inverse { --background: rgb(var(--colour-static-white,255,255,255)); --background-hover: rgb(var(--colour-static-light-grey,245,245,245)); --background-press: rgb(var(--colour-static-grey,223,223,223)); --foreground: rgb(var(--colour-static-black,17,17,17)); --disabled-foreground: rgba(var(--colour-static-white,255,255,255),.15); --disabled-background: rgba(var(--colour-static-white,255,255,255),.15); }

.crec-btn.crec-btn--static-colour.crec-btn--icon-tertiary-inverse, .crec-btn.crec-btn--static-colour.crec-btn--tertiary-inverse { --background: transparent; --background-hover: rgba(var(--colour-static-white,255,255,255),0.15); --background-press: rgba(var(--colour-static-white,255,255,255),0.3); --foreground: rgb(var(--colour-static-white,255,255,255)); --disabled-foreground: rgba(var(--colour-static-white,255,255,255),.15); }

.crec-btn--emphasised-inverse, .crec-btn--icon-emphasised-inverse, .crec-btn--icon-primary-inverse, .crec-btn--icon-secondary, .crec-btn--icon-tertiary, .crec-btn--primary-inverse, .crec-btn--secondary, .crec-btn--tertiary { --foreground: rgb(var(--colour-text-and-icon-1,17,17,17)); }

.crec-btn--icon-primary, .crec-btn--icon-secondary-inverse, .crec-btn--icon-tertiary-inverse, .crec-btn--primary, .crec-btn--secondary-inverse, .crec-btn--tertiary-inverse { --foreground: rgb(var(--colour-text-and-icon-5,255,255,255)); }

.crec-btn--danger, .crec-btn--emphasised, .crec-btn--icon-emphasised, .crec-btn--icon-image-overlay, .crec-btn--image-overlay { --foreground: rgb(var(--colour-static-white,255,255,255)); }

.crec-btn .crec-btn__loader { animation: 0.7s ease 0s infinite normal none running crec-btn-loader; border: 0.25rem solid; border-radius: 64px; display: inline-block; height: 0px; left: 50%; opacity: 0; overflow: hidden; position: absolute; text-indent: -9999px; top: 50%; transform: translate(-50%, -160%); transition-duration: 0.25s; transition-property: opacity, transform; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); visibility: hidden; width: 0px; }

@keyframes crec-btn-loader { 
  0%, 100% { animation-timing-function: ease-in; transform: translate(-50%, -160%); }
  40% { animation-timing-function: cubic-bezier(0, 0, 0, 1); transform: translate(-50%, 20%); }
}

.crec-btn--loading { pointer-events: none; }

.crec-btn--loading .crec-btn__loader { opacity: 1; visibility: visible; }

.crec-btn--loading .crec-btn__label, .crec-btn--loading .crec-svg-icon { opacity: 0; transform: translateY(50%); visibility: hidden; }

.crec-btn--xsmall { font-size: 0.75rem; line-height: 1.33333; }

.crec-btn--xsmall .crec-btn__inner { min-height: 2rem; padding: 0px 1rem; }

.crec-btn--xsmall .crec-btn__inner::after { inset: -0.375rem; content: ""; position: absolute; }

.crec-btn--xsmall.crec-leading-icon .crec-btn__inner { padding-inline-start: 0.75rem; }

.crec-btn--xsmall.crec-trailing-icon .crec-btn__inner { padding-inline-end: 0.75rem; }

.crec-btn--xsmall.crec-leading-icon .crec-svg-icon { margin-inline-end: 0.25rem; }

.crec-btn--xsmall.crec-trailing-icon .crec-svg-icon { margin-inline-start: 0.25rem; }

.crec-btn--small { font-size: 0.75rem; line-height: 1.33333; }

.crec-btn--small .crec-btn__inner { min-height: 2.5rem; padding: 0px 1.5rem; }

.crec-btn--small .crec-btn__inner::after { inset: -0.125rem; content: ""; position: absolute; }

.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-btn__inner, .crec-btn--expanding.crec-leading-icon .crec-btn__inner, .crec-btn--expanding.crec-trailing-icon .crec-btn__inner { padding: 0px 1rem; transition-property: opacity, transform, padding; }

.crec-btn--expanding.crec-btn--small .crec-btn__inner { padding: 0px 0.5rem; }

.crec-btn--expanding.crec-btn--xsmall .crec-btn__icon { margin: 0px; }

.crec-btn--expanding.crec-btn--xsmall .crec-btn__inner { min-height: 2rem; padding: 0px 0.25rem; }

.crec-btn--expanding.crec-btn--xsmall .crec-btn__inner::after { inset: -0.375rem; content: ""; position: absolute; }

.crec-btn--expanding .crec-btn__icon { margin: 0px; transition: margin-inline-end 0.25s ease-in-out; }

.crec-btn--expanding .crec-btn__inner .crec-btn__label { clip: auto; height: auto; margin: 0px; max-width: 0px; overflow: hidden; position: static; transform-origin: left center; transition: max-width 0.25s ease-in-out; white-space: nowrap; width: auto; }

.crec-btn--expanding:focus-visible .crec-btn__inner .crec-btn__label, .crec-btn--expanding:hover .crec-btn__inner .crec-btn__label { max-width: 12.5rem; }

.crec-btn--expanding:focus-visible.crec-leading-icon .crec-btn__inner, .crec-btn--expanding:hover.crec-leading-icon .crec-btn__inner { padding-inline: 1.5rem 2rem; }

.crec-btn--expanding:focus-visible.crec-trailing-icon .crec-btn__inner, .crec-btn--expanding:hover.crec-trailing-icon .crec-btn__inner { flex-direction: row-reverse; padding-inline: 2rem 1.5rem; }

.crec-btn--expanding:focus-visible.crec-leading-icon .crec-btn__icon, .crec-btn--expanding:hover.crec-leading-icon .crec-btn__icon { margin-inline-end: 0.5rem; }

.crec-btn--expanding:focus-visible.crec-trailing-icon .crec-btn__icon, .crec-btn--expanding:hover.crec-trailing-icon .crec-btn__icon { margin-inline-start: 0.5rem; }

.crec-btn--expanding:focus-visible.crec-leading-icon.crec-btn--small .crec-btn__inner, .crec-btn--expanding:hover.crec-leading-icon.crec-btn--small .crec-btn__inner { padding-inline: 1rem 1.5rem; }

.crec-btn--expanding:focus-visible.crec-trailing-icon.crec-btn--small .crec-btn__inner, .crec-btn--expanding:hover.crec-trailing-icon.crec-btn--small .crec-btn__inner { padding-inline: 1.5rem 1rem; }

.crec-btn--expanding:focus-visible.crec-leading-icon.crec-btn--xsmall .crec-btn__inner, .crec-btn--expanding:hover.crec-leading-icon.crec-btn--xsmall .crec-btn__inner { padding-inline: 0.75rem 1rem; }

.crec-btn--expanding:focus-visible.crec-trailing-icon.crec-btn--xsmall .crec-btn__inner, .crec-btn--expanding:hover.crec-trailing-icon.crec-btn--xsmall .crec-btn__inner { padding-inline: 1rem 0.75rem; }

.crec-btn--expanding:focus-visible.crec-leading-icon.crec-btn--xsmall .crec-btn__icon, .crec-btn--expanding:hover.crec-leading-icon.crec-btn--xsmall .crec-btn__icon { margin-inline-end: 0.25rem; }

.crec-btn--expanding:focus-visible.crec-trailing-icon.crec-btn--xsmall .crec-btn__icon, .crec-btn--expanding:hover.crec-trailing-icon.crec-btn--xsmall .crec-btn__icon { margin-inline-start: 0.25rem; }

@media (hover: none) {
  .crec-btn--expanding.crec-leading-icon:hover .crec-btn__inner, .crec-btn--expanding.crec-trailing-icon:hover .crec-btn__inner { padding: 0px 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: 0px; }
  .crec-btn--expanding.crec-leading-icon:hover .crec-btn__icon, .crec-btn--expanding.crec-trailing-icon:hover .crec-btn__icon { margin: 0px; }
  .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: 0px 0.5rem; }
  .crec-btn--expanding.crec-leading-icon.crec-btn--xsmall:hover .crec-btn__inner, .crec-btn--expanding.crec-trailing-icon.crec-btn--xsmall:hover .crec-btn__inner { padding: 0px 0.25rem; }
  .crec-btn--expanding.crec-leading-icon.crec-btn--xsmall:hover .crec-btn__icon, .crec-btn--expanding.crec-trailing-icon.crec-btn--xsmall:hover .crec-btn__icon { margin: 0px; }
  .crec-btn--expanding.crec-btn--touch-device-expanded .crec-btn__inner .crec-btn__label, .crec-btn--expanding.crec-btn--touch-device-expanded:hover:not(:disabled) .crec-btn__inner .crec-btn__label { max-width: 12.5rem; }
  .crec-btn--expanding.crec-btn--touch-device-expanded.crec-leading-icon .crec-btn__inner, .crec-btn--expanding.crec-btn--touch-device-expanded:hover:not(:disabled).crec-leading-icon .crec-btn__inner { padding-inline: 1.5rem 2rem; }
  .crec-btn--expanding.crec-btn--touch-device-expanded.crec-trailing-icon .crec-btn__inner, .crec-btn--expanding.crec-btn--touch-device-expanded:hover:not(:disabled).crec-trailing-icon .crec-btn__inner { flex-direction: row-reverse; padding-inline: 2rem 1.5rem; }
  .crec-btn--expanding.crec-btn--touch-device-expanded.crec-leading-icon .crec-btn__icon, .crec-btn--expanding.crec-btn--touch-device-expanded:hover:not(:disabled).crec-leading-icon .crec-btn__icon { margin-inline-end: 0.5rem; }
  .crec-btn--expanding.crec-btn--touch-device-expanded.crec-trailing-icon .crec-btn__icon, .crec-btn--expanding.crec-btn--touch-device-expanded:hover:not(:disabled).crec-trailing-icon .crec-btn__icon { margin-inline-start: 0.5rem; }
  .crec-btn--expanding.crec-btn--touch-device-expanded.crec-leading-icon.crec-btn--small .crec-btn__inner, .crec-btn--expanding.crec-btn--touch-device-expanded:hover:not(:disabled).crec-leading-icon.crec-btn--small .crec-btn__inner { padding-inline: 1rem 1.5rem; }
  .crec-btn--expanding.crec-btn--touch-device-expanded.crec-trailing-icon.crec-btn--small .crec-btn__inner, .crec-btn--expanding.crec-btn--touch-device-expanded:hover:not(:disabled).crec-trailing-icon.crec-btn--small .crec-btn__inner { padding-inline: 1.5rem 1rem; }
  .crec-btn--expanding.crec-btn--touch-device-expanded.crec-leading-icon.crec-btn--xsmall .crec-btn__inner, .crec-btn--expanding.crec-btn--touch-device-expanded:hover:not(:disabled).crec-leading-icon.crec-btn--xsmall .crec-btn__inner { padding-inline: 0.75rem 1rem; }
  .crec-btn--expanding.crec-btn--touch-device-expanded.crec-trailing-icon.crec-btn--xsmall .crec-btn__inner, .crec-btn--expanding.crec-btn--touch-device-expanded:hover:not(:disabled).crec-trailing-icon.crec-btn--xsmall .crec-btn__inner { padding-inline: 1rem 0.75rem; }
  .crec-btn--expanding.crec-btn--touch-device-expanded.crec-leading-icon.crec-btn--xsmall .crec-btn__icon, .crec-btn--expanding.crec-btn--touch-device-expanded.crec-trailing-icon.crec-btn--xsmall .crec-btn__icon, .crec-btn--expanding.crec-btn--touch-device-expanded:hover:not(:disabled).crec-leading-icon.crec-btn--xsmall .crec-btn__icon, .crec-btn--expanding.crec-btn--touch-device-expanded:hover:not(:disabled).crec-trailing-icon.crec-btn--xsmall .crec-btn__icon { margin: 0px; }
}

.crec-btn--expanding.crec-btn--loading.crec-leading-icon .crec-btn__inner, .crec-btn--expanding.crec-btn--loading.crec-trailing-icon .crec-btn__inner, .crec-btn--expanding:disabled.crec-leading-icon .crec-btn__inner, .crec-btn--expanding:disabled.crec-trailing-icon .crec-btn__inner, .crec-btn--expanding:focus-visible.crec-btn--loading.crec-leading-icon .crec-btn__inner, .crec-btn--expanding:focus-visible.crec-btn--loading.crec-trailing-icon .crec-btn__inner { padding: 0px 1rem; }

.crec-btn--expanding.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:disabled.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:focus-visible.crec-btn--loading.crec-leading-icon .crec-btn__inner .crec-btn__label, .crec-btn--expanding:focus-visible.crec-btn--loading.crec-trailing-icon .crec-btn__inner .crec-btn__label { max-width: 0px; }

.crec-btn--expanding.crec-btn--loading.crec-leading-icon .crec-btn__icon, .crec-btn--expanding.crec-btn--loading.crec-trailing-icon .crec-btn__icon, .crec-btn--expanding:disabled.crec-leading-icon .crec-btn__icon, .crec-btn--expanding:disabled.crec-trailing-icon .crec-btn__icon, .crec-btn--expanding:focus-visible.crec-btn--loading.crec-leading-icon .crec-btn__icon, .crec-btn--expanding:focus-visible.crec-btn--loading.crec-trailing-icon .crec-btn__icon { margin: 0px; }

.crec-btn--expanding.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:disabled.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:focus-visible.crec-btn--loading.crec-leading-icon.crec-btn--small .crec-btn__inner, .crec-btn--expanding:focus-visible.crec-btn--loading.crec-trailing-icon.crec-btn--small .crec-btn__inner { padding: 0px 0.5rem; }

.crec-btn--expanding.crec-btn--loading.crec-leading-icon.crec-btn--xsmall .crec-btn__inner, .crec-btn--expanding.crec-btn--loading.crec-trailing-icon.crec-btn--xsmall .crec-btn__inner, .crec-btn--expanding:disabled.crec-leading-icon.crec-btn--xsmall .crec-btn__inner, .crec-btn--expanding:disabled.crec-trailing-icon.crec-btn--xsmall .crec-btn__inner, .crec-btn--expanding:focus-visible.crec-btn--loading.crec-leading-icon.crec-btn--xsmall .crec-btn__inner, .crec-btn--expanding:focus-visible.crec-btn--loading.crec-trailing-icon.crec-btn--xsmall .crec-btn__inner { padding: 0px 0.25rem; }

.crec-btn--expanding.crec-btn--loading.crec-leading-icon.crec-btn--xsmall .crec-btn__icon, .crec-btn--expanding.crec-btn--loading.crec-trailing-icon.crec-btn--xsmall .crec-btn__icon, .crec-btn--expanding:disabled.crec-leading-icon.crec-btn--xsmall .crec-btn__icon, .crec-btn--expanding:disabled.crec-trailing-icon.crec-btn--xsmall .crec-btn__icon, .crec-btn--expanding:focus-visible.crec-btn--loading.crec-leading-icon.crec-btn--xsmall .crec-btn__icon, .crec-btn--expanding:focus-visible.crec-btn--loading.crec-trailing-icon.crec-btn--xsmall .crec-btn__icon { margin: 0px; }

.crec-btn--fluid, .crec-btn--fluid .crec-btn__inner { width: 100%; }

.crec-btn--plain .crec-btn__inner::after, .crec-btn--plain.crec-btn--small .crec-btn__inner::after { inset: -0.25rem; content: ""; position: absolute; }

.crec-btn--plain { --background: transparent; --background-hover: transparent; --background-press: transparent; --foreground: rgb(var(--colour-text-and-icon-1,17,17,17)); }

.crec-btn--plain .crec-btn__inner, .crec-btn--plain.crec-btn--small .crec-btn__inner, .crec-btn--plain.crec-leading-icon .crec-btn__inner, .crec-btn--plain.crec-trailing-icon .crec-btn__inner { padding: 0px; }

.crec-btn .crec-svg-icon, .crec-btn__label { transition-duration: 0.2s; transition-property: opacity, margin-right, margin-left, transform; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); }

.crec-carousel { position: relative; }

.crec-carousel__skip-button { clip: rect(1px, 1px, 1px, 1px); height: 1px; margin: -1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }

.crec-carousel__skip-button:active, .crec-carousel__skip-button:focus, .crec-carousel__skip-button:focus-visible { clip: auto; background: rgb(var(--colour-static-light-grey,245,245,245)); border-radius: 64px; color: rgb(var(--colour-static-black,17,17,17)); font-weight: 700; height: auto; left: 1.5rem; overflow: visible; padding: 1rem 2rem; top: 1.5rem; white-space: normal; width: auto; z-index: 1; }

.crec-carousel__wrapper { position: relative; }

.crec-carousel__content { overflow: scroll hidden; overscroll-behavior-inline: contain; padding-bottom: 0.5rem; padding-top: 0.5rem; position: relative; }

.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-inline: -0.625rem; }

.crec-carousel .crec-btn.crec-carousel__button { position: absolute; }

.crec-carousel__button { cursor: pointer; left: -1rem; opacity: 0; top: 50%; transform: translateY(-50%); transition: opacity 0.2s, visibility 0.2s; visibility: hidden; z-index: 1; }

.crec-carousel:hover .crec-carousel__button { display: block; opacity: 1; transition: opacity 0.2s, visibility 0.2s; visibility: visible; }

.crec-carousel:hover .crec-carousel__button--hidden { display: none; opacity: 0; transition: opacity 0.2s, visibility 0.2s; visibility: hidden; }

.crec-carousel__button--right { left: auto; right: -1rem; }

.crec-carousel-slide { box-sizing: border-box; flex-shrink: 0; margin-inline: 0.625rem; max-width: 100%; position: relative; }

.crec-carousel__scroll-indicator { display: none; }

.crec-carousel__slide-show .crec-carousel__body--slide-show { align-items: center; margin-inline: 0px; }

.crec-carousel__slide-show .crec-carousel__button { display: none; left: 2rem; }

.crec-carousel__slide-show .crec-carousel__button--right { left: auto; right: 2rem; }

.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 { display: block; margin-inline: 0px; position: relative; scroll-snap-align: start; scroll-snap-stop: always; text-align: center; width: 100%; }

.crec-carousel__slide-show .crec-carousel-slide .crec-video-player { display: flex; justify-content: center; }

.crec-carousel__slide-show .crec-carousel-slide > :first-child { display: inline-block; max-height: 75vh; max-width: 100%; }

.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 { display: none; opacity: 0; visibility: hidden; }
}

@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 { padding-inline-start: 0px; top: 0px; }
  .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-inline: 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 { 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 { left: -1.25rem; right: auto; }

[dir="rtl"] .crec-carousel__slide-show .crec-carousel__button { left: auto; right: 2rem; }

[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; overscroll-behavior-inline: contain; padding: 0.5rem 0px; }

.crec-overflow-carousel__content > * { flex-shrink: 0; }

.crec-overflow-carousel .crec-btn.crec-overflow-carousel__button { position: absolute; }

.crec-overflow-carousel__button { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 16px; cursor: pointer; left: 0.75rem; top: 50%; transform: translateY(-50%); z-index: 1; }

.crec-overflow-carousel__button--hidden { display: none; opacity: 0; visibility: hidden; }

.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 { display: block; height: 4px; width: 4px; }

.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; height: 1px; left: 0px; overflow: hidden; position: absolute; top: 0px; width: 1px; }

.crec-overflow-carousel__browser-item { height: 1px; width: 2px; }

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

[dir="rtl"] .crec-overflow-carousel__button--right { left: 0.75rem; right: auto; }

.crec-scroll-indicator { align-items: center; background: transparent; border: 0px; box-sizing: border-box; cursor: pointer; display: flex; height: 1.875rem; outline: none; padding: 0px; position: relative; width: 100%; }

.crec-scroll-indicator--dragging .crec-scroll-indicator__bar, .crec-scroll-indicator--dragging .crec-scroll-indicator__bar-wrapper, .crec-scroll-indicator:hover .crec-scroll-indicator__bar, .crec-scroll-indicator:hover .crec-scroll-indicator__bar-wrapper { 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__bar-wrapper { background: rgb(var(--colour-neutral-3,223,223,223)); border-radius: 4px; display: block; height: 0.125rem; scrollbar-width: none; transform: translateX(0px); width: 100%; }

.crec-scroll-indicator__bar-wrapper::-webkit-scrollbar { display: none; }

.crec-scroll-indicator__bar { background: rgb(var(--colour-neutral-7,17,17,17)); border-radius: 4px; bottom: 0px; cursor: grab; display: block; height: 0.125rem; position: absolute; top: 0px; transform-origin: 0px 0px; width: 100%; will-change: transform; }

.crec-scroll-indicator__bar::after { inset: -0.625rem 0px; content: " "; display: block; position: absolute; }

.crec-scroll-indicator__bar-dragging { cursor: grabbing; }

.crec-btn:focus-visible, .crec-tabs__panel: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 0.2s ease-out, box-shadow 0.2s ease-out; }

.crec-btn[class*="inverse"]: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 0.2s ease-out, box-shadow 0.2s ease-out; }

.crec-btn[class*="image-overlay"]: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 0.2s ease-out, box-shadow 0.2s ease-out; }

.crec-aspect-ratio-box { box-sizing: border-box; display: block; height: auto; padding-bottom: 75%; position: relative; width: 100%; }

.crec-aspect-ratio-box[class*="--4-3"], .crec-aspect-ratio-box[class*="--standard"] { padding-bottom: 75%; }

.crec-aspect-ratio-box[class*="--1-1"], .crec-aspect-ratio-box[class*="--square"] { padding-bottom: 100%; }

.crec-aspect-ratio-box[class*="--16-9"], .crec-aspect-ratio-box[class*="--wide"] { padding-bottom: 56.25%; }

.crec-aspect-ratio-box[class*="--3-4"], .crec-aspect-ratio-box[class*="--portrait"] { padding-bottom: 133.333%; }

.crec-aspect-ratio-box[class*="--6-7"], .crec-aspect-ratio-box[class*="--semiportrait"] { padding-bottom: 116.667%; }

.crec-aspect-ratio-box[class*="--9-16"] { padding-bottom: 177.778%; }

.crec-aspect-ratio-box[class*="--4-5"] { padding-bottom: 125%; }

.crec-aspect-ratio-box .crec-image { color: transparent; height: 100%; left: 0px; object-fit: cover; padding: 0px; position: absolute; top: 0px; width: 100%; }

@media (min-width: 37.5em) {
  .crec-aspect-ratio-box[class*="to-4-3-from-md"], .crec-aspect-ratio-box[class*="to-standard-from-md"] { padding-bottom: 75%; }
  .crec-aspect-ratio-box[class*="to-1-1-from-md"], .crec-aspect-ratio-box[class*="to-square-from-md"] { padding-bottom: 100%; }
  .crec-aspect-ratio-box[class*="to-16-9-from-md"], .crec-aspect-ratio-box[class*="to-wide-from-md"] { padding-bottom: 56.25%; }
  .crec-aspect-ratio-box[class*="to-3-4-from-md"], .crec-aspect-ratio-box[class*="to-portrait-from-md"] { padding-bottom: 133.333%; }
  .crec-aspect-ratio-box[class*="to-6-7-from-md"], .crec-aspect-ratio-box[class*="to-semiportrait-from-md"] { padding-bottom: 116.667%; }
  .crec-aspect-ratio-box[class*="to-9-16-from-md"] { padding-bottom: 177.778%; }
  .crec-aspect-ratio-box[class*="to-4-5-from-md"] { padding-bottom: 125%; }
}

@media (min-width: 56.25em) {
  .crec-aspect-ratio-box[class*="to-4-3-from-lg"], .crec-aspect-ratio-box[class*="to-standard-from-lg"] { padding-bottom: 75%; }
  .crec-aspect-ratio-box[class*="to-1-1-from-lg"], .crec-aspect-ratio-box[class*="to-square-from-lg"] { padding-bottom: 100%; }
  .crec-aspect-ratio-box[class*="to-16-9-from-lg"], .crec-aspect-ratio-box[class*="to-wide-from-lg"] { padding-bottom: 56.25%; }
  .crec-aspect-ratio-box[class*="to-3-4-from-lg"], .crec-aspect-ratio-box[class*="to-portrait-from-lg"] { padding-bottom: 133.333%; }
  .crec-aspect-ratio-box[class*="to-6-7-from-lg"], .crec-aspect-ratio-box[class*="to-semiportrait-from-lg"] { padding-bottom: 116.667%; }
  .crec-aspect-ratio-box[class*="to-9-16-from-lg"] { padding-bottom: 177.778%; }
  .crec-aspect-ratio-box[class*="to-4-5-from-lg"] { padding-bottom: 125%; }
}

.crec-commercial-message { color: rgb(var(--colour-text-and-icon-5,255,255,255)); display: inline-block; font-size: 0.75rem; font-weight: 700; line-height: 1.2333; padding: 0.3333em 0.5em; }

.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 { line-height: 1.5; padding: 0px; }

.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 { color: rgb(var(--colour-text-and-icon-1,17,17,17)); font-size: 1.5rem; font-weight: 700; line-height: 1; position: relative; }

.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; 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--currency-fill-aligned .crec-price__currency { font-size: inherit; line-height: inherit; }

.crec-price--decimal-super-aligned .crec-price__decimal { top: -0.727em; }

.crec-price--large { font-size: 2.25rem; }

.crec-price--bti-price { background: rgb(var(--colour-commercial-message-bti-yellow,255,219,0)); box-shadow: .08em .08em 0 rgb(var(--colour-commercial-message-bti-red,204,0,8)); color: rgb(var(--colour-static-black,17,17,17)); display: inline-block; font-style: normal; padding: 0.2em 0.3em; }

.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__currency, .crec-price--fixed-size .crec-price__decimal, .crec-price--fixed-size .crec-price__subscript, .crec-price--large.crec-price--strikeout .crec-price__currency, .crec-price--large.crec-price--strikeout .crec-price__decimal, .crec-price--large.crec-price--strikeout .crec-price__subscript, .crec-price--regular-font-weight .crec-price__currency, .crec-price--regular-font-weight .crec-price__decimal, .crec-price--regular-font-weight .crec-price__subscript, .crec-price--strikeout .crec-price__currency, .crec-price--strikeout .crec-price__decimal, .crec-price--strikeout .crec-price__subscript { font-size: 1em; line-height: 1; top: auto; }

.crec-price--small { font-size: 1rem; }

.crec-price--small .crec-price__currency, .crec-price--small .crec-price__decimal, .crec-price--small .crec-price__subscript { font-size: 1em; line-height: 1; top: auto; }

.crec-price__sr-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; left: 0px; margin: -1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }

.crec-price--leading.crec-price--currency-thin .crec-price__currency::after, .crec-price--trailing.crec-price--currency-thin .crec-price__currency::before, [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, [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__current-price, .crec-price-module .crec-price-module__energy-class, .crec-price-module .crec-price-module__secondary-current-price { margin-bottom: 0.25rem; }

.crec-price-module__offer-message { color: rgb(var(--colour-text-and-icon-1,17,17,17)); display: flex; font-weight: 700; margin-top: 0.25rem; }

.crec-price-module__offer-message--family { color: rgb(var(--colour-commercial-message-ikea-family,0,124,193)); }

.crec-price-module__offer-message--emphasised { color: rgb(var(--colour-commercial-message-new-lower-price,204,0,8)); }

.crec-price-module__offer-message svg { flex-shrink: 0; }

.crec-price-module--bti .crec-price-module__current-price, .crec-price-module--bti .crec-price-module__energy-class, .crec-price-module--bti .crec-price-module__secondary-current-price { margin-bottom: calc(0.08em + 0.5rem); }

.crec-price-module__name { color: rgb(var(--colour-text-and-icon-1,17,17,17)); font-size: 0.875rem; font-weight: 700; line-height: 1.571; order: 2; text-transform: uppercase; }

.crec-price-module__description { display: block; font-weight: 400; order: 2; text-transform: none; }

.crec-price-module__primary-currency-price { align-items: center; display: flex; flex-wrap: wrap; line-height: 1; order: 3; }

.crec-price-module__energy-class { display: flex; line-height: 1; vertical-align: top; }

.crec-price-module__energy-class svg { display: block; }

.crec-price-module__complete-price { color: rgb(var(--colour-text-and-icon-1,17,17,17)); font-weight: 700; margin-bottom: 0.25rem; }

.crec-price-module__comparison-price { color: rgb(var(--colour-text-and-icon-1,17,17,17)); display: block; margin-bottom: 0.25rem; width: 100%; }

.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 { margin-bottom: 0.25rem; order: 1; }

.crec-price-module__small-icon { fill: rgb(var(--colour-text-and-icon-1,17,17,17)); height: 1.125rem; vertical-align: top; width: 1.125rem; }

.crec-price-module__addons { margin-top: 0.25rem; order: 4; }

.crec-price-module .crec-commercial-message, .crec-price-module__addons { font-size: 0.75rem; line-height: 1.5; }

.crec-price-module__comparison-price .crec-price { font-size: 0.75rem; }

.crec-price-module__star { height: 1.5rem; width: 1.5rem; }

.crec-price-module__star--empty { color: rgb(var(--colour-neutral-3,223,223,223)); }

.crec-price-module__chevron { align-items: center; border-left: 1px solid rgb(var(--colour-neutral-5,146,146,146)); display: flex; flex-shrink: 0; max-width: 2.0625rem; padding: 0px 0.25rem; }

.crec-price-module__comparison-price-label { color: rgb(var(--colour-text-and-icon-1,17,17,17)); display: inline-block; font-weight: 700; }

.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--medium .crec-commercial-message, .crec-price-module--medium .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--xsmall .crec-commercial-message, .crec-price-module--xsmall .crec-price-module__comparison-price-label { font-size: 0.75rem; line-height: 1.5; }

.crec-price-module--medium .crec-price-module__offer-message span, .crec-price-module--small .crec-price-module__offer-message span, .crec-price-module--xsmall .crec-price-module__offer-message span { font-size: 0.75rem; line-height: 1.5; padding-bottom: 0.1875rem; padding-top: 0.1875rem; }

.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 { height: 2.25rem; width: 4.0625rem; }

.crec-price-module--xsmall .crec-price-module__current-price, .crec-price-module--xsmall.crec-price-module--tro .crec-price-module__secondary-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 { height: 2.625rem; width: 4.75rem; }

.crec-price-module--small .crec-price-module__current-price, .crec-price-module--small.crec-price-module--tro .crec-price-module__secondary-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 { height: 3rem; width: 5.4375rem; }

.crec-price-module--medium .crec-price-module__current-price, .crec-price-module--medium.crec-price-module--tro .crec-price-module__secondary-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 { height: 4.5rem; width: 8.1875rem; }

.crec-price-module--large .crec-price-module__current-price, .crec-price-module--large.crec-price-module--tro .crec-price-module__secondary-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--large .crec-price-module__offer-message span { font-size: 0.875rem; line-height: 1.375; padding-top: 0.125rem; }

.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 { height: 6rem; width: 10.875rem; }

.crec-price-module--xlarge .crec-price-module__current-price, .crec-price-module--xlarge.crec-price-module--tro .crec-price-module__secondary-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--xlarge .crec-price-module__offer-message span { font-size: 1rem; line-height: 1.625; }

.crec-price-module--xlarge .crec-price-module__offer-message svg { margin-top: 0.0625rem; }

.crec-price-module--large .crec-price-module__current-price, .crec-price-module--large .crec-price-module__energy-class, .crec-price-module--large .crec-price-module__secondary-current-price, .crec-price-module--xlarge .crec-price-module__current-price, .crec-price-module--xlarge .crec-price-module__energy-class, .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__current-price, .crec-price-module--large.crec-price-module--bti .crec-price-module__energy-class, .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__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__secondary-current-price { margin-bottom: calc(0.08em + 0.75rem); }

.crec-price-module--large .crec-price-module__addons, .crec-price-module--large .crec-price-module__offer-message, .crec-price-module--xlarge .crec-price-module__addons, .crec-price-module--xlarge .crec-price-module__offer-message { margin-top: 0.5rem; }

.crec-price-module--large .crec-price-module__current-price, .crec-price-module--medium .crec-price-module__current-price, .crec-price-module--xlarge .crec-price-module__current-price { margin-inline-end: 0.75rem; }

.crec-price-module--list { flex-flow: wrap; justify-content: space-between; }

.crec-price-module--list .crec-price-module__name { margin-bottom: 0.25rem; }

.crec-price-module--list .crec-price-module__information { flex: 1 1 0%; margin-inline-end: 1rem; margin-bottom: 0px; padding: 0px; position: relative; }

.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__primary-currency-price, .crec-price-module--list .crec-price-module__secondary-currency-price { display: block; line-height: 1; }

.crec-price-module--list .crec-price-module__comparison-price, .crec-price-module--list .crec-price-module__current-price { margin-inline-end: 0px; }

.crec-price-module--list .crec-price-module__addons, .crec-price-module--list .crec-price-module__energy-class, .crec-price-module--list .crec-price-module__secondary-current-price { 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__comparison-price .crec-price, .crec-price-module--list.crec-price-module--xsmall .crec-price-module__current-price, .crec-price-module--list.crec-price-module--xsmall .crec-price-module__secondary-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 { height: 1.125rem; width: 2rem; }

.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__comparison-price .crec-price, .crec-price-module--list.crec-price-module--small .crec-price-module__current-price, .crec-price-module--list.crec-price-module--small .crec-price-module__secondary-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 { height: 1.375rem; width: 2.5rem; }

.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__comparison-price .crec-price, .crec-price-module--list.crec-price-module--medium .crec-price-module__current-price, .crec-price-module--list.crec-price-module--medium .crec-price-module__secondary-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 { height: 1.5rem; width: 2.6875rem; }

.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__comparison-price-label, .crec-price-module--family-romania .crec-price-module__regular-price { margin-bottom: 0.25rem; }

.crec-price-module--family-romania.crec-price-module--list .crec-price-module__information, .crec-price-module--family-romania.crec-price-module--list .crec-price-module__price { 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: 0; }

.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__offer-message svg, [dir="rtl"] .crec-price-module__star--half-filled { transform: scaleX(-1); }

.crec-image { display: block; height: auto; max-width: 100%; position: relative; }

.crec-image__icon { color: rgb(var(--colour-text-and-icon-4,146,146,146)); left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }

.crec-image--fallback { background: rgb(var(--colour-neutral-2,245,245,245)); padding-bottom: 100%; }

.crec-image--fallback img { clip: rect(1px, 1px, 1px, 1px); height: 1px; margin: -1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }

.crec-shoppable-image { position: relative; width: 100%; }

.crec-shoppable-image:hover .crec-shoppable-image__button, .crec-shoppable-image:hover .crec-shoppable-image__dot { opacity: 1; visibility: visible; }

.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 { clip: rect(1px, 1px, 1px, 1px); height: 1px; margin: -1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }

.crec-shoppable-image__image-wrapper[role="button"] { cursor: pointer; }

.crec-shoppable-image__dot { align-items: center; background-clip: padding-box; background-color: rgba(var(--colour-static-black,17,17,17),.48); border: 2px solid rgba(var(--colour-static-grey,223,223,223),.48); border-radius: 64px; box-sizing: border-box; display: flex; height: 2rem; justify-content: center; line-height: 0.5; opacity: 0; padding: 0px; position: absolute; transform: translateX(-1rem) translateY(-1rem) scale(0.999); transition: border-color 0.25s ease-in-out, opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; visibility: hidden; width: 2rem; }

@media screen and (prefers-reduced-motion: reduce) {
  .crec-shoppable-image__dot { transition: none; }
}

.crec-shoppable-image__dot::before { inset: -0.5rem; content: ""; display: block; position: absolute; }

.crec-shoppable-image__dot::after { background: rgb(var(--colour-static-white,255,255,255)); border-radius: 64px; box-shadow: 0 1px 4px rgba(var(--colour-static-black,17,17,17),.55); content: ""; display: block; height: 0.75rem; position: relative; transition: transform 0.25s ease-in-out; width: 0.75rem; }

@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),.64); }

.crec-shoppable-image__dot:focus::after { transform: scale(0.667); }

.crec-shoppable-image__dot:focus-visible { background-color: rgba(var(--colour-static-black,17,17,17),.64); border-color: rgba(var(--colour-static-grey,223,223,223),.5); }

.crec-shoppable-image__dot:active { background-color: rgba(var(--colour-static-black,17,17,17),.9); }

.crec-shoppable-image__area--active .crec-shoppable-image__dot { background-color: rgba(var(--colour-static-black,17,17,17),.75); border-color: rgba(var(--colour-static-grey,223,223,223),.75); }

.crec-shoppable-image__area--active .crec-shoppable-image__dot::after { transform: scale(0.667); }

.crec-shoppable-image__area--active .crec-shoppable-image__dot:focus-visible { background-color: rgba(var(--colour-static-black,17,17,17),.75); }

.crec-shoppable-image__area--active .crec-shoppable-image__dot:active { background-color: rgba(var(--colour-static-black,17,17,17),.9); }

.crec-shoppable-image__product-list { list-style-type: none; margin: 0px; }

.crec-shoppable-image__tag { min-width: 7.5rem; opacity: 0; position: absolute; transform: translateX(-50%) translateY(-100%) translateY(-1.5rem); transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; visibility: hidden; }

@media screen and (prefers-reduced-motion: reduce) {
  .crec-shoppable-image__tag { transition: none; }
}

.crec-shoppable-image__tag::before { inset: -0.125rem; content: ""; position: absolute; }

.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 { background-color: rgb(var(--colour-elevation-1,255,255,255)); border: 1px solid rgb(var(--colour-neutral-3,223,223,223)); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 16px; color: rgb(var(--colour-text-and-icon-1,17,17,17)); display: flex; flex-direction: column; text-align: initial; text-decoration: none; width: 100%; }

.crec-shoppable-image__tag-inner .crec-price-module { flex-grow: 1; margin: 0.75rem; }

.crec-shoppable-image__tag-inner .crec-price-module > :last-child { margin-bottom: 0px; }

.crec-shoppable-image__tag-link, .crec-shoppable-image__tag-link:hover { display: flex; font-size: 0.875rem; text-decoration: none; }

.crec-shoppable-image__tag-chevron { align-items: center; border-left: 1px solid rgb(var(--colour-neutral-3,223,223,223)); display: flex; justify-content: center; width: 2rem; }

.crec-shoppable-image__area { position: absolute; }

.crec-shoppable-image__area--hidden { display: none; }

.crec-shoppable-image__category-link { background: transparent; display: block; position: relative; }

.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 { bottom: 1rem; color: rgb(var(--colour-static-white,255,255,255)); filter: drop-shadow(1px 0 4px rgba(var(--colour-static-black,17,17,17),.55)); left: 1rem; opacity: 0; pointer-events: none; position: absolute; visibility: hidden; }

.crec-shoppable-image--hidden-dots .crec-shoppable-image__button, .crec-shoppable-image--hidden-dots .crec-shoppable-image__dot, .crec-shoppable-image--hidden-dots .crec-shoppable-image__tag, .crec-shoppable-image--hidden-dots:hover .crec-shoppable-image__area--active .crec-shoppable-image__tag, .crec-shoppable-image--hidden-dots:hover .crec-shoppable-image__button, .crec-shoppable-image--hidden-dots:hover .crec-shoppable-image__dot, .crec-shoppable-image--hidden-dots:hover .crec-shoppable-image__tag { opacity: 0; visibility: hidden; }

.crec-shoppable-image__aspect-constraint { background: none; pointer-events: none; position: absolute; top: 0px; }

.crec-shoppable-image__aspect-constraint > * { pointer-events: auto; }

.crec-shoppable-image--fluid-size > :is(div, a) { height: 100%; }

.crec-shoppable-image--fluid-size > :is(div, a) > img { height: 100%; object-fit: cover; width: 100%; }

@media (min-width: 37.5em) {
  .crec-shoppable-image__tag { min-width: 8.4375rem; }
}

@media (hover: none) {
  .crec-shoppable-image:hover .crec-shoppable-image__area--active .crec-shoppable-image__tag, .crec-shoppable-image:hover .crec-shoppable-image__dot { opacity: 0; visibility: hidden; }
  .crec-shoppable-image--visible-dots:hover .crec-shoppable-image__area--active .crec-shoppable-image__tag, .crec-shoppable-image--visible-dots:hover .crec-shoppable-image__button, .crec-shoppable-image--visible-dots:hover .crec-shoppable-image__dot { opacity: 1; visibility: visible; }
  .crec-shoppable-image.crec-shoppable-image--hidden-dots:hover .crec-shoppable-image__dot { opacity: 0; visibility: hidden; }
  .crec-shoppable-image__button { opacity: 1; visibility: visible; }
}

[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, [dir="rtl"] .crec-shoppable-image .crec-shoppable-image__tag--top { 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-visible, .crec-shoppable-image__dot: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 0.2s ease-out, box-shadow 0.2s ease-out; }

.crec-skeleton { animation: 2s ease 0s 20 normal none running crec-shine; 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),.5) 50%,rgba(var(--colour-neutral-1,255,255,255),0) 60%); background-origin: border-box; background-position: 100% 0px; background-repeat: no-repeat; background-size: 250% 100%; border: 1px solid transparent; box-sizing: border-box; cursor: progress; display: block; line-height: inherit; }

.crec-skeleton--inline-block { display: inline-block; }

.crec-skeleton::after { content: "​"; }

[dir="rtl"] .crec-skeleton { animation-direction: reverse; }

@keyframes crec-shine { 
  100% { background-position: 0px 100%; }
}

@keyframes crec-modalSlideToLeft { 
  0% { transform: translateX(100%); }
  100% { transform: translateX(0px); }
}

@keyframes crec-modalSlideToRight { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(100%); }
}

@keyframes crec-modalSlideFromLeft { 
  0% { transform: translateX(-100%); }
  100% { transform: translateX(0px); }
}

@keyframes crec-modalSlideFromRight { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-100%); }
}

@keyframes crec-modalSlideDown { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(100%); }
}

@keyframes crec-modalSlideUp { 
  0% { transform: translateY(100%); }
  100% { transform: translateY(0px); }
}

@keyframes crec-modalEnter { 
  0% { clip-path: inset(50%); }
  100% { clip-path: inset(0px); }
}

@keyframes crec-modalClose { 
  0% { clip-path: inset(0px); }
  100% { clip-path: inset(50%); }
}

@keyframes crec-modalContentEnter { 
  0% { opacity: 0; transform: scale(0.8); transform-origin: center center; }
  100% { opacity: 1; transform: scale(1); transform-origin: center center; }
}

@keyframes crec-modalContentClose { 
  0% { opacity: 1; transform: scale(1); transform-origin: center center; }
  100% { opacity: 0; transform: scale(0.8); 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 { align-items: center; inset: 0px; color: rgb(var(--colour-text-and-icon-2,72,72,72)); display: flex; justify-content: center; pointer-events: none; position: fixed; transition: visibility 0.2s linear; z-index: 400; }

.crec-modal-wrapper__backdrop { inset: 0px; opacity: 0; pointer-events: none; position: absolute; transition: opacity 0.2s linear; visibility: hidden; }

.crec-modal-wrapper__backdrop--dark { background: rgba(var(--colour-static-black,17,17,17),.4); }

.crec-modal-wrapper--open { pointer-events: all; }

.crec-modal-wrapper--open > .crec-modal-wrapper__backdrop { animation: 0.2s ease 0s 1 normal none running crec-modalBackdropEnter; opacity: 1; pointer-events: all; visibility: visible; }

.crec-modal-wrapper--close > .crec-modal-wrapper__backdrop { animation: 0.2s ease 0s 1 normal none running crec-modalBackdropClose; }

.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 0.2s ease-out, box-shadow 0.2s ease-out; }

.crec-modal-footer { border-top: 1px solid rgb(var(--colour-neutral-3,223,223,223)); display: flex; flex-grow: 1; flex-shrink: 0; padding: 1.5rem; }

.crec-modal-footer .crec-btn { flex-basis: auto; flex-grow: 1; width: 100%; }

.crec-modal-footer .crec-btn:not(:last-child) { margin-block-end: 0.75rem; margin-inline-end: 0px; }

.crec-modal-footer--dual-action { flex-direction: column; }

.crec-modal-footer--borderless { border-top: none; }

@media (min-width: 37.5em), (orientation: landscape) {
  .crec-modal-footer .crec-btn:not(:last-child) { margin-block-end: 1rem; }
  .crec-modal-footer--dual-action:not(.crec-modal-footer--stacked) { flex-direction: row; }
  .crec-modal-footer--dual-action:not(.crec-modal-footer--stacked) .crec-btn:not(:last-child) { margin-block-end: 0px; margin-inline-end: 1rem; }
}

.crec-modal-header { align-items: center; background-color: rgb(var(--colour-elevation-2,255,255,255)); box-sizing: border-box; display: flex; flex: 0 0 3.5rem; flex-direction: row-reverse; justify-content: space-between; padding: 0px 0.5rem; top: 0px; z-index: 100; }

.crec-modal-header--floating-header { background-color: transparent; position: absolute; width: 100%; }

.crec-modal-header--floating-header .crec-modal-header__back-button, .crec-modal-header--floating-header .crec-modal-header__close { margin: 1rem 0px 0px; }

.crec-modal-header__title-wrapper { margin: 1rem 0.5rem; text-align: center; width: 100%; }

.crec-modal-header__title-wrapper--padded { margin-inline-start: 3rem; }

.crec-modal-header__back-button, .crec-modal-header__close { margin-bottom: 0.5rem; margin-top: 0.5rem; }

[dir="rtl"] .crec-modal-header__back-button, [dir="rtl"] .crec-modal-header__close { transform: scaleX(-1); }

.crec-modal-header__title { color: rgb(var(--colour-text-and-icon-1,17,17,17)); font-weight: 700; }

.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-sheets--enter { animation: 0.2s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running crec-modalSlideUp; }

.crec-sheets--preserve-alignment { animation: 0.2s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running crec-modalSlideToLeft; }

.crec-sheets--preserve-alignment.crec-sheets--mirrored { animation: 0.2s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running crec-modalSlideFromLeft; }

.crec-sheets--close { animation: 0.1s cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running crec-modalSlideDown; pointer-events: none; transition: visibility 0.1s linear; visibility: hidden; }

.crec-sheets--close.crec-sheets--preserve-alignment { animation: 0.1s cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running crec-modalSlideToRight; }

.crec-sheets--close.crec-sheets--preserve-alignment.crec-sheets--mirrored { animation: 0.1s cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running crec-modalSlideFromRight; }

[dir="rtl"] .crec-sheets--preserve-alignment { animation: 0.2s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running crec-modalSlideFromLeft; }

[dir="rtl"] .crec-sheets--preserve-alignment.crec-sheets--mirrored { animation: 0.2s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running crec-modalSlideToLeft; }

[dir="rtl"] .crec-sheets--close { animation: 0.1s cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running crec-modalSlideDown; pointer-events: none; }

[dir="rtl"] .crec-sheets--close.crec-sheets--preserve-alignment { animation: 0.1s cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running crec-modalSlideFromRight; }

[dir="rtl"] .crec-sheets--close.crec-sheets--preserve-alignment.crec-sheets--mirrored { animation: 0.1s cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running crec-modalSlideToRight; }

.crec-sheets { background: rgb(var(--colour-elevation-2,255,255,255)); border-radius: 8px 8px 0px 0px; bottom: 0px; display: flex; flex-direction: column; max-height: calc(100% - 3rem); overflow: hidden; position: absolute; right: 0px; text-align: initial; top: auto; width: 100%; z-index: 100; }

.crec-sheets__content { height: 100%; }

.crec-sheets__content-wrapper { height: 100%; overflow: auto; position: relative; }

.crec-sheets__content-wrapper:focus-visible { box-shadow: inset 0 0 0 2px rgb(var(--colour-neutral-7,17,17,17)); }

.crec-sheets__video { background: rgba(var(--colour-static-black,17,17,17),.8); z-index: 100; }

.crec-sheets__video iframe { max-width: 100%; }

.crec-sheets--preserve-alignment { border-radius: 8px 0px 0px 8px; max-height: 100%; top: 0px; width: 85%; }

.crec-sheets--preserve-alignment.crec-sheets--mirrored { border-radius: 0px 8px 8px 0px; left: 0px; right: auto; }

.crec-sheets--mobile-full-size { top: 3rem; }

.crec-sheets .crec-modal-footer { padding: 1.5rem 1rem; }

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

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

@media (prefers-contrast: more) {
  .crec-sheets { border: 1px solid rgb(var(--colour-elevation-1-border,223,223,223)); border-block-end-width: 0px; }
}

.crec-theatre--enter { animation: 0.2s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running crec-modalEnter; }

.crec-theatre--enter .crec-theatre__animation-group { animation: 0.2s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running crec-modalContentEnter; }

.crec-theatre--close { animation: 0.2s cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running crec-modalClose; pointer-events: none; transition: visibility 0.1s linear; visibility: hidden; }

.crec-theatre--close .crec-theatre__animation-group { animation: 0.2s cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running crec-modalContentClose; }

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

.crec-theatre__animation-group { display: flex; flex-direction: column; height: 100%; }

.crec-theatre__content-wrapper { overflow: auto; }

.crec-theatre__video { background: rgba(var(--colour-static-black,17,17,17),.8); z-index: 100; }

.crec-theatre__video iframe { max-width: 100%; }

@media (prefers-contrast: more) {
  .crec-theatre { border: 1px solid rgb(var(--colour-elevation-1-border,223,223,223)); border-block-end-width: 0px; }
}

.crec-prompt--enter { animation: 0.2s cubic-bezier(0.8, 0, 0, 1) 0s 1 normal none running crec-modalContentEnter; }

.crec-prompt--close { animation: 0.1s cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running crec-modalContentClose; pointer-events: none; transition: visibility 0.1s linear; visibility: hidden; }

.crec-prompt { border-radius: 8px; justify-content: center; left: auto; margin: 1.5rem; position: relative; right: auto; text-align: initial; z-index: 100; }

.crec-prompt, .crec-prompt__content-wrapper { display: flex; flex-direction: column; overflow: hidden; }

.crec-prompt__content-wrapper { background: rgb(var(--colour-elevation-2,255,255,255)); height: auto; max-height: 75vh; max-width: 31.5rem; }

.crec-prompt__heading { color: rgb(var(--colour-text-and-icon-1,17,17,17)); font-size: 1.125rem; font-weight: 700; line-height: 1.444; margin-bottom: 1rem; }

.crec-prompt__content { color: rgb(var(--colour-text-and-icon-2,72,72,72)); font-size: 0.875rem; height: 100%; line-height: 1.571; overflow: auto; padding: 0px 2rem; }

.crec-prompt__content: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 0px; }

.crec-prompt .crec-modal-header__close { margin: 0px; }

.crec-prompt .crec-prompt__content { padding-bottom: 0px; }

@media (prefers-contrast: more) {
  .crec-prompt { border: 1px solid rgb(var(--colour-elevation-1-border,223,223,223)); }
}

@media (min-width: 37.5em) {
  .crec-sheets { border-radius: 8px 0px 0px 8px; max-height: 100%; top: 0px; width: calc(100% - 3rem); }
  .crec-sheets--mirrored { border-radius: 0px 8px 8px 0px; left: 0px; right: auto; }
  .crec-sheets--mirrored .crec-modal-footer:not(.crec-modal-footer--stacked) { flex-direction: row-reverse; }
  .crec-sheets--mirrored .crec-modal-footer:not(.crec-modal-footer--stacked) .crec-btn:not(:last-child) { margin: 0px; margin-inline-start: 1rem; }
  .crec-sheets--small { max-width: 30rem; }
  .crec-sheets--small .crec-modal-body { --skapa-modal-body-padding-inline: 1.5rem; }
  .crec-sheets--medium { max-width: 45rem; }
  .crec-sheets--medium .crec-modal-footer:not(.crec-modal-footer--dual-action) .crec-btn { flex: initial; width: auto; }
  .crec-sheets--large { max-width: 67.5rem; }
  .crec-sheets--large .crec-modal-footer--dual-action .crec-btn:not(:last-child), .crec-sheets--medium .crec-modal-footer--dual-action .crec-btn:not(:last-child) { margin-inline-end: 1rem; }
  .crec-sheets--large .crec-modal-footer .crec-btn { flex: initial; width: auto; }
  .crec-sheets .crec-modal-footer { padding: 1.5rem; }
  [dir="rtl"] .crec-sheets { border-radius: 0px 8px 8px 0px; left: 0px; right: auto; }
  [dir="rtl"] .crec-sheets--mirrored { border-radius: 8px 0px 0px 8px; left: auto; right: 0px; }
}

@media (min-width: 37.5em) and (prefers-contrast: more) {
  .crec-sheets { border-block-end-width: 1px; border-inline-end-width: 0px; }
}

@media (min-width: 37.5em) {
  .crec-sheets.crec-sheets--enter { animation: 0.2s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running crec-modalSlideToLeft; }
  .crec-sheets.crec-sheets--close { animation: 0.1s cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running crec-modalSlideToRight; }
  .crec-sheets--mirrored.crec-sheets--enter { animation: 0.2s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running crec-modalSlideFromLeft; }
  .crec-sheets--mirrored.crec-sheets--close { animation: 0.1s cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running crec-modalSlideFromRight; }
  [dir="rtl"] .crec-sheets.crec-sheets--enter { animation: 0.2s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running crec-modalSlideFromLeft; }
  [dir="rtl"] .crec-sheets.crec-sheets--close { animation: 0.1s cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running crec-modalSlideFromRight; }
  [dir="rtl"] .crec-sheets--mirrored.crec-sheets--enter { animation: 0.2s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running crec-modalSlideToLeft; }
  [dir="rtl"] .crec-sheets--mirrored.crec-sheets--close { animation: 0.1s cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running crec-modalSlideToRight; }
  .crec-modal-body { --skapa-modal-body-padding-block: 2rem; --skapa-modal-body-padding-inline: 2rem; }
  .crec-modal-header { flex: 0 0 4.5rem; padding: 0px 1rem; }
  .crec-modal-header__back-button, .crec-modal-header__close { margin-bottom: 1rem; margin-top: 1rem; }
  .crec-modal-header--floating-header .crec-modal-header__back-button, .crec-modal-header--floating-header .crec-modal-header__close { margin: 1.5rem 0px 0.5rem; }
  .crec-prompt__heading { font-size: 1.5rem; letter-spacing: -0.0042em; line-height: 1.45; }
  .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; height: calc(100% - 6rem); left: 3rem; width: calc(100% - 6rem); }
}

@media (min-width: 56.25em) and (prefers-contrast: more) {
  .crec-theatre { border-block-end-width: 1px; }
}

@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: none; }
  .crec-modal-wrapper .crec-sheets.crec-sheets--close, .crec-modal-wrapper .crec-sheets.crec-sheets--enter, .crec-modal-wrapper .crec-sheets.crec-sheets--mirrored, .crec-modal-wrapper .crec-sheets.crec-sheets--preserve-alignment, .crec-modal-wrapper .crec-theatre.crec-theatre--close, .crec-modal-wrapper .crec-theatre.crec-theatre--close .crec-theatre__animation-group, .crec-modal-wrapper .crec-theatre.crec-theatre--enter, .crec-modal-wrapper .crec-theatre.crec-theatre--enter .crec-theatre__animation-group { animation-duration: 0s; transition-duration: 0s; }
  .crec-modal-wrapper .crec-prompt--close { transition: none; }
  .crec-modal-wrapper .crec-prompt, .crec-modal-wrapper .crec-prompt .crec-prompt__content-wrapper, .crec-modal-wrapper .crec-prompt--close, .crec-modal-wrapper .crec-prompt--close .crec-prompt__content-wrapper, .crec-modal-wrapper .crec-prompt--enter, .crec-modal-wrapper .crec-prompt--enter .crec-prompt__content-wrapper { animation-duration: 0s; transition-duration: 0s; }
}

.crec-loading { align-items: center; display: flex; flex-direction: column; justify-content: center; position: relative; }

.crec-loading--label-leading { align-items: flex-start; text-align: inherit; }

.crec-loading__text, .crec-loading__text--fade-out { opacity: 0; }

.crec-loading__text { font-size: 1rem; line-height: 1.625; margin-top: 2.5rem; max-width: 100%; text-align: center; transform: translateY(1.5rem); }

.crec-loading__text--fade-out { transform: translateY(-1.5rem); }

.crec-loading__text--fade-in, .crec-loading__text--fade-out { transition: transform 0.1s cubic-bezier(0.4, 0, 0.4, 1), opacity 0.1s cubic-bezier(0.4, 0, 0.4, 1); }

.crec-loading__text--fade-in { opacity: 1; transform: translateY(0px); }

.crec-loading__ball { animation: 0.7s ease 0s infinite normal none running crec-loading-bounce; border: .5rem solid rgb(var(--colour-semantic-informative,0,88,163)); border-radius: 64px; display: block; height: 0px; transform-origin: center bottom; transition: opacity 0.2s cubic-bezier(0.4, 0, 0.4, 1); width: 0px; }

.crec-loading__ball--small { border-width: 0.125rem; }

.crec-loading__ball--medium { border-width: 0.25rem; }

.crec-loading__ball--medium, .crec-loading__ball--small { animation: 0.7s ease 0s infinite normal none running crec-loading-bounce-small; transform: translateY(-160%); }

.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 { display: flex; height: 0.3125rem; position: relative; width: 100%; }

.crec-loading__linear-wrapper + .crec-loading__text { margin-top: 1rem; }

.crec-loading__linear-label, .crec-loading__sr-only-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; margin: -1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }

.crec-loading__linear-progress { appearance: none; background: rgb(var(--colour-neutral-2,245,245,245)); border: 0px; border-radius: 0.375rem; height: 100%; width: 100%; }

.crec-loading__linear-progress::-webkit-progress-bar { background: rgb(var(--colour-neutral-2,245,245,245)); border-radius: 0.375rem; }

.crec-loading__linear-progress::-webkit-progress-value { background: rgb(var(--colour-semantic-informative,0,88,163)); border-radius: 0.375rem; }

@media (forced-colors: active) {
  .crec-loading__linear-progress { appearance: revert; background: revert; border: revert; border-radius: revert; height: revert; }
}

@media (prefers-reduced-motion: reduce) {
  .crec-loading .crec-loading__ball, .crec-loading .crec-loading__text { transition: none; }
}

@keyframes crec-loading-bounce-small { 
  0%, 100% { animation-timing-function: ease-in; transform: translateY(-160%); }
  40% { animation-timing-function: cubic-bezier(0, 0, 0, 1); transform: translateY(20%); }
}

@keyframes crec-loading-bounce { 
  0% { animation-timing-function: ease-in; transform: translateY(0px); }
  40% { animation-timing-function: ease-in; transform: translateY(2rem) scaleY(1); }
  50% { animation-timing-function: ease-out; transform: translateY(2rem) scaleY(0.75); }
  60% { animation-timing-function: cubic-bezier(0, 0, 0, 1); transform: translateY(2rem) scaleY(1); }
  100% { transform: translateY(0px); }
}

.icon-pill { --background: rgb(var(--colour-interactive-secondary-bg-default,245,245,245)); --background-hover: rgb(var(--colour-interactive-secondary-bg-hover,223,223,223)); --background-press: rgb(var(--colour-interactive-secondary-bg-pressed,204,204,204)); --foreground: rgb(var(--colour-text-and-icon-1,17,17,17)); --disabled-foreground: rgb(var(--colour-interactive-disabled-2,146,146,146)); --disabled-background: rgb(var(--colour-interactive-disabled-1,204,204,204)); align-items: center; background: var(--background); border: 0px; border-radius: 64px; color: var(--foreground); cursor: pointer; display: inline-flex; font-size: 0.875rem; font-weight: 700; justify-content: center; line-height: 1.42857; min-height: 3.5rem; outline: 0px; padding: 0px 2rem; position: relative; text-align: center; text-decoration: none; transition-duration: 0.25s; transition-property: opacity, transform; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); vertical-align: top; }

.icon-pill:hover { background: var(--background-hover); }

.icon-pill:active { background: var(--background-press); }

.icon-pill:disabled { background: var(--disabled-background); color: var(--disabled-foreground); cursor: default; }

.icon-pill:active, .icon-pill:focus, .icon-pill:hover { text-decoration: none; }

.icon-pill .svg-icon { flex-shrink: 0; }

.icon-pill.leading-icon { padding-inline-start: 1.5rem; }

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

.icon-pill--small { font-size: 0.75rem; line-height: 1.33333; min-height: 2.5rem; padding: 0px 1.5rem; }

.icon-pill--small::after { inset: -0.1875rem; content: ""; position: absolute; }

.icon-pill--small.leading-icon { padding-inline-start: 1rem; }

.icon-pill--small.trailing-icon { padding-inline-end: 1rem; }

.icon-pill--xsmall { font-size: 0.75rem; line-height: 1.33333; min-height: 2rem; min-width: 2rem; padding: 0px 0.75rem; }

.icon-pill--xsmall::after { inset: -0.4375rem; content: ""; position: absolute; }

.icon-pill--xsmall.leading-icon { padding-inline-start: 0.25rem; }

.icon-pill--xsmall.trailing-icon { padding-inline-end: 0.25rem; }

.icon-pill { border: 2px solid transparent; padding: 0px 0.875rem; }

.icon-pill:disabled { border-color: rgb(var(--colour-interactive-disabled-1,204,204,204)); }

.icon-pill--active { border-color: rgb(var(--colour-interactive-subtle-border-selected,17,17,17)); }

.icon-pill--xsmall { padding: 0px 0.0625rem; }

.icon-pill--small { padding: 0px 0.375rem; }

.crec-pill { --background: rgb(var(--colour-interactive-secondary-bg-default,245,245,245)); --background-hover: rgb(var(--colour-interactive-secondary-bg-hover,223,223,223)); --background-press: rgb(var(--colour-interactive-secondary-bg-pressed,204,204,204)); --foreground: rgb(var(--colour-text-and-icon-1,17,17,17)); --disabled-foreground: rgb(var(--colour-interactive-disabled-2,146,146,146)); --disabled-background: rgb(var(--colour-interactive-disabled-1,204,204,204)); align-items: center; background: var(--background); border: 0px; border-radius: 64px; color: var(--foreground); cursor: pointer; display: inline-flex; font-size: 0.875rem; font-weight: 700; justify-content: center; line-height: 1.42857; min-height: 3.5rem; outline: 0px; padding: 0px 2rem; position: relative; text-align: center; text-decoration: none; transition-duration: 0.25s; transition-property: opacity, transform; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); vertical-align: top; }

.crec-pill:hover { background: var(--background-hover); }

.crec-pill:active { background: var(--background-press); }

.crec-pill:disabled { background: var(--disabled-background); color: var(--disabled-foreground); cursor: default; }

.crec-pill:active, .crec-pill:focus, .crec-pill:hover { text-decoration: none; }

.crec-pill .crec-pill--svg-icon { flex-shrink: 0; }

.crec-pill.crec-pill--leading-icon { padding-inline-start: 1.5rem; }

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

.crec-pill--small { font-size: 0.75rem; line-height: 1.33333; min-height: 2.5rem; padding: 0px 1.5rem; }

.crec-pill--small::after { inset: -0.1875rem; content: ""; position: absolute; }

.crec-pill--small.crec-pill--leading-icon { padding-inline-start: 1rem; }

.crec-pill--small.crec-pill--trailing-icon { padding-inline-end: 1rem; }

.crec-pill--xsmall { font-size: 0.75rem; line-height: 1.33333; min-height: 2rem; min-width: 2rem; padding: 0px 0.75rem; }

.crec-pill--xsmall::after { inset: -0.4375rem; content: ""; position: absolute; }

.crec-pill--xsmall.crec-pill--leading-icon { padding-inline-start: 0.25rem; }

.crec-pill--xsmall.crec-pill--trailing-icon { padding-inline-end: 0.25rem; }

.crec-pill__trailing-icon { margin-inline-start: 0.5rem; }

.crec-pill__leading-icon { margin-inline-end: 0.5rem; }

.crec-pill.crec-pill--trailing-icon { flex-direction: row; }

.crec-pill { border: 2px solid transparent; }

.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 { height: 1.5rem; width: 1.5rem; }

.crec-pill--thumbnail.crec-pill--xsmall { --thumbnail-padding: 0.25rem; }

.crec-pill__thumbnail { border-radius: 64px; height: 2rem; margin-inline-end: 0.5rem; width: 2rem; }

.crec-pill: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 0.2s ease-out, box-shadow 0.2s ease-out; }

.crec-text { color: rgb(var(--colour-text-and-icon-1,17,17,17)); }

.crec-typography, .crec-typography *, [class*="crec-typography-"] { --skapa-letter-spacing-multiplier-for-font-weight: calc(var(--skapa-font-weight, 400)/800 - 0.125); letter-spacing: calc(var(--skapa-characterset-multiplier, 1)*var(--skapa-letter-spacing-multiplier-for-font-weight, .375)*(var(--skapa-base-multiplier, 1)*0.875rem - 1em)/(0.875*var(--skapa-rem, 16))); }

[class*="crec-typography-"] { font-size: calc(1rem*var(--skapa-base-multiplier, 1)*var(--skapa-font-size, 14)/16); font-weight: clamp(400,var(--skapa-font-weight,400),700); line-height: var(--skapa-typography-line-height,1.5); }

.crec-typography-margin-compensation [class*="crec-typography-"] { margin-inline: calc(-0.095em + 1.33px); }

.crec-typography-paragraph-spacing [class*="crec-typography-"] { margin-bottom: calc(1em*(var(--skapa-typography-line-height, 1.5) - 1)); }

.crec-typography-base-14 { --skapa-base-multiplier: 1; }

.crec-typography-base-16 { --skapa-base-multiplier: 1.14286; }

.crec-typography-base-20 { --skapa-base-multiplier: 1.42857; }

.crec-typography-base-28 { --skapa-base-multiplier: 2; }

.crec-typography-base-56 { --skapa-base-multiplier: 4; }

.crec-typography-body-s { --skapa-font-weight: 400; --skapa-font-size: var(--skapa-body-s,12); --skapa-typography-line-height: 1.8; }

.crec-typography-body-m { --skapa-font-weight: 400; --skapa-typography-line-height: 1.5; --skapa-font-size: var(--skapa-body-m,14); }

.crec-typography-body-l { --skapa-font-weight: 400; --skapa-typography-line-height: 1.5; --skapa-font-size: var(--skapa-body-l,16); }

.crec-typography-display-m { --skapa-font-weight: 700; --skapa-typography-line-height: 1.2; --skapa-font-size: var(--skapa-display-m,40); }

.crec-typography-display-xl { --skapa-font-weight: 700; --skapa-typography-line-height: 1.2; --skapa-font-size: var(--skapa-display-xl,72); }

.crec-typography-display-l { --skapa-font-weight: 700; --skapa-typography-line-height: 1.2; --skapa-font-size: var(--skapa-display-l,56); }

.crec-typography-heading-m { --skapa-font-weight: 700; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-heading-m,18); }

.crec-typography-heading-xl { --skapa-font-weight: 700; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-heading-xl,32); }

.crec-typography-heading-l { --skapa-font-weight: 700; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-heading-l,24); }

.crec-typography-heading-s { --skapa-font-weight: 700; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-heading-s,16); }

.crec-typography-heading-xs { --skapa-font-weight: 700; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-heading-xs,14); }

.crec-typography-label-s { --skapa-font-weight: 700; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-label-s,12); }

.crec-typography-label-xs { --skapa-font-weight: 700; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-label-xs,10); text-transform: uppercase; }

.crec-typography-label-m { --skapa-font-weight: 700; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-label-m,14); }

.crec-typography-label-l { --skapa-font-weight: 700; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-label-l,16); }

.crec-typography-caption-m { --skapa-font-weight: 400; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-caption-m,14); }

.crec-typography-caption-l { --skapa-font-weight: 400; --skapa-typography-line-height: 1.25; --skapa-font-size: var(--skapa-caption-l,16); }

.crec-typography-caption-s { --skapa-font-weight: 400; --skapa-font-size: var(--skapa-caption-s,12); --skapa-typography-line-height: 1.5; }

.crec-typography-statement-m { --skapa-font-weight: 400; --skapa-typography-line-height: 1.5; --skapa-font-size: var(--skapa-statement-m,20); }

.crec-typography-statement-l { --skapa-font-weight: 400; --skapa-typography-line-height: 1.5; --skapa-font-size: var(--skapa-statement-l,28); }

.crec-typography-regular { --skapa-font-weight: 400; }

.crec-typography-typescale-desktop { --skapa-display-xl: 72; --skapa-display-l: 56; --skapa-display-m: 40; --skapa-heading-xl: 32; --skapa-heading-l: 24; --skapa-heading-m: 18; --skapa-heading-s: 16; --skapa-heading-xs: 14; --skapa-statement-l: 28; --skapa-statement-m: 20; --skapa-caption-l: 16; --skapa-caption-m: 14; --skapa-caption-s: 12; --skapa-label-l: 16; --skapa-label-m: 14; --skapa-label-s: 12; --skapa-label-xs: 10; --skapa-body-l: 16; --skapa-body-m: 14; --skapa-body-s: 12; }

.crec-typography-typescale-small-screen { --skapa-display-xl: 48; --skapa-display-l: 36; --skapa-display-m: 28; --skapa-heading-xl: 24; --skapa-heading-l: 20; --skapa-heading-m: 18; --skapa-heading-s: 16; --skapa-heading-xs: 14; --skapa-statement-l: 20; --skapa-statement-m: 18; --skapa-caption-l: 16; --skapa-caption-m: 14; --skapa-caption-s: 12; --skapa-label-l: 16; --skapa-label-m: 14; --skapa-label-s: 12; --skapa-label-xs: 10; --skapa-body-l: 16; --skapa-body-m: 14; --skapa-body-s: 12; }

.crec-typography-typescale-large-screen { --skapa-display-xl: 144; --skapa-display-l: 96; --skapa-display-m: 64; --skapa-heading-xl: 40; --skapa-heading-l: 28; --skapa-heading-m: 18; --skapa-heading-s: 16; --skapa-heading-xs: 14; --skapa-statement-l: 40; --skapa-statement-m: 28; --skapa-caption-l: 16; --skapa-caption-m: 14; --skapa-caption-s: 12; --skapa-label-l: 16; --skapa-label-m: 14; --skapa-label-s: 12; --skapa-label-xs: 10; --skapa-body-l: 16; --skapa-body-m: 14; --skapa-body-s: 12; }

.crec-typography-typescale-auto { --skapa-display-xl: 48; --skapa-display-l: 36; --skapa-display-m: 28; --skapa-heading-xl: 24; --skapa-heading-l: 20; --skapa-heading-m: 18; --skapa-heading-s: 16; --skapa-heading-xs: 14; --skapa-statement-l: 20; --skapa-statement-m: 18; --skapa-caption-l: 16; --skapa-caption-m: 14; --skapa-caption-s: 12; --skapa-label-l: 16; --skapa-label-m: 14; --skapa-label-s: 12; --skapa-label-xs: 10; --skapa-body-l: 16; --skapa-body-m: 14; --skapa-body-s: 12; }

@media (min-width: 37.5em) {
  .crec-typography-typescale-auto { --skapa-display-xl: 72; --skapa-display-l: 56; --skapa-display-m: 40; --skapa-heading-xl: 32; --skapa-heading-l: 24; --skapa-heading-m: 18; --skapa-heading-s: 16; --skapa-heading-xs: 14; --skapa-statement-l: 28; --skapa-statement-m: 20; --skapa-caption-l: 16; --skapa-caption-m: 14; --skapa-caption-s: 12; --skapa-label-l: 16; --skapa-label-m: 14; --skapa-label-s: 12; --skapa-label-xs: 10; --skapa-body-l: 16; --skapa-body-m: 14; --skapa-body-s: 12; }
}

@media (min-width: 75em) {
  .crec-typography-typescale-auto { --skapa-display-xl: 144; --skapa-display-l: 96; --skapa-display-m: 64; --skapa-heading-xl: 40; --skapa-heading-l: 28; --skapa-heading-m: 18; --skapa-heading-s: 16; --skapa-heading-xs: 14; --skapa-statement-l: 40; --skapa-statement-m: 28; --skapa-caption-l: 16; --skapa-caption-m: 14; --skapa-caption-s: 12; --skapa-label-l: 16; --skapa-label-m: 14; --skapa-label-s: 12; --skapa-label-xs: 10; --skapa-body-l: 16; --skapa-body-m: 14; --skapa-body-s: 12; }
}

:is(.crec-typography-character-set-arabic, .crec-typography-character-set-chinese_simplified, .crec-typography-character-set-chinese_traditional, .crec-typography-character-set-hebrew, .crec-typography-character-set-japanese, .crec-typography-character-set-korean) { --skapa-characterset-multiplier: 0; }

.crec-text--lighter { color: rgb(var(--colour-text-and-icon-2,72,72,72)); }

.crec-form-field { display: block; margin-bottom: 1.25rem; }

.crec-form-field__content { display: flex; flex-wrap: nowrap; justify-content: space-between; margin-top: 0.25rem; }

.crec-form-field--with-character-limit .crec-form-field__content > :not(:first-child) { padding-inline-start: 0.5rem; }

.crec-form-field fieldset, .crec-form-field > .crec-checkbox, .crec-form-field > .crec-radiobutton { margin-bottom: 0.5rem; }

.crec-form-field legend { color: rgb(var(--colour-text-and-icon-1,17,17,17)); }

.crec-helper-text { color: rgb(var(--colour-text-and-icon-3,118,118,118)); display: inline-flex; font-size: 0.75rem; line-height: 1.5; }

.crec-helper-text .crec-helper-text__icon.crec-svg-icon { flex: 0 0 auto; height: 1.125rem; margin-inline-end: 0.25rem; vertical-align: bottom; width: 1.125rem; }

.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: 0px; }

.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: 0px 0px 0.125rem; }

.crec-label-wrapper .crec-required { color: rgb(var(--colour-semantic-negative,224,7,81)); }

.crec-label-wrapper > label em { color: rgb(var(--colour-text-and-icon-4,146,146,146)); font-style: normal; font-weight: 400; margin: 0px; }

.crec-input-field__wrapper { align-items: center; background: rgb(var(--colour-neutral-1,255,255,255)); border-radius: 4px; box-sizing: border-box; display: flex; padding-left: 0.375rem; padding-right: 0.375rem; position: relative; width: 100%; }

.crec-input-field__wrapper > * { padding-inline: 0.125rem; }

.crec-input-field__prefix-label, .crec-input-field__suffix-label { clip: rect(1px, 1px, 1px, 1px); color: rgb(var(--colour-text-and-icon-3,118,118,118)); flex-shrink: 0; font-size: 1rem; height: 1px; line-height: 1.5; margin: -1px; opacity: 0; overflow: hidden; position: absolute; text-overflow: ellipsis; transition: opacity 0.1s cubic-bezier(0.4, 0, 0.4, 1), visibility 0.1s cubic-bezier(0.4, 0, 0.4, 1); visibility: hidden; white-space: nowrap; width: 1px; }

.crec-input-field__prefix-label { order: 2; }

.crec-input-field__suffix-label { order: 4; text-align: right; }

.crec-input-field__payment-logo { flex-shrink: 0; margin-inline: 0.3125rem; order: 5; }

.crec-input-field input { background: none; border: 0px; border-radius: 4px; color: rgb(var(--colour-text-and-icon-1,17,17,17)); flex-grow: 1; font-size: 1rem; height: 3rem; line-height: 1.5; min-width: 1ch; order: 3; outline: none; overflow: hidden; padding-bottom: 0px; padding-top: 0px; }

.crec-input-field input:-webkit-autofill { -webkit-text-fill-color: rgb(var(--colour-text-and-icon-1,17,17,17)); box-shadow: 0 0 0 3rem rgb(var(--colour-neutral-1,255,255,255)) inset; font-family: inherit; font-size: 1rem; line-height: 1.5; }

.crec-input-field input:focus ~ .crec-validation-border { --skapa-validation-border-default: initial; }

.crec-input-field input[type="hidden"] ~ .crec-input-field__leading-icon, .crec-input-field input[type="hidden"] ~ .crec-input-field__trailing-icon, .crec-input-field input[type="hidden"] ~ .crec-validation-border { 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-calendar-picker-indicator, .crec-input-field input[type="date"]::-webkit-clear-button, .crec-input-field input[type="date"]::-webkit-inner-spin-button { appearance: none; display: 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 { height: auto; opacity: 1; position: static; transition-delay: 33ms; visibility: visible; width: auto; }

.crec-input-field .crec-btn { color: rgb(var(--colour-text-and-icon-1,17,17,17)); }

.crec-input-field .crec-btn:disabled { color: rgb(var(--colour-interactive-disabled-1,204,204,204)); pointer-events: none; }

.crec-input-field .crec-btn:disabled .crec-btn__inner { background: none; border: 0px; }

.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 .crec-input-field__prefix-label, .crec-input-field--disabled .crec-input-field__suffix-label, .crec-input-field--disabled .crec-svg-icon, .crec-input-field--disabled input, .crec-input-field--disabled label { color: rgb(var(--colour-interactive-disabled-1,204,204,204)); }

.crec-input-field--disabled .crec-input-field__payment-logo { opacity: 0.2; }

.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 .crec-input-field__prefix-label, .crec-input-field--disabled .crec-input-field__suffix-label, .crec-input-field--disabled .crec-svg-icon, .crec-input-field--disabled input, .crec-input-field--disabled label, .crec-input-field--read-only .crec-input-field__prefix-label, .crec-input-field--read-only .crec-input-field__suffix-label, .crec-input-field--read-only .crec-svg-icon, .crec-input-field--read-only input, .crec-input-field--read-only label { color: graytext; }
}

.crec-validation-border { --skapa-validation-border-colour: rgb(var(--colour-interactive-subtle-border-default,146,146,146)); --skapa-validation-border: 1px solid var(--skapa-validation-border-colour); --skapa-validation-border-default: var(--skapa-validation-border); --skapa-validation-border-focus-border: 2px solid rgb(var(--colour-interactive-emphasised-border-selected,0,88,163)); border: var(--skapa-validation-border-default,var(--skapa-validation-border-focus-border)); border-radius: 4px; inset: 0px; box-sizing: border-box; display: block; pointer-events: none; position: absolute; transition: box-shadow 0.1s cubic-bezier(0.4, 0, 0.4, 1), border 0.1s cubic-bezier(0.4, 0, 0.4, 1); width: 100%; }

.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 { --skapa-validation-border-default: transparent; border: var(--skapa-validation-border-default,var(--skapa-validation-border-focus-border)); }

@media (forced-colors: active) {
  .crec-validation-border { border-color: graytext; }
}

.crec-select { font-size: 1rem; line-height: 1.625; }

.crec-select__wrapper { align-items: center; display: flex; position: relative; width: 100%; }

.crec-select select { appearance: none; background: rgb(var(--colour-neutral-1,255,255,255)); border: 0px; border-radius: 4px; color: rgb(var(--colour-text-and-icon-1,17,17,17)); font-size: 1rem; line-height: 1.5; min-height: 3rem; order: 2; outline: none; overflow: hidden; padding: 0.75rem; padding-inline: 0.5rem 3rem; white-space: normal; width: 100%; }

.crec-select select:disabled, .crec-select select:disabled ~ .crec-svg-icon, .crec-select select:disabled ~ label { color: rgb(var(--colour-interactive-disabled-1,204,204,204)); opacity: 1; }

.crec-select select:focus ~ .crec-validation-border { --skapa-validation-border-default: initial; }

.crec-select label, .crec-select optgroup { color: rgb(var(--colour-text-and-icon-2,72,72,72)); }

.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 { bottom: 0.25rem; position: absolute; }

.crec-select .crec-svg-icon, .crec-select label { 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 .crec-collapsible { box-sizing: border-box; display: grid; grid-template-rows: 0fr; transition: 0.2s cubic-bezier(0.4, 0, 0.4, 1); }

.crec-expander .crec-collapsible--expanded { grid-template-rows: 1fr; }

.crec-expander .crec-collapsible--closed .crec-collapsible__content { display: none; }

.crec-expander .crec-collapsible__content { overflow: hidden; }

@media (prefers-reduced-motion) {
  .crec-expander .crec-collapsible { transition-duration: 0ms; }
}

.crec-expander__btn { align-self: flex-start; background: none; border: 0px; color: rgb(var(--colour-text-and-icon-2,72,72,72)); display: inline; font-size: 0.875rem; line-height: 1.571; margin: 0px; padding: 0px; position: relative; text-decoration: underline; }

.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 { overflow: hidden; position: relative; }

.crec-expander__content + .crec-btn { align-self: center; }

.crec-expander__btn: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 0.2s ease-out, box-shadow 0.2s ease-out; }

.crec-expander__content: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 0.2s ease-out, box-shadow 0.2s ease-out; }

.crec-grid { gap: 0.75rem; display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); }

@media (min-width: 37.5em) {
  .crec-grid { gap: 1rem; grid-template-columns: repeat(6, minmax(0px, 1fr)); }
}

@media (min-width: 56.25em) {
  .crec-grid { gap: 1.25rem; grid-template-columns: repeat(6, minmax(0px, 1fr)); }
}

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

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

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

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

.crec-hacks .pip-product-compact { gap: 1.25rem; border-bottom: 1px solid rgb(var(--colour-neutral-3,223,223,223)); display: grid; grid-template-columns: max-content auto; max-width: unset; padding: 1.875rem 0px; width: 100%; }

.crec-hacks .pip-product-compact > .pip-product-compact__image-link, .crec-hacks .pip-product-compact > a { align-self: center; width: calc(5rem + 2vw); }

.crec-hacks .pip-product-compact .pip-product-compact__bottom-wrapper { gap: calc(1.2rem + 1vw); display: grid; grid-template-columns: 1fr auto; 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 { align-items: center; display: flex; justify-content: 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 rgb(17, 17, 17); }

.crec-fragment[data-error], .crec-hacks .pip-product-compact .pip-compact-price-package__last-chance, .crec-hacks .pip-product-compact .pip-compact-price-package__previous-price-wrapper, .crec-hacks .pip-product-compact .pip-compact-price-package__product-highlights, .crec-hacks .pip-product-compact .pip-compact-price-package__valid-date, .crec-hacks .pip-product-compact .pip-compact-price-package__variations-disclaimer, .crec-hacks .pip-product-compact .pip-compact-price-package__while-supply-last-text-date-range, .crec-hacks .pip-product-compact .pip-energy-information-sheet, .crec-hacks .pip-product-compact .pip-energy-product-fiche, .crec-hacks .pip-product-compact .pip-energy-symbol__compact, .crec-hacks .pip-product-compact .pip-temp-compact-price-package__last-chance, .crec-hacks .pip-product-compact .pip-temp-compact-price-package__previous-price-wrapper, .crec-hacks .pip-product-compact .pip-temp-compact-price-package__product-highlights, .crec-hacks .pip-product-compact .pip-temp-compact-price-package__valid-date, .crec-hacks .pip-product-compact .pip-temp-compact-price-package__variations-disclaimer, .crec-hacks .pip-product-compact .pip-temp-compact-price-package__while-supply-last-text-date-range, .crec-hacks .pip-product-compact .pip-temp-energy-product-fiche, .crec-hacks .pip-product-compact .pip-temp-energy-symbol__compact { display: none; }

.CompactFeedImc-module_container__n7WjY, .CompactFeedVugc-module_container__7PYAB { padding-top: 1rem; }

.LongFeedImc-module_container__X8YaZ { padding-top: 2.5rem; }

.InstagramImage-module_wrapper__uIP56 { position: relative; }

.LongFeed-module_buttonWrapper__xB5s5 { margin: 2.5rem 0px; text-align: center; }

.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; }

.CompactFragments-module_buttonWrapper__UMdM3 { text-align: center; }

.Teaser-module_subtitle__m-L3h { padding-top: 0.5rem; }

.Teaser-module_subtitleContainer__YzUFm { display: flex; justify-content: space-between; }

@media (max-width: 56.25em) {
  .Teaser-module_subtitleContainer__YzUFm { flex-direction: column; }
}

.productCountPill-module_pillWrapper__eN3S6 { bottom: 1rem; left: 1rem; pointer-events: none; position: absolute; }

.productCountPill-module_pill__0o9ld svg { flex-shrink: 0; margin-inline-end: 0px !important; }

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

[dir="rtl"] .productCountPill-module_pillWrapper__eN3S6 { left: auto; right: 1rem !important; }

.ModalHeader-module_modalHeader__hCd9h { margin-left: 1rem; text-align: left; font-size: 1.25rem !important; }

@media (min-width: 37.5em) {
  .ModalHeader-module_modalHeader__hCd9h { margin-left: 0px; }
}

.FilterBar-module_wrapper__FQxEf { background: rgb(var(--colour-neutral-1,255,255,255)); height: 5.75rem; margin-left: -0.5rem; margin-right: -0.8rem; padding-left: 0.5rem; padding-right: 0.8rem; padding-top: 1.25rem; position: sticky; top: 0px; z-index: 99; }

.FilterBar-module_wrapper__FQxEf .FilterBar-module_pill__evS-8 { margin-right: 0.75rem; }

.FilterBar-module_wrapper__FQxEf .FilterBar-module_pill__evS-8:last-child { margin-right: 0px; }

.InstagramPill-module_pillWrapper__IQIEH { left: 1rem; pointer-events: none; position: absolute; top: 1rem; }

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

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

.InstagramPill-module_pill__lPfp7.InstagramPill-module_expanded__mpf8T { width: 100%; }

.InstagramHandle-module_instagramHandle__YTQUG { align-items: center; display: flex; 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; height: 100%; margin-left: 2rem; max-height: 80vh; overflow: auto; padding-top: 0px; }

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

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

.ModalBody-module_bodySheets__0Mi-a { padding-top: 0px; }

.Grid-module_grid2__NmrKm, .Grid-module_grid3__vCRaC { gap: 0.75rem; display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); }

@media (min-width: 37.5em) {
  .Grid-module_grid2__NmrKm, .Grid-module_grid3__vCRaC { gap: 1rem; grid-template-columns: repeat(6, minmax(0px, 1fr)); }
}

@media (min-width: 56.25em) {
  .Grid-module_grid2__NmrKm, .Grid-module_grid3__vCRaC { gap: 1.25rem; grid-template-columns: repeat(6, minmax(0px, 1fr)); }
}

.Grid-module_grid2__NmrKm .Grid-module_gridItem__z6-5E, .Grid-module_grid3__vCRaC .Grid-module_gridItem__z6-5E { grid-area: span 4 / span 2; }

.Grid-module_grid2__NmrKm .Grid-module_gridItem__z6-5E:nth-child(2), .Grid-module_grid3__vCRaC .Grid-module_gridItem__z6-5E:nth-child(2) { grid-row: span 3; }

.Grid-module_grid4__QnfeN { gap: 0.75rem; display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); }

@media (min-width: 37.5em) {
  .Grid-module_grid4__QnfeN { gap: 1rem; grid-template-columns: repeat(8, minmax(0px, 1fr)); }
}

@media (min-width: 56.25em) {
  .Grid-module_grid4__QnfeN { gap: 1.25rem; grid-template-columns: repeat(8, minmax(0px, 1fr)); }
}

.Grid-module_grid4__QnfeN .Grid-module_gridItem__z6-5E { grid-area: span 4 / span 2; }

.Grid-module_grid4__QnfeN .Grid-module_gridItem__z6-5E:nth-child(2), .Grid-module_grid4__QnfeN .Grid-module_gridItem__z6-5E:nth-child(4) { grid-row: span 3; }

.SkeletonCarousel-module_skeleton__9L1fc { aspect-ratio: 3 / 4; }

.SkeletonCarousel-module_skeleton__9L1fc.SkeletonCarousel-module_square__FtPrW { aspect-ratio: 1 / 1; }

.Image-module_wrapper__ChrZM { aspect-ratio: 3 / 4; position: relative; }

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

.Image-module_image__DEaky: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 0.2s ease-out, box-shadow 0.2s ease-out; }

.Image-module_wrapper__ChrZM .Image-module_image__DEaky:focus-visible { outline-offset: -3px; }

.Image-module_image__DEaky.Image-module_square__oy-pi { aspect-ratio: 1 / 1; }

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

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

.ShoppableImage-module_wrapper__dyk15 { aspect-ratio: 3 / 4; position: relative; }

.ShoppableImage-module_wrapper__dyk15 .ShoppableImage-module_image__gQJ-l img:focus-visible { outline-offset: -3px; }

.ShoppableImage-module_image__gQJ-l img: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 0.2s ease-out, box-shadow 0.2s ease-out; }

.ShoppableImage-module_wrapper__dyk15.ShoppableImage-module_square__sgnzJ { aspect-ratio: 1 / 1; }

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

.ShoppableImage-module_skeleton__i2gXM { inset: 0px; position: absolute; z-index: -1; }

.VugcButton-module_button__3llJC { padding-bottom: 0.5rem; padding-left: 1rem; }

@media (max-width: 56.25em) {
  .VugcButton-module_button__3llJC { padding-bottom: 0px; padding-left: 0px; padding-top: 0.5rem; }
}