@charset "utf-8";

.no-outline { outline: 0px; }

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

[class*="pip-btn--icon"] .pip-btn__inner { padding: 0px 1rem; }

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

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

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

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

.pip-btn { position: relative; background: none; border: 0px; padding: 0px; text-align: center; display: inline-flex; border-radius: 64px; cursor: pointer; outline: 0px; vertical-align: top; --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)); color: var(--foreground); text-decoration: none; }

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

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

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

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

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

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

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

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

.pip-btn:active:not(:disabled) .pip-btn__inner { transform: scale(0.97); }

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

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

@media (forced-colors: active) {
  .pip-btn__inner { border: 1px solid rgba(0, 0, 0, 0); }
  .pip-btn:disabled .pip-btn__inner { color: graytext; border-color: graytext; }
}

.pip-btn--icon-primary, .pip-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)); }

.pip-btn--icon-emphasised, .pip-btn--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)); }

.pip-btn--icon-secondary, .pip-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); }

.pip-btn--icon-emphasised-inverse, .pip-btn--emphasised-inverse, .pip-btn--icon-primary-inverse, .pip-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)); }

.pip-btn--icon-secondary-inverse, .pip-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)); }

.pip-btn--icon-tertiary-inverse, .pip-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); }

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

.pip-btn--icon-tertiary, .pip-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)); }

.pip-btn--icon-image-overlay, .pip-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); }

.pip-btn.pip-btn--static-colour.pip-btn--primary, .pip-btn.pip-btn--static-colour.pip-btn--icon-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); }

.pip-btn.pip-btn--static-colour.pip-btn--secondary, .pip-btn.pip-btn--static-colour.pip-btn--icon-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); }

.pip-btn.pip-btn--static-colour.pip-btn--tertiary, .pip-btn.pip-btn--static-colour.pip-btn--icon-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; }

.pip-btn.pip-btn--static-colour.pip-btn--icon-secondary-inverse, .pip-btn.pip-btn--static-colour.pip-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); }

.pip-btn.pip-btn--static-colour.pip-btn--icon-emphasised-inverse, .pip-btn.pip-btn--static-colour.pip-btn--icon-primary-inverse, .pip-btn.pip-btn--static-colour.pip-btn--primary-inverse, .pip-btn.pip-btn--static-colour.pip-btn--emphasised-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); }

.pip-btn.pip-btn--static-colour.pip-btn--icon-tertiary-inverse, .pip-btn.pip-btn--static-colour.pip-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); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pip-btn--small.pip-leading-icon .pip-btn__inner { padding-inline-start: 1rem; }

.pip-btn--small.pip-trailing-icon .pip-btn__inner { padding-inline-end: 1rem; }

.pip-btn--expanding.pip-leading-icon .pip-btn__inner, .pip-btn--expanding.pip-trailing-icon .pip-btn__inner, .pip-btn--expanding .pip-btn__inner { transition-property: opacity, transform, padding; padding: 0px 1rem; }

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

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

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

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

.pip-btn--expanding .pip-btn__icon { transition: margin-inline-end 250ms ease-in-out; margin: 0px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pip-btn--expanding:focus-visible.pip-btn--loading.pip-trailing-icon .pip-btn__inner .pip-btn__label, .pip-btn--expanding:focus-visible.pip-btn--loading.pip-leading-icon .pip-btn__inner .pip-btn__label, .pip-btn--expanding.pip-btn--loading.pip-trailing-icon .pip-btn__inner .pip-btn__label, .pip-btn--expanding.pip-btn--loading.pip-leading-icon .pip-btn__inner .pip-btn__label, .pip-btn--expanding:disabled.pip-trailing-icon .pip-btn__inner .pip-btn__label, .pip-btn--expanding:disabled.pip-leading-icon .pip-btn__inner .pip-btn__label { max-width: 0px; }

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

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

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

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

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

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

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

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

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

.pip-btn.pip-btn--hidden { display: none; }

.pip-leading-icon .pip-svg-icon { margin-inline-end: 0.5rem; vertical-align: top; }

.pip-leading-icon .pip-svg-icon--100 { margin-inline-end: 0.25rem; }

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

.pip-trailing-icon .pip-svg-icon--100 { margin-inline-start: 0.25rem; }

.pip-svg-icon { display: inline-block; height: 1.5rem; width: 1.5rem; vertical-align: middle; fill: currentcolor; transition-property: transform, fill; transition-duration: 250ms; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); }

@media (prefers-reduced-motion) {
  .pip-svg-icon { transition-property: none; }
}

@keyframes pip-icon-rotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}

.pip-svg-icon--rotate { animation: 1.5s linear 0s infinite normal none running pip-icon-rotate; }

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

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

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

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

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

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

@keyframes modal-delayed-fade-in { 
  0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

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

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

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

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

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

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

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

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

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

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

@keyframes pip-modalBackdropEnter { 
  0% { visibility: hidden; }
  1% { visibility: visible; }
}

@keyframes pip-modalBackdropClose { 
  0%, 99% { visibility: visible; }
  100% { visibility: hidden; }
}

.pip-prevent-scroll-y { overflow: hidden; position: fixed; width: 100%; }

.pip-modal-wrapper { position: fixed; inset: 0px; display: flex; justify-content: center; align-items: center; z-index: 400; pointer-events: none; transition: visibility 200ms cubic-bezier(0, 0, 1, 1); color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.pip-modal-wrapper__backdrop { position: absolute; inset: 0px; opacity: 0; transition: opacity 200ms cubic-bezier(0, 0, 1, 1); pointer-events: none; visibility: hidden; }

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

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

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

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

.pip-modal-wrapper .pip-btn[data-autofocus]:focus-visible { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

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

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

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

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

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

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

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

.pip-modal-header--floating-header { position: absolute; width: 100%; background-color: rgba(0, 0, 0, 0); }

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

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

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

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

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

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

.pip-sheets--enter { animation: 200ms cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running pip-modalSlideUp; }

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

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

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

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

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

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

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

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

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

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

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

.pip-sheets:focus-visible { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; --modal-keyboard-focus-spacing: 0.375rem; --modal-keyboard-focus-width: 0.75rem; }

.pip-sheets__content { height: 100%; }

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

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

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

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

.pip-sheets--preserve-alignment { width: 85%; top: var(--modal-keyboard-focus-spacing, 0); border-radius: 8px 0px 0px 8px; max-height: calc(100% - var(--modal-keyboard-focus-width, 0%)); }

.pip-sheets--preserve-alignment.pip-sheets--mirrored { right: auto; left: var(--modal-keyboard-focus-spacing, 0); border-radius: 0px 8px 8px 0px; }

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

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

[dir="rtl"] .pip-sheets--preserve-alignment { left: var(--modal-keyboard-focus-spacing, 0); right: auto; border-radius: 0px 8px 8px 0px; }

[dir="rtl"] .pip-sheets--preserve-alignment.pip-sheets--mirrored { right: var(--modal-keyboard-focus-spacing, 0); left: auto; border-radius: 8px 0px 0px 8px; }

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

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

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

.pip-theatre--close { animation: 200ms cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running pip-modalClose; pointer-events: none; transition: visibility 100ms cubic-bezier(0, 0, 1, 1); visibility: hidden; }

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

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

.pip-theatre:focus-visible { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; --modal-keyboard-focus-spacing: 0.375rem; --modal-keyboard-focus-width: 0.75rem; }

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

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

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

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

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

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

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

.pip-prompt { position: relative; left: auto; right: auto; display: flex; margin: 1.5rem; z-index: 100; overflow: hidden; flex-direction: column; justify-content: center; border-radius: 8px; text-align: initial; }

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

.pip-prompt__content-wrapper { background: rgb(var(--colour-elevation-2, 255, 255, 255)); max-height: 75vh; max-width: 31.5rem; height: auto; overflow: hidden; display: flex; flex-direction: column; }

.pip-prompt__heading { margin-bottom: 1rem; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

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

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

.pip-prompt .pip-modal-header { padding: 0.5rem 0.5rem 0px; }

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

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

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

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

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

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

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

@media (min-width: 75em) {
  .pip-sheets .pip-modal-body { --skapa-modal-body-padding-inline: 2.5rem; }
}

@media (prefers-reduced-motion) {
  .pip-modal-wrapper { transition: none; }
  .pip-modal-wrapper__backdrop { animation-duration: 0s; transition: none; }
  .pip-modal-wrapper .pip-sheets.pip-sheets--enter, .pip-modal-wrapper .pip-sheets.pip-sheets--close, .pip-modal-wrapper .pip-sheets.pip-sheets--preserve-alignment, .pip-modal-wrapper .pip-sheets.pip-sheets--mirrored { animation-duration: 0s; transition-duration: 0s; }
  .pip-modal-wrapper .pip-theatre.pip-theatre--enter, .pip-modal-wrapper .pip-theatre.pip-theatre--close { animation-duration: 0s; transition-duration: 0s; }
  .pip-modal-wrapper .pip-theatre.pip-theatre--enter .pip-theatre__animation-group, .pip-modal-wrapper .pip-theatre.pip-theatre--close .pip-theatre__animation-group { animation-duration: 0s; transition-duration: 0s; }
  .pip-modal-wrapper .pip-prompt--close { transition: none; }
  .pip-modal-wrapper .pip-prompt, .pip-modal-wrapper .pip-prompt--enter, .pip-modal-wrapper .pip-prompt--close { animation-duration: 0s; transition-duration: 0s; }
  .pip-modal-wrapper .pip-prompt .pip-prompt__content-wrapper, .pip-modal-wrapper .pip-prompt--enter .pip-prompt__content-wrapper, .pip-modal-wrapper .pip-prompt--close .pip-prompt__content-wrapper { animation-duration: 0s; transition-duration: 0s; }
}

.pip-modal-body { padding-top: 0px; }

.pip-accordion-item-header { display: flex; background: none; overflow: hidden; border: 0px; cursor: pointer; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); text-decoration: none; user-select: text; }

.pip-accordion-item-header:active, .pip-accordion-item-header:focus-visible, .pip-accordion-item-header:hover { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.pip-accordion-item-header:active .pip-accordion-item-header__title, .pip-accordion-item-header:focus-visible .pip-accordion-item-header__title, .pip-accordion-item-header:hover .pip-accordion-item-header__title { text-decoration: underline; }

.pip-accordion-item-header__icon { flex-shrink: 0; }

.pip-accordion-item-header--small { min-height: 3rem; padding: 0.5rem 0px; }

.pip-accordion-item-header--medium { min-height: 4.5rem; padding: 0.75rem 0px; }

.pip-accordion-item-header--large { min-height: 5.5rem; padding: 1.25rem 0px; }

.pip-accordion-item-header__title-wrapper { text-align: start; flex-grow: 1; line-height: 0; padding-inline-end: 1rem; }

.pip-accordion-item-header__title-wrapper .pip-accordion-item-header__title { width: auto; }

.pip-accordion-item-header__title { font-size: 0.875rem; line-height: 1.571; font-weight: 700; display: block; }

.pip-accordion-item-header__subtitle { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; }

.pip-accordion-item-header:disabled { cursor: default; }

.pip-accordion-item-header:disabled .pip-accordion-item-header__title { text-decoration: none; }

.pip-accordion-item-header:disabled .pip-accordion-item-header__title, .pip-accordion-item-header:disabled .pip-accordion-item-header__subtitle { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.pip-accordion-item-header:disabled .pip-accordion-item-header__icon { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.pip-accordion--padded .pip-accordion-item-header { padding-left: 1.5rem; padding-right: 1.5rem; }

.pip-accordion { list-style: none; width: 100%; margin: 0px; padding: 0px; background: rgba(0, 0, 0, 0); }

.pip-accordion__item { transition: 200ms cubic-bezier(0.4, 0, 0.4, 1); margin: 0px; outline: 0px; padding: 0px; }

.pip-accordion__item--subtle .pip-accordion-item-header__title { font-weight: 400; }

.pip-accordion__item--active { overflow: visible; }

.pip-accordion .pip-accordion-item-header { border-top: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }

.pip-accordion__item--active > .pip-accordion__content { visibility: visible; opacity: 1; transition: 200ms cubic-bezier(0.4, 0, 0.4, 1); }

.pip-accordion__content { transition: 200ms cubic-bezier(0.4, 0, 0.4, 1); visibility: hidden; opacity: 0; overflow: hidden; }

.pip-accordion__content--inner-small { padding-top: 0.5rem; padding-bottom: 1.5rem; }

.pip-accordion__content--inner-medium { padding-top: 0.5rem; padding-bottom: 2rem; }

.pip-accordion__content--inner-large { padding-top: 0.5rem; padding-bottom: 2.5rem; }

@media (prefers-reduced-motion) {
  .pip-accordion__item, .pip-accordion__item--active > .pip-accordion__content, .pip-accordion__content { transition-duration: 0ms; }
}

.pip-accordion .pip-collapsible { display: grid; box-sizing: border-box; grid-template-rows: 0fr; transition: 200ms cubic-bezier(0.4, 0, 0.4, 1); }

.pip-accordion .pip-collapsible--expanded { grid-template-rows: 1fr; }

.pip-accordion .pip-collapsible--closed .pip-collapsible__content { display: none; }

.pip-accordion .pip-collapsible__content { overflow: hidden; }

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

.pip-accordion--padded .pip-accordion__content { padding-left: 1.5rem; padding-right: 1.5rem; }

[dir="rtl"] .pip-accordion .pip-accordion-item-header__icon { transform: scaleX(-1); }

[dir="rtl"] .pip-accordion__item--active .pip-accordion-item-header__icon { transform: scaleX(-1) rotate(180deg); }

.pip-accordion-item-header { display: flex; background: none; overflow: hidden; border: 0px; cursor: pointer; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); text-decoration: none; user-select: text; }

.pip-accordion-item-header:active, .pip-accordion-item-header:focus-visible, .pip-accordion-item-header:hover { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.pip-accordion-item-header:active .pip-accordion-item-header__title, .pip-accordion-item-header:focus-visible .pip-accordion-item-header__title, .pip-accordion-item-header:hover .pip-accordion-item-header__title { text-decoration: underline; }

.pip-accordion-item-header__icon { flex-shrink: 0; }

.pip-accordion-item-header--small { min-height: 3rem; padding: 0.5rem 0px; }

.pip-accordion-item-header--medium { min-height: 4.5rem; padding: 0.75rem 0px; }

.pip-accordion-item-header--large { min-height: 5.5rem; padding: 1.25rem 0px; }

.pip-accordion-item-header__title-wrapper { text-align: start; flex-grow: 1; line-height: 0; padding-inline-end: 1rem; }

.pip-accordion-item-header__title-wrapper .pip-accordion-item-header__title { width: auto; }

.pip-accordion-item-header__title { font-size: 0.875rem; line-height: 1.571; font-weight: 700; display: block; }

.pip-accordion-item-header__subtitle { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; }

.pip-accordion-item-header:disabled { cursor: default; }

.pip-accordion-item-header:disabled .pip-accordion-item-header__title { text-decoration: none; }

.pip-accordion-item-header:disabled .pip-accordion-item-header__title, .pip-accordion-item-header:disabled .pip-accordion-item-header__subtitle { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.pip-accordion-item-header:disabled .pip-accordion-item-header__icon { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.pip-accordion--padded .pip-accordion-item-header { padding-left: 1.5rem; padding-right: 1.5rem; }

.pip-accordion__content--inner-medium { padding: 0px; }

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

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

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

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

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

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

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

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

.pip-aspect-ratio-box .pip-image { object-fit: cover; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; color: rgba(0, 0, 0, 0); padding: 0px; }

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

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

.pip-badge { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; border-color: rgba(0, 0, 0, 0); border-width: 0.0625rem; border-style: solid; border-radius: 2.125rem; min-height: 2rem; min-width: 2rem; padding-inline: 0.6875rem; background-color: rgb(var(--colour-neutral-3, 223, 223, 223)); color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.pip-badge--small { min-height: 1.25rem; min-width: 1.25rem; padding-inline: 0.3125rem; }

.pip-badge--black { background-color: rgb(var(--colour-neutral-7, 17, 17, 17)); color: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); }

.pip-badge--white { background-color: rgb(var(--colour-neutral-1, 255, 255, 255)); color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); border-color: rgb(var(--colour-neutral-4, 204, 204, 204)); }

.pip-badge--blue { background-color: rgb(var(--colour-semantic-informative, 0, 88, 163)); color: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); }

.pip-badge--green { background-color: rgb(var(--colour-semantic-positive, 10, 138, 0)); color: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); }

.pip-badge--red { background-color: rgb(var(--colour-semantic-negative, 224, 7, 81)); color: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); }

.pip-badge--orange { background-color: rgb(var(--colour-semantic-caution, 242, 106, 47)); color: rgb(var(--colour-static-black, 17, 17, 17)); }

.pip-badge--yellow { background-color: rgb(var(--colour-static-ikea-brand-yellow, 255, 219, 0)); color: rgb(var(--colour-static-black, 17, 17, 17)); }

.pip-badge--icon { padding-inline-start: 0.5625rem; }

.pip-badge--icon-only { padding: 0.1875rem; }

.pip-badge--icon-only .pip-badge__label { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); margin: -1px; white-space: nowrap; }

.pip-badge__icon { flex-shrink: 0; color: currentcolor; }

.pip-badge__label { text-align: center; padding-block: 0.375rem; }

.pip-badge__icon + .pip-badge__label { margin-inline-start: 0.25rem; text-align: left; }

.pip-badge--small .pip-badge__label { padding-top: 0px; padding-bottom: 0px; }

.pip-card { position: relative; display: flex; flex-direction: column-reverse; }

.pip-card .pip-content-card { --content-position: static; }

.pip-card__media { display: flex; width: 100%; }

.pip-card .pip-aspect-ratio-box:has(> .pip-image) { pointer-events: none; }

.pip-card .pip-content-card--simple { padding-top: 1rem; }

@media (min-width: 56.25em) {
  .pip-card:not(:has(.pip-content-card--fixed)) { flex-direction: row-reverse; }
  .pip-card:not(:has(.pip-content-card--fixed)) .pip-content-card { padding: 3rem; }
  .pip-card:not(:has(.pip-content-card--fixed)) .pip-content-card--simple { padding: 0px 3rem; }
  .pip-card:not(:has(.pip-content-card--fixed)) .pip-content-card__container { padding-inline-end: 0px; }
  .pip-card--trailing-media:not(:has(.pip-content-card--fixed)) { flex-direction: row; }
  .pip-card--trailing-media:not(:has(.pip-content-card--fixed)) .pip-content-card--simple { padding-inline-start: 0px; }
}

.pip-content-card { --content-position: relative; --content-card-background: rgb(var(--colour-neutral-2, 245, 245, 245)); position: var(--content-position); display: flex; flex-direction: column; flex-grow: 1; justify-content: space-between; padding: 2rem; background: var(--content-card-background); }

.pip-content-card__headers:hover .pip-content-card__title, .pip-content-card__headers:focus .pip-content-card__title { text-decoration: underline; }

.pip-content-card--center { justify-content: center; }

.pip-content-card--simple { padding: 0px; justify-content: flex-start; }

.pip-content-card--simple .pip-content-card__container { padding-inline-end: 1rem; }

.pip-content-card__container { max-width: 37.5rem; }

.pip-content-card__add-on { display: block; margin-bottom: 0.75rem; }

.pip-content-card__label { display: inline-block; margin-bottom: 0.25rem; }

.pip-content-card__headers, .pip-content-card__headers:is(a) { position: static; display: block; margin-bottom: 0.5rem; text-decoration: none; }

.pip-content-card__headers::before { content: " "; position: absolute; inset: 0px; }

.pip-content-card__title { text-wrap: balance; }

.pip-content-card__subtitle { display: inline-block; }

.pip-content-card__body { display: block; text-wrap: pretty; margin-top: 0.75rem; }

.pip-content-card__footer { display: flex; flex-wrap: wrap; margin-top: 1.5rem; gap: 0.5rem; }

.pip-content-card__cta { pointer-events: none; }

.pip-content-card--dark-foreground:not(.pip-content-card--simple) .pip-content-card__add-on, .pip-content-card--dark-foreground:not(.pip-content-card--simple) .pip-content-card__title, .pip-content-card--dark-foreground:not(.pip-content-card--simple) .pip-content-card__subtitle { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.pip-content-card--dark-foreground:not(.pip-content-card--simple) .pip-content-card__body, .pip-content-card--dark-foreground:not(.pip-content-card--simple) .pip-content-card__label { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.pip-content-card--light-foreground:not(.pip-content-card--simple) .pip-content-card__add-on, .pip-content-card--light-foreground:not(.pip-content-card--simple) .pip-content-card__label, .pip-content-card--light-foreground:not(.pip-content-card--simple) .pip-content-card__title, .pip-content-card--light-foreground:not(.pip-content-card--simple) .pip-content-card__subtitle, .pip-content-card--light-foreground:not(.pip-content-card--simple) .pip-content-card__body { color: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); }

.pip-content-card--static-light-foreground:not(.pip-content-card--simple) .pip-content-card__add-on, .pip-content-card--static-light-foreground:not(.pip-content-card--simple) .pip-content-card__label, .pip-content-card--static-light-foreground:not(.pip-content-card--simple) .pip-content-card__title, .pip-content-card--static-light-foreground:not(.pip-content-card--simple) .pip-content-card__subtitle, .pip-content-card--static-light-foreground:not(.pip-content-card--simple) .pip-content-card__body { color: rgb(var(--colour-static-white, 255, 255, 255)); }

.pip-content-card--static-dark-foreground:not(.pip-content-card--simple) .pip-content-card__add-on, .pip-content-card--static-dark-foreground:not(.pip-content-card--simple) .pip-content-card__label, .pip-content-card--static-dark-foreground:not(.pip-content-card--simple) .pip-content-card__title, .pip-content-card--static-dark-foreground:not(.pip-content-card--simple) .pip-content-card__subtitle, .pip-content-card--static-dark-foreground:not(.pip-content-card--simple) .pip-content-card__body { color: rgb(var(--colour-static-black, 17, 17, 17)); }

@media (min-width: 56.25em) {
  .pip-content-card:not(.pip-content-card--fixed) .pip-content-card__body { margin-top: 1rem; }
  .pip-content-card:not(.pip-content-card--fixed) .pip-content-card__footer { margin-top: 2rem; }
}

[dir="rtl"] .pip-content-card__cta.pip-btn .pip-btn__icon, [dir="rtl"] .pip-content-card__icon { transform: scaleX(-1); }

.pip-carousel { position: relative; --focus-margin-start: 0rem; --focus-margin-end: 0rem; }

.pip-carousel:has(.pip-carousel-slide :focus-visible) { --focus-margin-start: .5rem; --focus-margin-end: .5rem; }

.pip-carousel .pip-skip-content__button { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); margin: -1px; white-space: nowrap; }

.pip-carousel .pip-skip-content__button:active, .pip-carousel .pip-skip-content__button:focus, .pip-carousel .pip-skip-content__button:focus-visible { width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; z-index: 1; background: rgb(var(--colour-static-light-grey, 245, 245, 245)); color: rgb(var(--colour-static-black, 17, 17, 17)); border-radius: 64px; padding: 1rem 2rem; font-weight: bold; text-decoration: none; }

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

.pip-carousel__wrapper { position: relative; }

.pip-carousel__content { overflow: scroll hidden; position: relative; margin-inline-start: calc(-1*var(--overflow-start, var(--focus-margin-start))); margin-inline-end: calc(-1*var(--overflow-end, var(--focus-margin-end))); padding-inline-start: var(--overflow-start, var(--focus-margin-start)); padding-inline-end: var(--overflow-end, var(--focus-margin-end)); overscroll-behavior-inline: contain; --padding-difference: calc(var(--carousel-vertical-padding, 0.5rem) - 0.5rem); --clamped-difference: max(min(0rem, var(--padding-difference)), -0.5rem); --calculated-additional-padding: calc(-1 * var(--clamped-difference)); padding-block: calc(var(--carousel-vertical-padding, 0.5rem) + var(--calculated-additional-padding)); margin-block: var(--clamped-difference); display: flex; flex-wrap: nowrap; gap: var(--carousel-item-gap, 1.25rem); }

.pip-carousel__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 200ms ease-out, box-shadow 200ms ease-out; }

.pip-carousel__content--single-slide { overflow: visible; }

.pip-carousel--has-scrollbar .pip-carousel__content { margin-block-end: 0px; }

.pip-carousel--dragging { cursor: grabbing; }

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

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

.pip-carousel:hover .pip-carousel__button { opacity: 1; visibility: visible; display: block; transition: opacity 200ms, visibility 200ms; }

.pip-carousel:hover .pip-carousel__button--hidden { display: none; opacity: 0; visibility: hidden; transition: opacity 200ms, visibility 200ms; }

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

.pip-carousel-slide { box-sizing: border-box; max-width: 100%; position: relative; flex-shrink: 0; }

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

.pip-carousel__slide-show { --focus-margin-start: 0rem !important; }

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

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

.pip-carousel__slide-show .pip-carousel__content--snap-slide { scroll-snap-type: x mandatory; }

.pip-carousel__slide-show .pip-carousel__content--drag-slide { scroll-snap-type: none; }

.pip-carousel__slide-show .pip-carousel-slide { position: relative; margin-inline: 0px; scroll-snap-align: start; scroll-snap-stop: always; width: 100%; display: block; text-align: center; }

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

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

.pip-carousel__slide-show .pip-carousel-slide > :first-child img, .pip-carousel__slide-show .pip-carousel-slide > :first-child video { max-height: 75vh; max-width: 100%; width: auto; }

.pip-carousel--intersection-observer-disabled:hover .pip-carousel__button { display: none; }

.pip-carousel:not(.pip-carousel--intersection-observer-disabled) .pip-carousel__content { scrollbar-width: none; }

.pip-carousel:not(.pip-carousel--intersection-observer-disabled) .pip-carousel__content::-webkit-scrollbar { display: none; }

@media not all and (min-resolution: 0.001dpcm) {
  .pip-carousel__content { scroll-snap-type: x mandatory; }
}

@media (hover: none) {
  .pip-carousel:hover .pip-carousel__button { opacity: 0; display: none; }
}

.pip-carousel__counter--wrapper { display: flex; align-items: stretch; }

.pip-carousel__counter { display: flex; flex: 0 1 auto; justify-content: center; align-items: center; padding: 0px 0.5rem; font-size: 0.875rem; line-height: 1.571; font-weight: 700; margin-inline-start: 0.5rem; white-space: nowrap; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

@media (min-width: 37.5em) {
  .pip-carousel__button { left: -1.25rem; right: auto; }
  .pip-carousel__button--right { left: auto; right: -1.25rem; }
  .pip-carousel__counter { display: none; }
}

@media (min-width: 56.25em) {
  .pip-carousel__content { top: 0px; }
  .pip-carousel__wrapper { bottom: auto; width: 100%; }
  .pip-carousel__button, .pip-carousel__scroll-indicator { display: block; }
  .pip-carousel__slide-show .pip-carousel-slide, .pip-carousel__slide-show .pip-scroll-indicator { padding-inline: 6.25rem; }
  .pip-carousel__slide-show .pip-carousel__button { display: block; }
}

@media (orientation: landscape) and (max-width: 56.25em) {
  .pip-carousel__slide-show .pip-carousel-slide > :first-child { max-height: 60vh; }
  .pip-carousel__slide-show .pip-carousel-slide > :first-child img, .pip-carousel__slide-show .pip-carousel-slide > :first-child video { max-height: 60vh; width: auto; }
}

[dir="rtl"] .pip-carousel__skip-button:active, [dir="rtl"] .pip-carousel__skip-button:focus-visible { left: auto; right: 1.5rem; }

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

[dir="rtl"] .pip-carousel__button--right { right: auto; left: -1.25rem; }

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

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

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

.pip-scroll-indicator--dragging .pip-scroll-indicator__bar-wrapper, .pip-scroll-indicator--dragging .pip-scroll-indicator__bar, .pip-scroll-indicator:hover .pip-scroll-indicator__bar-wrapper, .pip-scroll-indicator:hover .pip-scroll-indicator__bar { height: 0.25rem; }

.pip-scroll-indicator--dragging .pip-scroll-indicator__bar, .pip-scroll-indicator--dragging .pip-scroll-indicator__bar:hover { height: 0.5rem; top: -0.125rem; }

.pip-scroll-indicator__bar-wrapper { width: 100%; background: rgb(var(--colour-neutral-3, 223, 223, 223)); transform: translateX(0px); height: 0.125rem; display: block; border-radius: 4px; scrollbar-width: none; }

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

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

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

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

.pip-choice { list-style: none; width: 100%; margin: 0px; padding: 0px; background: rgba(0, 0, 0, 0); --choice-item-min-height: 4.5rem; --choice-list-item-margin-block-end: 0.75rem; --choice-item-padding-top: 0.75rem; --choice-item-padding-bottom: 0.75rem; --choice-item-nested-padding-block-end: 1rem; --choice-item-border-colour: rgb(var(--colour-neutral-3, 223, 223, 223)); }

.pip-choice .pip-collapsible { display: grid; box-sizing: border-box; grid-template-rows: 0fr; transition: 200ms cubic-bezier(0.4, 0, 0.4, 1); }

.pip-choice .pip-collapsible--expanded { grid-template-rows: 1fr; }

.pip-choice .pip-collapsible--closed .pip-collapsible__content { display: none; }

.pip-choice .pip-collapsible__content { overflow: hidden; }

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

.pip-choice--small { --choice-list-item-margin-block-end: 0.5rem; --choice-item-padding-top: 0.5rem; --choice-item-padding-bottom: 0.5rem; --choice-item-min-height: 3.75rem; --choice-item-nested-padding-block-end: 0.75rem; }

.pip-choice--large { --choice-list-item-margin-block-end: 1rem; --choice-item-padding-top: 1.25rem; --choice-item-padding-bottom: 1.25rem; --choice-item-min-height: 5.5rem; --choice-item-nested-padding-block-end: 1.25rem; }

.pip-choice .pip-choice__list-item { margin-bottom: var(--choice-list-item-margin-block-end); }

.pip-choice-item { position: relative; display: flex; flex-direction: column; width: 100%; background: none; }

.pip-choice-item__action { display: flex; align-items: center; border: 0px; outline: 0px; background: none; padding-inline: 1.5rem; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; user-select: text; appearance: none; min-height: var(--choice-item-min-height, 4.5rem); padding-top: var(--choice-item-padding-top, 0.75rem); padding-bottom: var(--choice-item-padding-bottom, 0.75rem); }

.pip-choice-item__action--top .pip-choice-item__image, .pip-choice-item__action--top .pip-choice-item__payment-logo { align-self: flex-start; }

.pip-choice-item__action:active + .pip-choice-item__border { --choice-item-border-colour: rgb(var(--colour-neutral-7, 17, 17, 17)); }

.pip-choice-item__action:disabled { cursor: default; }

.pip-choice-item__action:disabled .pip-choice-item__caption, .pip-choice-item__action:disabled .pip-choice-item__title, .pip-choice-item__action:disabled .pip-choice-item__value, .pip-choice-item__action:disabled .pip-choice-item__icon, .pip-choice-item__action:disabled .pip-price, .pip-choice-item__action:disabled .pip-choice-item__custom-content * { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.pip-choice-item__action:disabled .pip-choice-item__image .pip-svg-icon path { fill: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.pip-choice-item__action:disabled + .pip-choice-item__border { --choice-item-border-colour: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)) !important; }

.pip-choice-item__action:disabled .pip-choice-item__addon, .pip-choice-item__action:disabled .pip-payment-logo, .pip-choice-item__action:disabled .pip-choice-item__image, .pip-choice-item__action:disabled .pip-price-module__energy-class svg { opacity: 0.2; }

@media (hover: hover) {
  .pip-choice-item__action:hover:not(:disabled) { text-decoration: none; }
  .pip-choice-item__action:hover:not(:disabled) + .pip-choice-item__border { --choice-item-border-colour: rgb(var(--colour-neutral-5, 146, 146, 146)); }
}

.pip-choice-item .pip-choice-item__nested { padding: 0 1.5rem var(--choice-item-nested-padding-block-end); }

.pip-choice-item__content { display: flex; flex: 1 1 0%; text-align: start; }

.pip-choice-item__custom-content { flex: 1 1 0%; text-align: start; }

.pip-choice-item__border { position: absolute; inset: 0rem; border: 1px solid var(--choice-item-border-colour, rgb(var(--colour-neutral-3, 223, 223, 223))); border-radius: 4px; pointer-events: none; }

.pip-choice-item__text { flex-grow: 1; }

.pip-choice-item__title, .pip-choice-item__caption { display: block; }

.pip-choice-item__caption { margin-block-start: 0.25rem; }

.pip-choice-item__addon { display: block; margin-block-start: 0.5rem; }

.pip-choice-item__image { width: 3rem; margin-inline-end: 1rem; flex-shrink: 0; }

.pip-choice-item__icon { margin-inline-end: 1rem; flex-shrink: 0; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.pip-choice-item__icon--top { align-self: flex-start; }

.pip-choice-item .pip-payment-logo { margin-inline-end: 1rem; flex-shrink: 0; }

.pip-choice-item__values { display: flex; }

.pip-choice-item__value { align-self: flex-start; padding-inline-start: 1rem; padding-top: 0.25rem; overflow-wrap: break-word; }

.pip-choice-item__value--center { align-self: center; }

.pip-choice-item--trailing-icon .pip-choice-item__icon { order: 1; margin-inline: 1rem 0px; }

.pip-choice-item--trailing-image .pip-choice-item__image { order: 1; margin-inline: 1rem 0px; }

.pip-choice-item--selected > .pip-choice-item__action + .pip-choice-item__border, .pip-choice-item--selected > .pip-choice-item__action:hover + .pip-choice-item__border, .pip-choice-item--selected > .pip-choice-item__action:active + .pip-choice-item__border { border-width: 2px; --choice-item-border-colour: rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163)); }

.pip-choice-item--selected.pip-choice-item--subtle .pip-choice-item__action + .pip-choice-item__border { --choice-item-border-colour: rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); }

.pip-choice-item--selected .pip-choice-item__action:disabled + .pip-choice-item__border { --choice-item-border-colour: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)) !important; }

.pip-choice-item .pip-price { display: block; font-size: 0.875rem; }

.pip-choice-item .pip-price:not(:first-child) { margin-top: 0.5rem; }

@media (forced-colors: active) {
  .pip-choice-item__action:disabled + .pip-choice-item__border { border-color: graytext; }
}

.pip-choice-item__radio:focus-visible, .pip-choice-item__action:focus-visible { box-shadow: none; outline: none; }

.pip-choice-item__radio:focus-visible ~ .pip-choice-item__border::before, .pip-choice-item__action:focus-visible ~ .pip-choice-item__border::before { content: ""; position: absolute; inset: -0.125rem; box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; border-radius: 4px; }

.pip-commercial-message { display: inline-block; padding: .25rem calc(var(--skapa-font-size)*.5px); color: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); }

.pip-commercial-message--nlp { background-color: rgb(var(--colour-commercial-message-new-lower-price, 204, 0, 8)); }

.pip-commercial-message--new { background-color: rgb(var(--colour-commercial-message-new, 202, 80, 8)); }

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

.pip-commercial-message--subtle { padding: 0px; }

.pip-commercial-message--subtle--nlp { color: rgb(var(--colour-commercial-message-new-lower-price, 204, 0, 8)); }

.pip-commercial-message--subtle--new { color: rgb(var(--colour-commercial-message-new, 202, 80, 8)); }

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

.pip-typography, .pip-typography * { --skapa-letter-spacing-multiplier-for-font-weight: calc(var(--skapa-font-weight, 400) / 800 - .125); letter-spacing: calc(var(--skapa-characterset-multiplier, 1)*var(--skapa-letter-spacing-multiplier-for-font-weight, 0.375)*(var(--skapa-base-multiplier, 1)*.875rem - 1em)/(.875*var(--skapa-rem, 16))); }

[class*="pip-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); --skapa-letter-spacing-multiplier-for-font-weight: calc(var(--skapa-font-weight, 400) / 800 - .125); letter-spacing: calc(var(--skapa-characterset-multiplier, 1)*var(--skapa-letter-spacing-multiplier-for-font-weight, 0.375)*(var(--skapa-base-multiplier, 1)*.875rem - 1em)/(.875*var(--skapa-rem, 16))); }

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

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

.pip-typography-base-14 { --skapa-base-multiplier: calc(14 / 14); }

.pip-typography-base-16 { --skapa-base-multiplier: calc(16 / 14); }

.pip-typography-base-20 { --skapa-base-multiplier: calc(20 / 14); }

.pip-typography-base-28 { --skapa-base-multiplier: calc(28 / 14); }

.pip-typography-base-56 { --skapa-base-multiplier: calc(56 / 14); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pip-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) {
  .pip-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) {
  .pip-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(.pip-typography-character-set-arabic, .pip-typography-character-set-chinese_simplified, .pip-typography-character-set-chinese_traditional, .pip-typography-character-set-hebrew, .pip-typography-character-set-japanese, .pip-typography-character-set-korean) { --skapa-characterset-multiplier: 0; }

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

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

.pip-textcontext-wrapper { display: contents; }

.pip-commercial-message--top-seller { background-color: rgb(var(--colour-semantic-negative, 224, 7, 81)); color: rgb(var(--colour-static-white, 255, 255, 255)); }

.pip-commercial-message--limited-edition { background-color: rgb(var(--colour-static-black, 17, 17, 17)); color: rgb(var(--colour-static-white, 255, 255, 255)); }

:focus:not(:focus-visible) { outline: none; }

a[class*="pip-"]:focus-visible, button[class*="pip-"]:focus-visible, [role="button"][class*="pip-"]:focus-visible { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

a[class*="pip-"]:focus-visible p { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

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

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

.pip-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 200ms ease-out, box-shadow 200ms ease-out; }

.pip-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 200ms ease-out, box-shadow 200ms ease-out; }

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

.pip-checkbox input[type="checkbox"]:focus-visible ~ .pip-checkbox__symbol { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.pip-checkbox input[type="checkbox"]:focus-visible:hover ~ .pip-checkbox__symbol { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.pip-radio input[type="radio"]:focus-visible ~ .pip-radio__symbol { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.pip-radio input[type="radio"]:focus-visible:hover ~ .pip-radio__symbol { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.pip-btn:focus-visible, .pip-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 200ms ease-out, box-shadow 200ms ease-out; }

.pip-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 200ms ease-out, box-shadow 200ms ease-out; }

.pip-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 200ms ease-out, box-shadow 200ms ease-out; }

.pip-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 200ms ease-out, box-shadow 200ms ease-out; }

.pip-icon-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 200ms ease-out, box-shadow 200ms ease-out; }

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

.pip-shoppable-image__category-link:focus-visible, .pip-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 200ms ease-out, box-shadow 200ms ease-out; }

.pip-tabs__tab:focus-visible { box-shadow: none; outline: none; }

.pip-tabs__tab:focus-visible::before { bottom: 2px; z-index: unset; }

.pip-tabs__tab:focus-visible::after { content: ""; position: absolute; inset: 0px; display: block; box-shadow: inset 0 0 0 2px rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); border-radius: 4px; }

.pip-dual-btn--secondary .pip-dual-btn__first:focus-visible, .pip-dual-btn--secondary .pip-dual-btn__second:focus-visible { box-shadow: 0 0 0 4px rgb(var(--colour-neutral-1, 255, 255, 255)),0 0 0 6px rgb(var(--colour-neutral-7, 17, 17, 17)); outline: none; transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease-out; }

.pip-dual-btn__first:focus-visible:hover, .pip-dual-btn__second:focus-visible:hover { outline: none; box-shadow: inset 0 0 0 1px rgb(var(--colour-neutral-7, 17, 17, 17)),0 0 0 4px rgb(var(--colour-neutral-1, 255, 255, 255)),0 0 0 6px rgb(var(--colour-neutral-7, 17, 17, 17)); }

.pip-dual-btn--primary .pip-dual-btn__first:focus-visible, .pip-dual-btn--primary .pip-dual-btn__second:focus-visible { box-shadow: 0 0 0 4px rgb(var(--colour-static-black, 17, 17, 17)),0 0 0 6px rgb(var(--colour-static-white, 255, 255, 255)); outline: none; transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease-out; }

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

.pip-card:focus-visible .pip-card__title { text-decoration: none; }

.pip-card:focus-visible p { box-shadow: none; outline: none; }

.pip-content-card .pip-content-card__headers:focus-visible { box-shadow: none; outline: none; }

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

.pip-choice-item__radio:focus-visible, .pip-choice-item__action:focus-visible { box-shadow: none; outline: none; }

.pip-choice-item__radio:focus-visible ~ .pip-choice-item__border::before, .pip-choice-item__action:focus-visible ~ .pip-choice-item__border::before { content: ""; position: absolute; inset: -0.125rem; box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; border-radius: 4px; }

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

.pip-jumbo-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 200ms ease-out, box-shadow 200ms ease-out; }

.pip-jumbo-btn.pip-jumbo-btn--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 200ms ease-out, box-shadow 200ms ease-out; }

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

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

.pip-switch input[type="checkbox"]:focus-visible + .pip-switch__toggle::before { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.pip-switch input[type="checkbox"]:focus-visible:hover + .pip-switch__toggle::before { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

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

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

.pip-search .pip-search__scope:focus-visible, .pip-search .pip-btn:focus-visible { box-shadow: 0 0 0 1px rgb(var(--colour-neutral-1, 255, 255, 255)); outline: 2px solid rgb(var(--colour-neutral-7, 17, 17, 17)); outline-offset: 1px; }

.pip-search .pip-search__input:focus-visible { outline: 0px; }

.pip-search .pip-search__input:-webkit-autofill:focus-visible { box-shadow: 0 0 0 3rem rgb(var(--colour-neutral-1, 255, 255, 255)) inset; transition: box-shadow cubic-bezier(0.4, 0, 0.4, 1); caret-color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

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

.pip-action-list-item__action:focus-visible { outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; outline: none; box-shadow: inset 0 0 0 2px rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); }

.pip-overflow-carousel .pip-btn[class*="inverse"]:focus-visible { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.pip-modal-header .pip-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 200ms ease-out, box-shadow 200ms ease-out; }

.pip-list-view-item__action:focus-visible { outline: none; box-shadow: inset 0 0 0 2px rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); }

.pip-quantity-stepper__input:focus-visible { outline: none; }

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

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

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

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

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

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

.pip-helper-text { display: inline-flex; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); align-items: center; }

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

.pip-helper-text--character-count { font-variant-numeric: tabular-nums; }

.pip-helper-text--error { color: rgb(var(--colour-semantic-negative, 224, 7, 81)); }

.pip-helper-text--success { color: rgb(var(--colour-semantic-positive, 10, 138, 0)); }

.pip-helper-text--warning { color: rgb(var(--colour-semantic-caution-text, 202, 80, 8)); }

.pip-helper-text--text-only { margin-inline-start: 0px; }

.pip-helper-text--text-only .pip-helper-text__icon { display: none; }

.pip-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)); position: absolute; inset: 0px; display: block; width: 100%; border: var(--skapa-validation-border-default, var(--skapa-validation-border-focus-border)); pointer-events: none; transition: box-shadow 100ms cubic-bezier(0.4, 0, 0.4, 1), border 100ms cubic-bezier(0.4, 0, 0.4, 1); border-radius: 4px; box-sizing: border-box; }

.pip-validation-border--warning { border-color: rgb(var(--colour-semantic-caution, 242, 106, 47)); }

.pip-validation-border--error { border-color: rgb(var(--colour-semantic-negative, 224, 7, 81)); }

.pip-validation-border--success { border-color: rgb(var(--colour-semantic-positive, 10, 138, 0)); }

.pip-validation-border--disabled { border-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); box-shadow: none; }

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

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

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

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

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

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

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

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

.pip-input-field input:-webkit-autofill { font-family: inherit; -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; }

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

.pip-input-field input[type="hidden"] ~ .pip-validation-border, .pip-input-field input[type="hidden"] ~ .pip-input-field__leading-icon, .pip-input-field input[type="hidden"] ~ .pip-input-field__trailing-icon { display: none; }

.pip-input-field input[type="date"] { color: rgba(0, 0, 0, 0); }

.pip-input-field input[type="date"]:focus { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.pip-input-field input[type="date"]:disabled { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.pip-input-field input[type="date"]::-webkit-inner-spin-button, .pip-input-field input[type="date"]::-webkit-calendar-picker-indicator, .pip-input-field input[type="date"]::-webkit-clear-button { display: none; appearance: none; }

.pip-input-field--labelled input[type="date"] { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.pip-input-field input:focus ~ .pip-input-field__prefix-label, .pip-input-field input:focus ~ .pip-input-field__suffix-label, .pip-input-field--labelled .pip-input-field__prefix-label, .pip-input-field--labelled .pip-input-field__suffix-label { opacity: 1; transition-delay: 33ms; visibility: visible; position: static; width: auto; height: auto; }

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

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

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

.pip-input-field__leading-icon { flex-shrink: 0; order: 1; }

.pip-input-field__trailing-icon { flex-shrink: 0; order: 5; }

.pip-input-field label { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.pip-input-field--disabled label, .pip-input-field--disabled input, .pip-input-field--disabled .pip-svg-icon, .pip-input-field--disabled .pip-input-field__suffix-label, .pip-input-field--disabled .pip-input-field__prefix-label { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

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

.pip-input-field--disabled input:-webkit-autofill { -webkit-text-fill-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.pip-input-field--read-only .pip-input-field__wrapper { background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); }

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

@media (forced-colors: active) {
  .pip-input-field--disabled label, .pip-input-field--disabled input, .pip-input-field--disabled .pip-svg-icon, .pip-input-field--disabled .pip-input-field__suffix-label, .pip-input-field--disabled .pip-input-field__prefix-label, .pip-input-field--read-only label, .pip-input-field--read-only input, .pip-input-field--read-only .pip-svg-icon, .pip-input-field--read-only .pip-input-field__suffix-label, .pip-input-field--read-only .pip-input-field__prefix-label { color: graytext; }
}

.pip-label-wrapper--text-input > label { display: block; margin: 0px 0px 0.25rem; }

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

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

.pip-radio { position: relative; display: flex; align-items: flex-start; }

.pip-radio > input[type="radio"] { position: absolute; left: -0.625rem; top: -0.625rem; width: 2.75rem; height: 2.75rem; display: inline-block; border: 0px; opacity: 0; padding: 0px; z-index: 1; cursor: pointer; }

[dir="rtl"] .pip-radio > input[type="radio"] { right: -0.625rem; left: initial; }

.pip-radio > .pip-radio__symbol { box-sizing: border-box; width: 1.5rem; height: 1.5rem; display: flex; align-items: center; justify-content: center; background: rgb(var(--colour-neutral-1, 255, 255, 255)); border: 1px solid rgb(var(--colour-interactive-subtle-border-default, 146, 146, 146)); border-radius: 64px; flex-shrink: 0; }

.pip-radio > .pip-radio__symbol::after { content: ""; display: block; border: 0px solid; border-radius: 64px; height: 0px; width: 0px; }

.pip-radio > .pip-radio__label { position: relative; display: block; margin-top: 0.1875rem; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.pip-radio > .pip-radio__label > .pip-radio__caption { display: block; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); padding-top: 0.25rem; }

.pip-radio label { display: inline-block; cursor: pointer; transition: color 200ms ease-in-out; padding-inline-start: 1rem; }

.pip-radio input[type="radio"]:hover ~ .pip-radio__symbol { border-color: rgb(var(--colour-interactive-subtle-border-hover, 17, 17, 17)); }

.pip-radio input[type="radio"]:hover ~ .pip-radio__symbol::after { border-width: 0.25rem; border-color: rgb(var(--colour-neutral-3, 223, 223, 223)); }

.pip-radio input[type="radio"]:checked:hover:not(:disabled) ~ .pip-radio__symbol { border-color: rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163)); }

.pip-radio input[type="radio"]:checked:hover:not(:disabled) ~ .pip-radio__symbol::after { border-color: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147)); }

.pip-radio--subtle > input[type="radio"]:checked:hover:not(:disabled) ~ .pip-radio__symbol { border-color: rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); }

.pip-radio--subtle > input[type="radio"]:checked:hover:not(:disabled) ~ .pip-radio__symbol::after { border-color: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); }

.pip-radio input[type="radio"]:checked ~ .pip-radio__symbol { border-color: rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163)); }

.pip-radio input[type="radio"]:checked ~ .pip-radio__symbol::after { border-width: 0.5rem; border-color: rgb(var(--colour-interactive-emphasised-bg-default, 0, 88, 163)); }

.pip-radio--subtle > input[type="radio"]:checked ~ .pip-radio__symbol { border-color: rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); }

.pip-radio--subtle > input[type="radio"]:checked ~ .pip-radio__symbol::after { border-color: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17)); }

.pip-radio input[type="radio"]:disabled { pointer-events: none; }

.pip-radio input[type="radio"]:disabled ~ .pip-radio__symbol { border-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.pip-radio input[type="radio"]:disabled:checked ~ .pip-radio__symbol::after { border-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.pip-radio input[type="radio"]:disabled:not(:checked) ~ .pip-radio__symbol::after { display: none; }

.pip-radio input[type="radio"]:disabled ~ .pip-radio__label label { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); cursor: not-allowed; pointer-events: none; }

.pip-radio input[type="radio"]:disabled ~ .pip-radio__label a { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

@media (forced-colors: active) {
  .pip-radio input[type="radio"]:disabled ~ .pip-radio__symbol, .pip-radio input[type="radio"]:disabled:checked ~ .pip-radio__symbol::after { border-color: graytext; }
  .pip-radio input[type="radio"]:disabled ~ .pip-radio__label label, .pip-radio input[type="radio"]:disabled ~ .pip-radio__label a { color: graytext; }
}

.pip-radio input[type="radio"]:active:not(:disabled) ~ .pip-radio__symbol { border-color: rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163)); }

.pip-radio input[type="radio"]:active:not(:disabled) ~ .pip-radio__symbol::after { border-width: 0.5rem; border-color: rgb(var(--colour-interactive-emphasised-bg-pressed, 0, 62, 114)); }

.pip-radio--subtle > input[type="radio"]:active:not(:disabled) ~ .pip-radio__symbol { border-color: rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); }

.pip-radio--subtle > input[type="radio"]:active:not(:disabled) ~ .pip-radio__symbol::after { border-color: rgb(var(--colour-interactive-primary-bg-pressed, 0, 0, 0)); }

.pip-radio input[type="radio"]:focus-visible ~ .pip-radio__symbol { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.pip-radio input[type="radio"]:focus-visible:hover ~ .pip-radio__symbol { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.pip-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)); position: absolute; inset: 0px; display: block; width: 100%; border: var(--skapa-validation-border-default, var(--skapa-validation-border-focus-border)); pointer-events: none; transition: box-shadow 100ms cubic-bezier(0.4, 0, 0.4, 1), border 100ms cubic-bezier(0.4, 0, 0.4, 1); border-radius: 4px; box-sizing: border-box; }

.pip-validation-border--warning { border-color: rgb(var(--colour-semantic-caution, 242, 106, 47)); }

.pip-validation-border--error { border-color: rgb(var(--colour-semantic-negative, 224, 7, 81)); }

.pip-validation-border--success { border-color: rgb(var(--colour-semantic-positive, 10, 138, 0)); }

.pip-validation-border--disabled { border-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); box-shadow: none; }

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

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

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

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

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

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

.pip-select__chevron-down { right: 0.5rem; top: 50%; transform: translateY(-50%); }

[dir="rtl"] .pip-select__chevron-down { left: 0.5rem; right: auto; }

.pip-select__chevron-down { position: absolute; bottom: 0.25rem; }

.pip-select label, .pip-select .pip-svg-icon { pointer-events: none; }

.pip-select__icon { flex-shrink: 0; order: 1; }

.pip-select--hint select { color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); }

.pip-select--leading-icon select { padding-inline-start: 2.25rem; }

.pip-select--leading-icon .pip-select__icon { margin-inline-start: 0.5rem; position: absolute; }

.pip-select--disabled label { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

@media (forced-colors: active) {
  .pip-select--disabled label { color: graytext; }
}

.pip-checkbox-group { margin: 0px; padding: 0px; border: 0px; }

.pip-checkbox-group .pip-checkbox:not(:last-child) { margin-bottom: 1.5rem; }

.pip-checkbox { position: relative; display: flex; align-items: flex-start; }

.pip-checkbox input[type="checkbox"] { position: absolute; left: -0.625rem; top: -0.625rem; width: 2.75rem; height: 2.75rem; display: inline-block; border: 0px; opacity: 0; padding: 0px; z-index: 1; cursor: pointer; }

[dir="rtl"] .pip-checkbox input[type="checkbox"] { right: -0.625rem; left: initial; }

.pip-checkbox__symbol { box-sizing: border-box; position: relative; border-radius: 4px; border: 1px solid rgb(var(--colour-interactive-subtle-border-default, 146, 146, 146)); width: 1.5rem; height: 1.5rem; background: rgb(var(--colour-neutral-1, 255, 255, 255)); flex-shrink: 0; display: flex; align-items: center; justify-content: center; }

.pip-checkbox__symbol::before { transform: rotate(45deg); content: ""; box-sizing: content-box; display: block; border-width: 0px 2px 2px 0px; border-right-style: solid; border-bottom-style: solid; border-right-color: currentcolor; border-bottom-color: currentcolor; border-image: initial; border-left-style: initial; border-left-color: initial; border-top-style: initial; border-top-color: initial; height: 0.5625rem; width: 0.25rem; opacity: 0; margin-top: -0.25rem; color: rgb(var(--colour-static-white, 255, 255, 255)); }

.pip-checkbox__symbol::after { content: ""; position: absolute; left: 0.25rem; top: 0.625rem; border-width: 0px 0px 2px; border-bottom-style: solid; border-bottom-color: currentcolor; border-image: initial; border-left-style: initial; border-left-color: initial; border-top-style: initial; border-top-color: initial; border-right-style: initial; border-right-color: initial; opacity: 0; color: rgb(var(--colour-static-white, 255, 255, 255)); width: 0.875rem; }

[dir="rtl"] .pip-checkbox__symbol { right: 0px; left: initial; }

.pip-checkbox__label { position: relative; display: block; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); margin-top: 0.1875rem; }

.pip-checkbox__caption { display: block; padding-top: 0.25rem; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); }

.pip-checkbox label { display: inline-block; cursor: pointer; padding-inline-start: 1rem; transition: color 200ms ease-in-out; }

.pip-checkbox input[type="checkbox"]:checked ~ .pip-checkbox__symbol { background: rgb(var(--colour-interactive-emphasised-bg-default, 0, 88, 163)); border-color: rgb(var(--colour-interactive-emphasised-bg-default, 0, 88, 163)); }

.pip-checkbox input[type="checkbox"]:checked ~ .pip-checkbox__symbol::before { opacity: 1; }

.pip-checkbox input[type="checkbox"]:indeterminate ~ .pip-checkbox__symbol { background: rgb(var(--colour-interactive-emphasised-bg-default, 0, 88, 163)); border-color: rgb(var(--colour-interactive-emphasised-bg-default, 0, 88, 163)); }

.pip-checkbox input[type="checkbox"]:indeterminate ~ .pip-checkbox__symbol::after { opacity: 1; }

.pip-checkbox input[type="checkbox"]:hover ~ .pip-checkbox__symbol { border-color: rgb(var(--colour-interactive-subtle-border-hover, 17, 17, 17)); }

.pip-checkbox input[type="checkbox"]:hover ~ .pip-checkbox__symbol::before { color: rgb(var(--colour-neutral-3, 223, 223, 223)); opacity: 1; }

@media (hover: none) {
  .pip-checkbox input[type="checkbox"]:hover ~ .pip-checkbox__symbol::before { color: rgb(var(--colour-neutral-3, 223, 223, 223)); }
}

.pip-checkbox input[type="checkbox"]:hover:checked ~ .pip-checkbox__symbol { background: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147)); border-color: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147)); }

.pip-checkbox input[type="checkbox"]:hover:checked ~ .pip-checkbox__symbol::before { color: rgb(var(--colour-static-white, 255, 255, 255)); }

.pip-checkbox input[type="checkbox"]:hover:indeterminate ~ .pip-checkbox__symbol { background: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147)); border-color: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147)); }

.pip-checkbox input[type="checkbox"]:hover:indeterminate ~ .pip-checkbox__symbol::before { opacity: 0; }

.pip-checkbox--subtle input[type="checkbox"] ~ .pip-checkbox__symbol::before, .pip-checkbox--subtle input[type="checkbox"] ~ .pip-checkbox__symbol::after { color: rgb(var(--colour-neutral-1, 255, 255, 255)); }

.pip-checkbox--subtle input[type="checkbox"]:checked ~ .pip-checkbox__symbol { background: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17)); border-color: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17)); }

.pip-checkbox--subtle input[type="checkbox"]:hover:checked ~ .pip-checkbox__symbol { background: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); border-color: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); }

.pip-checkbox--subtle input[type="checkbox"]:hover:checked ~ .pip-checkbox__symbol::after, .pip-checkbox--subtle input[type="checkbox"]:hover:checked ~ .pip-checkbox__symbol::before { color: rgb(var(--colour-neutral-1, 255, 255, 255)); }

.pip-checkbox--subtle input[type="checkbox"]:indeterminate ~ .pip-checkbox__symbol { background: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17)); border-color: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17)); }

.pip-checkbox--subtle input[type="checkbox"]:hover:indeterminate ~ .pip-checkbox__symbol { background: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); border-color: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); }

.pip-checkbox input[type="checkbox"]:disabled { pointer-events: none; }

.pip-checkbox input[type="checkbox"]:disabled ~ .pip-checkbox__symbol { background-color: rgb(var(--colour-neutral-1, 255, 255, 255)); border-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.pip-checkbox input[type="checkbox"]:disabled:hover { cursor: default; }

.pip-checkbox input[type="checkbox"]:disabled:checked ~ .pip-checkbox__symbol, .pip-checkbox input[type="checkbox"]:disabled:indeterminate ~ .pip-checkbox__symbol { background-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.pip-checkbox input[type="checkbox"]:disabled:checked ~ .pip-checkbox__symbol::before, .pip-checkbox input[type="checkbox"]:disabled:checked ~ .pip-checkbox__symbol::after, .pip-checkbox input[type="checkbox"]:disabled:indeterminate ~ .pip-checkbox__symbol::before, .pip-checkbox input[type="checkbox"]:disabled:indeterminate ~ .pip-checkbox__symbol::after { border-color: rgb(var(--colour-interactive-disabled-2, 146, 146, 146)); }

.pip-checkbox input[type="checkbox"]:disabled ~ .pip-checkbox__label label { cursor: default; color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); pointer-events: none; }

.pip-checkbox input[type="checkbox"]:disabled ~ .pip-checkbox__label a { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

@media (forced-colors: active) {
  .pip-checkbox input[type="checkbox"]:disabled ~ .pip-checkbox__symbol { border-color: graytext; }
  .pip-checkbox input[type="checkbox"]:disabled:checked ~ .pip-checkbox__symbol::before, .pip-checkbox input[type="checkbox"]:disabled:checked ~ .pip-checkbox__symbol::after, .pip-checkbox input[type="checkbox"]:disabled:indeterminate ~ .pip-checkbox__symbol::before, .pip-checkbox input[type="checkbox"]:disabled:indeterminate ~ .pip-checkbox__symbol::after { border-color: graytext; }
  .pip-checkbox input[type="checkbox"]:disabled ~ .pip-checkbox__label label, .pip-checkbox input[type="checkbox"]:disabled ~ .pip-checkbox__label a { color: graytext; }
}

.pip-link { text-decoration: underline; font-weight: 400; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.pip-link:focus, .pip-link:hover, .pip-link:active { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.pip-link--disabled { cursor: default; pointer-events: none; opacity: 0.4; }

.pip-link--disabled:focus::before { border: 0px; }

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

.pip-link--black:hover, .pip-link--black:focus, .pip-link--black:active { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.pip-link--black.pip-link--disabled { cursor: default; pointer-events: none; opacity: 0.4; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.pip-link--black.pip-link--disabled:hover { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.pip-link--black.pip-link--disabled:focus, .pip-link--black.pip-link--disabled:active { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.pip-link--black.pip-link--disabled:focus::before { border: 0px; }

.pip-link--grey { color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); }

.pip-link--grey:hover, .pip-link--grey:focus, .pip-link--grey:active { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.pip-link--grey.pip-link--disabled { cursor: default; pointer-events: none; opacity: 0.4; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.pip-link--grey.pip-link--disabled:hover { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.pip-link--grey.pip-link--disabled:focus, .pip-link--grey.pip-link--disabled:active { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.pip-link--grey.pip-link--disabled:focus::before { border: 0px; }

.pip-link--white { color: rgb(var(--colour-static-white, 255, 255, 255)); }

.pip-link--white:hover, .pip-link--white:focus, .pip-link--white:active { color: rgb(var(--colour-static-light-grey, 245, 245, 245)); }

.pip-link--white.pip-link--disabled { cursor: default; pointer-events: none; opacity: 0.4; color: rgb(var(--colour-static-white, 255, 255, 255)); }

.pip-link--white.pip-link--disabled:hover { color: rgb(var(--colour-static-white, 255, 255, 255)); }

.pip-link--white.pip-link--disabled:focus, .pip-link--white.pip-link--disabled:active { color: rgb(var(--colour-static-white, 255, 255, 255)); }

.pip-link--white.pip-link--disabled:focus::before { border: 0px; }

.pip-link--subtle { text-decoration: none; }

.pip-link--subtle:focus, .pip-link--subtle:hover, .pip-link--subtle:active { text-decoration: underline; }

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

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

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

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

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

.pip-image__no-image { background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; padding: 0px; }

.pip-image__no-image-inner { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.5rem; }

.pip-image__no-image-icon { color: rgb(var(--colour-text-and-icon-4, 146, 146, 146)); }

.pip-image__no-image-text { font-size: 0.75rem; line-height: 1.5; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); }

.pip-inline-message { position: relative; display: flex; align-items: flex-start; height: auto; background-color: rgb(var(--colour-elevation-1, 255, 255, 255)); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 16px; border-radius: 4px; border: 0 solid rgb(var(--colour-elevation-1-border, 223, 223, 223)); border-inline-start-width: 0.25rem; padding: 1rem 0px; padding-inline-end: 0.5rem; min-height: 1.5rem; text-align: start; box-sizing: border-box; }

.pip-inline-message a { text-decoration: underline; }

.pip-inline-message__content { width: 100%; padding-inline-end: 1.5rem; }

.pip-inline-message__body { margin: 0px; }

.pip-inline-message__actions { display: flex; justify-content: flex-end; margin-top: 0.5rem; }

.pip-inline-message__actions .pip-btn:last-child { margin-inline-start: 0.25rem; }

.pip-inline-message__close-button { margin-top: -0.5rem; }

.pip-inline-message__title { padding-bottom: 0.25rem; margin: 0px; }

.pip-inline-message__icon { flex-shrink: 0; margin-inline: 0.75rem; }

.pip-inline-message--dismissable .pip-inline-message__content { padding-inline-end: 0.5rem; }

.pip-inline-message--icon-hidden { padding-inline-start: 0.75rem; }

.pip-inline-message--subtle { border: 0px; box-shadow: none; padding: 0px; overflow: visible; background: none; }

.pip-inline-message--subtle .pip-inline-message__close-button { margin-top: -0.25rem; }

.pip-inline-message--subtle .pip-inline-message__icon { margin-inline-start: 0px; }

.pip-inline-message--closed { transition: 200ms cubic-bezier(0.4, 0, 0.4, 1); padding-top: 0px; padding-bottom: 0px; visibility: hidden; opacity: 0; overflow: hidden; min-height: 0px; }

.pip-inline-message--collapsed { display: none; }

.pip-inline-message--informative { border-inline-start-color: rgb(var(--colour-semantic-informative, 0, 88, 163)); }

.pip-inline-message--informative .pip-inline-message__icon { color: rgb(var(--colour-semantic-informative, 0, 88, 163)); }

.pip-inline-message--positive { border-inline-start-color: rgb(var(--colour-semantic-positive, 10, 138, 0)); }

.pip-inline-message--positive .pip-inline-message__icon { color: rgb(var(--colour-semantic-positive, 10, 138, 0)); }

.pip-inline-message--cautionary { border-inline-start-color: rgb(var(--colour-semantic-caution, 242, 106, 47)); }

.pip-inline-message--cautionary .pip-inline-message__icon { color: rgb(var(--colour-semantic-caution, 242, 106, 47)); }

.pip-inline-message--negative { border-inline-start-color: rgb(var(--colour-semantic-negative, 224, 7, 81)); }

.pip-inline-message--negative .pip-inline-message__icon { color: rgb(var(--colour-semantic-negative, 224, 7, 81)); }

@media (prefers-contrast: more) {
  .pip-inline-message { border-block-width: 1px; border-inline-end-width: 1px; }
}

.pip-product__subgrid { margin-bottom: 1.25rem; display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); column-gap: 0.75rem; }

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

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

.pip-product__buy-module-container { grid-column: 1 / span 4; }

@media (min-width: 37.5em) {
  .pip-product__buy-module-container { grid-column-end: span 6; }
}

@media (min-width: 56.25em) {
  .pip-product__buy-module-container { padding: 0px 0px 0px 2.5rem; grid-area: 3 / 8 / span 2 / span 5; align-self: flex-start; }
}

@media (min-width: 75em) {
  .pip-product__buy-module-container { grid-column: 8 / span 5; }
}

@media (min-width: 56.25em) {
  .pip-product__buy-module-container--sticky { top: 6rem; position: sticky; }
}

.pip-product__buy-module-content { display: flex; flex-direction: column; }

.pip-product__left-top, .pip-product__left-bottom { grid-column: 1 / span 4; }

@media (min-width: 37.5em) {
  .pip-product__left-top, .pip-product__left-bottom { grid-column-end: span 6; }
}

@media (min-width: 56.25em) {
  .pip-product__left-top, .pip-product__left-bottom { grid-column-end: span 7; }
}

.pip-product__left-top { margin: 0px -1.25rem; position: relative; }

@media (min-width: 56.25em) {
  .pip-product__left-top { margin: 0px; grid-row: 3; }
}

@media (min-width: 56.25em) {
  .pip-product__left-bottom { grid-row: 4; }
}

.pip-list-view { padding: 0px; margin: 0px; }

.pip-list-view--small .pip-list-view-item__action, .pip-list-view--small .pip-list-view-item__default { min-height: 3rem; padding-block: 0.5rem; }

.pip-list-view--medium .pip-list-view-item__action, .pip-list-view--medium .pip-list-view-item__default { min-height: 4.5rem; padding-block: 0.75rem; }

.pip-list-view--large .pip-list-view-item__action, .pip-list-view--large .pip-list-view-item__default { min-height: 5.5rem; padding-block: 1.25rem; }

button.pip-list-view-item__action:hover .pip-list-view-item__title, a.pip-list-view-item__action:hover .pip-list-view-item__title { text-decoration: underline; }

.pip-list-view-item { width: 100%; list-style-type: none; border-bottom: 1px rgb(var(--colour-neutral-3, 223, 223, 223)) solid; box-sizing: border-box; text-decoration: none; }

.pip-list-view-item__no-divider { border-bottom: none; }

.pip-list-view-item__action, .pip-list-view-item__default { box-sizing: border-box; width: 100%; display: flex; justify-content: space-between; align-items: center; background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; border: none; outline: none; text-align: inherit; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); text-decoration: none; padding: 0px; line-height: 1.571; user-select: text; }

.pip-list-view-item__action:not(:disabled) { cursor: pointer; }

.pip-list-view-item__wrapper { display: flex; flex-grow: 1; align-items: center; }

.pip-list-view-item__label-container { flex-grow: 1; padding-inline-end: 1rem; }

.pip-list-view-item__icon-center, .pip-list-view-item__icon-top { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); margin-inline-end: 1rem; flex-shrink: 0; }

.pip-list-view-item__icon-top, .pip-list-view-item__image-top, .pip-list-view-item__payment-logo-top, .pip-list-view-item__avatar-top { align-self: flex-start; }

.pip-list-view-item__payment-logo { margin-inline-end: 1rem; flex-shrink: 0; }

.pip-list-view-item__image { margin-inline-end: 1rem; display: block; width: 3rem; inset-inline-start: 1rem; flex-shrink: 0; }

.pip-list-view-item__description { display: block; }

.pip-list-view-item__title { display: block; }

.pip-list-view-item__quantity-label { padding-inline-end: 0px; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); }

.pip-list-view-item__quantity-label:not(:last-child) { padding-inline-end: 1rem; }

.pip-list-view-item__addon { margin-block-start: 0.25rem; display: block; }

.pip-list-view-item:hover .pip-list-view-item__label { text-decoration: underline; }

.pip-list-view-item__inset { padding-inline: 1.5rem; }

.pip-list-view-item__avatar { margin-inline-end: 1rem; flex-shrink: 0; }

.pip-list-view-item--disabled { pointer-events: none; }

.pip-list-view-item--disabled .pip-list-view-item__default, .pip-list-view-item--disabled .pip-list-view-item__action, .pip-list-view-item--disabled .pip-list-view-item__icon-center, .pip-list-view-item--disabled .pip-list-view-item__icon-top, .pip-list-view-item--disabled .pip-list-view-item__title, .pip-list-view-item--disabled .pip-list-view-item__description, .pip-list-view-item--disabled .pip-list-view-item__quantity-label { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.pip-list-view-item--disabled .pip-avatar__image, .pip-list-view-item--disabled .pip-list-view-item__image { opacity: 0.2; }

.pip-list-view-item--disabled .pip-avatar { background-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); color: rgb(var(--colour-interactive-disabled-2, 146, 146, 146)); }

.pip-list-view-item--disabled .pip-list-view-item__payment-logo { opacity: 0.4; }

[dir="rtl"] .pip-list-view-item__control-icon { transform: scaleX(-1); }

.pip-list-view-item__action:focus-visible { outline: none; box-shadow: inset 0 0 0 2px rgb(var(--colour-interactive-subtle-border-selected, 17, 17, 17)); }

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

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

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

.pip-loading__text { max-width: 100%; margin-top: 2.5rem; text-align: center; transform: translateY(1.5rem); }

.pip-loading__text--fade-out { transition: transform 100ms cubic-bezier(0.4, 0, 0.4, 1), opacity 100ms cubic-bezier(0.4, 0, 0.4, 1); transform: translateY(-1.5rem); }

.pip-loading__text--fade-in { transition: transform 100ms cubic-bezier(0.4, 0, 0.4, 1), opacity 100ms cubic-bezier(0.4, 0, 0.4, 1); transform: translateY(0px); opacity: 1; }

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

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

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

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

.pip-loading__ball--large { margin-bottom: 2rem; }

.pip-loading__ball--primary { border-color: rgb(var(--colour-neutral-7, 17, 17, 17)); }

.pip-loading__ball--secondary { border-color: rgb(var(--colour-neutral-1, 255, 255, 255)); }

.pip-loading__ball--secondary + .pip-loading__text { color: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); }

.pip-loading__linear-wrapper { position: relative; display: flex; width: 100%; height: 0.3125rem; }

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

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

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

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

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

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

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

@keyframes pip-loading-bounce-small { 
  0%, 100% { transform: translate(0px, -160%); animation-timing-function: cubic-bezier(0.42, 0, 1, 1); }
  40% { transform: translate(0px, 20%); animation-timing-function: cubic-bezier(0, 0, 0, 1); }
}

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

.pip-content-container { max-width: 112rem; margin-inline: auto; box-sizing: border-box; padding-inline: 1.25rem; }

@media (min-width: 37.5em) {
  .pip-content-container { padding-inline: 2rem; }
}

@media (min-width: 56.25em) {
  .pip-content-container { padding-inline: 3rem; }
}

.pip-content-container__breakout { margin-inline: -1.25rem; }

.pip-content-container__breakout-revert { padding-inline: 1.25rem; }

@media (min-width: 37.5em) {
  .pip-content-container__breakout { margin-inline: -2rem; }
  .pip-content-container__breakout-revert { padding-inline: 2rem; }
}

@media (min-width: 56.25em) {
  .pip-content-container__breakout { margin-inline: 0px; }
  .pip-content-container__breakout-revert { padding-inline: 0px; }
}

.pip-content-container__carousel { --overflow-start: 1.25rem; --overflow-end: 1.25rem; }

@media (min-width: 37.5em) {
  .pip-content-container__carousel { --overflow-start: 2rem; --overflow-end: 2rem; }
}

@media (min-width: 56.25em) {
  .pip-content-container__carousel { --overflow-start: 0; --overflow-end: 0; }
}

.pip-price { font-weight: 700; line-height: 1; font-size: 1.5rem; position: relative; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.pip-price--subtle { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.pip-price__nowrap { white-space: nowrap; }

.pip-price__currency, .pip-price__decimal, .pip-price__subscript { font-size: 0.5em; line-height: 1.3; }

.pip-price__subscript, .pip-price__currency, .pip-price__decimal { position: relative; }

.pip-price__currency { unicode-bidi: bidi-override; }

.pip-price__subscript { display: inline-block; unicode-bidi: isolate; }

.pip-price--currency-super-aligned .pip-price__currency { top: -0.727em; }

.pip-price--currency-fill-aligned .pip-price__currency { font-size: inherit; line-height: inherit; }

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

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

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

.pip-price--regular-font-weight { font-weight: 400; }

.pip-price--strikeout .pip-price__currency, .pip-price--strikeout .pip-price__decimal, .pip-price--strikeout .pip-price__integer { text-decoration: line-through; }

.pip-price--fixed-size .pip-price__subscript, .pip-price--fixed-size .pip-price__currency, .pip-price--fixed-size .pip-price__decimal, .pip-price--strikeout .pip-price__subscript, .pip-price--strikeout .pip-price__currency, .pip-price--strikeout .pip-price__decimal, .pip-price--regular-font-weight .pip-price__subscript, .pip-price--regular-font-weight .pip-price__currency, .pip-price--regular-font-weight .pip-price__decimal, .pip-price--large.pip-price--strikeout .pip-price__subscript, .pip-price--large.pip-price--strikeout .pip-price__currency, .pip-price--large.pip-price--strikeout .pip-price__decimal { font-size: 1em; line-height: 1; top: auto; }

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

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

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

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

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

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

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

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

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

@media (forced-colors: active) {
  .pip-price--bti-price { border-style: solid; border-width: 0px 2px 2px 0px; }
}

.pip-price-module { --skapa-price-module-commercial-message-offset: 16px; --skapa-price-module-information-gap: 0.25rem; display: flex; flex-direction: column; gap: 0.5rem; }

.pip-price-module__description { display: block; }

.pip-price-module__offer-message { display: flex; align-items: center; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

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

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

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

.pip-price-module--bti .pip-price-module__primary-currency-price, .pip-price-module--new-bti .pip-price-module__primary-currency-price { margin-bottom: 0.5rem; }

.pip-price-module--bti .pip-price-module__secondary-currency-price, .pip-price-module--new-bti .pip-price-module__secondary-currency-price { margin-bottom: 0.25rem; }

.pip-price-module__information, .pip-price-module__price { display: flex; flex-direction: column; gap: var(--skapa-price-module-information-gap); }

.pip-price-module__name { text-transform: uppercase; }

.pip-price-module__primary-currency-price { display: flex; flex-direction: column; gap: 0.25rem; }

.pip-price-module__primary-currency-price-energy-class { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; }

.pip-price-module__secondary-currency-price { display: flex; flex-direction: column; align-items: flex-start; }

.pip-price-module__energy-class { display: flex; vertical-align: top; }

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

.pip-price-module__comparison-price { flex-basis: 100%; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.pip-price-module__addons .pip-price { font-size: inherit; }

.pip-price-module__current-price { font-size: 1.75rem; }

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

.pip-price-module__addons { display: flex; flex-direction: column; }

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

.pip-price-module--xsmall { --skapa-price-module-commercial-message-offset: 12px; }

.pip-price-module--xsmall .pip-price-module__energy-class svg { width: 4.0625rem; height: 2.25rem; }

.pip-price-module--xsmall.pip-price-module--tro .pip-price-module__secondary-current-price, .pip-price-module--xsmall.pip-price-module--new-tro .pip-price-module__secondary-current-price, .pip-price-module--xsmall .pip-price-module__current-price { font-size: 1.5rem; }

.pip-price-module--xsmall .pip-price-module__secondary-current-price { font-size: 1rem; }

.pip-price-module--small { --skapa-price-module-commercial-message-offset: 14px; }

.pip-price-module--small .pip-price-module__energy-class svg { width: 4.75rem; height: 2.625rem; }

.pip-price-module--small.pip-price-module--tro .pip-price-module__secondary-current-price, .pip-price-module--small.pip-price-module--new-tro .pip-price-module__secondary-current-price, .pip-price-module--small .pip-price-module__current-price { font-size: 1.75rem; }

.pip-price-module--small .pip-price-module__secondary-current-price { font-size: 0.875rem; }

.pip-price-module--medium .pip-price-module__energy-class svg { width: 5.4375rem; height: 3rem; }

.pip-price-module--medium.pip-price-module--tro .pip-price-module__secondary-current-price, .pip-price-module--medium.pip-price-module--new-tro .pip-price-module__secondary-current-price, .pip-price-module--medium .pip-price-module__current-price { font-size: 2rem; }

.pip-price-module--medium .pip-price-module__secondary-current-price { font-size: 1rem; }

.pip-price-module--large .pip-price-module__energy-class svg { width: 8.1875rem; height: 4.5rem; }

.pip-price-module--large.pip-price-module--tro .pip-price-module__secondary-current-price, .pip-price-module--large.pip-price-module--new-tro .pip-price-module__secondary-current-price, .pip-price-module--large .pip-price-module__current-price { font-size: 3rem; }

.pip-price-module--large .pip-price-module__secondary-current-price { font-size: 1.5rem; }

.pip-price-module--large .pip-price-module__comparison-price .pip-price { font-size: 1rem; }

.pip-price-module--xlarge .pip-price-module__energy-class svg { width: 10.875rem; height: 6rem; }

.pip-price-module--xlarge.pip-price-module--tro .pip-price-module__secondary-current-price, .pip-price-module--xlarge.pip-price-module--new-tro .pip-price-module__secondary-current-price, .pip-price-module--xlarge .pip-price-module__current-price { font-size: 4rem; }

.pip-price-module--xlarge .pip-price-module__secondary-current-price { font-size: 2rem; }

.pip-price-module--xlarge .pip-price-module__comparison-price .pip-price { font-size: 1.25rem; }

.pip-price-module--large .pip-price-module__price, .pip-price-module--xlarge .pip-price-module__price { margin-bottom: 0.75rem; }

.pip-price-module--large .pip-price-module__primary-currency-price-energy-class, .pip-price-module--xlarge .pip-price-module__primary-currency-price-energy-class { gap: 0.75rem; }

.pip-price-module--large.pip-price-module--new-bti .pip-price-module__primary-currency-price, .pip-price-module--large.pip-price-module--bti .pip-price-module__primary-currency-price, .pip-price-module--xlarge.pip-price-module--new-bti .pip-price-module__primary-currency-price, .pip-price-module--xlarge.pip-price-module--bti .pip-price-module__primary-currency-price { margin-bottom: 1rem; }

.pip-price-module--large.pip-price-module--new-bti .pip-price-module__secondary-currency-price, .pip-price-module--large.pip-price-module--bti .pip-price-module__secondary-currency-price, .pip-price-module--xlarge.pip-price-module--new-bti .pip-price-module__secondary-currency-price, .pip-price-module--xlarge.pip-price-module--bti .pip-price-module__secondary-currency-price { margin-bottom: 0px; }

.pip-price-module:not(.pip-price-module--list).pip-price-module--commercial-message-placeholder { margin-top: calc(var(--skapa-price-module-commercial-message-offset)*1.25 + var(--skapa-price-module-information-gap)); }

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

.pip-price-module--list .pip-price-module__current-price, .pip-price-module--list .pip-price-module__secondary-current-price { line-height: inherit; font-weight: inherit; font-size: inherit !important; }

.pip-price-module--list .pip-price-module__comparison-price .price { font-size: inherit; line-height: inherit; }

.pip-price-module--list .pip-price-module__information { position: relative; }

.pip-price-module--list .pip-price-module__primary-currency-price { gap: 0px; }

.pip-price-module--list .pip-price-module__comparison-price { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.pip-price-module--list .pip-price-module__list-addons { display: flex; flex-direction: column; flex-basis: 100%; gap: 0.25rem; }

.pip-price-module--list.pip-price-module--with-commercial-message { --skapa-price-module-list-commercial-message-offset: calc(var(--skapa-price-module-commercial-message-offset) * 1.25 + var(--skapa-price-module-information-gap)); padding-top: var(--skapa-price-module-list-commercial-message-offset); }

.pip-price-module--list.pip-price-module--with-commercial-message .pip-commercial-message { position: absolute; top: calc(var(--skapa-price-module-list-commercial-message-offset)*-1); white-space: nowrap; }

.pip-price-module--list.pip-price-module--xsmall .pip-price-module__energy-class svg { width: 2rem; height: 1.125rem; }

.pip-price-module--list.pip-price-module--small .pip-price-module__energy-class svg { width: 2.5rem; height: 1.375rem; }

.pip-price-module--list.pip-price-module--medium .pip-price-module__energy-class svg { width: 2.6875rem; height: 1.5rem; }

.pip-price-module--family-romania.pip-price-module--list .pip-price-module__price, .pip-price-module--family-romania.pip-price-module--list .pip-price-module__information { flex-basis: 100%; }

.pip-price-module--family-romania.pip-price-module--list .pip-price-module__primary-currency-price { display: flex; flex-flow: wrap; justify-content: space-between; gap: var(--skapa-price-module-information-gap); }

.pip-price-module--family-romania.pip-price-module--list .pip-commercial-message { order: initial; }

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

[dir="rtl"] .pip-price-module__offer-message svg { transform: scaleX(-1); }

.pip-product-identifier { display: inline-block; }

.pip-product-identifier__label { display: block; margin-bottom: 0.5rem; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.pip-product-identifier__value { display: inline-block; background-color: rgb(var(--colour-neutral-7, 17, 17, 17)); padding: calc(-1px + 0.25rem) calc(-1px + 0.75rem); border: 1px solid rgb(var(--colour-neutral-7, 17, 17, 17)); color: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); }

.pip-product-identifier--subtle .pip-product-identifier__value { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); border-color: rgb(var(--colour-neutral-2, 245, 245, 245)); }

@media print {
  .pip-product-identifier__value { color: rgb(var(--colour-static-black, 17, 17, 17)); background-color: rgba(0, 0, 0, 0); border-color: rgb(var(--colour-static-black, 17, 17, 17)); }
  @supports ((-webkit-print-color-adjust: exact) or (print-color-adjust: exact)) or (-webkit-print-color-adjust: exact) {
  .pip-product-identifier__value { print-color-adjust: exact; background-color: rgb(var(--colour-static-black, 17, 17, 17)); color: rgb(var(--colour-static-white, 255, 255, 255)); }
}
}

button.pip-rating::after { content: ""; position: absolute; inset: -0.75rem 0px; }

button.pip-rating:hover .pip-rating__label { text-decoration: underline; }

.pip-rating { appearance: none; background: 0px center; padding: 0px; border: 0px; text-align: inherit; display: inline-block; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.pip-rating__stars { --rating: 0%; --star-width: 1.5rem; --star-height: 1.5rem; --ceil-max-rating: 5; --rating-width: calc(var(--star-width) * var(--ceil-max-rating)); --svg-star: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"m12.0025 4 2.8593 4.9091 5.5524 1.2024-3.7852 4.2363L17.2012 20l-5.1987-2.2909L6.8038 20l.5723-5.6522-3.7853-4.2363 5.5524-1.2024L12.0025 4z\"></path></svg>"); position: relative; display: inline-block; vertical-align: middle; margin-inline-start: -0.25rem; overflow: hidden; white-space: nowrap; width: var(--rating-width); height: var(--star-height); background-color: rgb(var(--colour-neutral-3, 223, 223, 223)); mask-image: var(--svg-star); mask-repeat: repeat-x; mask-size: var(--star-width) var(--star-height); forced-color-adjust: none; }

.pip-rating__stars::after { content: ""; position: absolute; top: 0px; left: 0px; display: block; width: var(--rating); height: 100%; background-color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.pip-rating__stars--small { mask-position: -0.1875rem center; margin-inline-start: -0.1875rem; --star-width: 1.125rem; --svg-star: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 24\"><path d=\"m11.9999 6 2.1245 3.6818 4.1255.9018-2.8125 3.1773L15.8626 18l-3.8627-1.7182L8.1372 18l.4252-4.2391-2.8125-3.1773 4.1255-.9018L11.9999 6z\"></path></svg>"); }

.pip-rating__label { display: inline-block; vertical-align: middle; margin-inline-start: 0.5rem; }

.pip-rating--small .pip-rating__label { margin-inline-start: 0.25rem; }

[dir="rtl"] .pip-rating__stars::after { right: 0px; left: auto; transform: scaleX(-1); }

.pip-search { --skapa-search-filled: 0; transition: background-color 200ms cubic-bezier(0.4, 0, 0.4, 1), border 200ms cubic-bezier(0.4, 0, 0.4, 1); position: relative; display: flex; align-items: center; overflow: hidden; border-radius: 64px; background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); padding-inline-end: 0.75rem; }

.pip-search:focus-within { background-color: rgb(var(--colour-neutral-1, 255, 255, 255)); box-shadow: inset 0 0 0 2px rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163)); }

.pip-search:focus-within .pip-search__input:-webkit-autofill { border-top-color: ; border-top-style: ; border-top-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-right: 0px; }

.pip-search--filled { --skapa-search-filled: 1; --skapa-search-button-width: calc(3rem + 0.0625rem); --skapa-search-actions-timing-function: step-start; }

.pip-search__input { transition: padding 200ms cubic-bezier(0.4, 0, 0.4, 1); flex-grow: 1; margin: 0px; padding: 0px; padding-inline-start: calc(3rem - var(--skapa-search-filled)*1.5rem); height: 3rem; width: calc(100% - 2.5rem); border: none; outline: none; appearance: none; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); background-color: rgba(0, 0, 0, 0); text-overflow: ellipsis; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 3rem inset; border-radius: 0px; }

.pip-search__input::placeholder { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.pip-search__input::-webkit-search-cancel-button { appearance: none; }

.pip-search__input:-webkit-autofill { background-color: rgba(0, 0, 0, 0); font-family: inherit; -webkit-text-fill-color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); box-shadow: 0 0 0 3rem rgb(var(--colour-neutral-2, 245, 245, 245)) inset; transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.4, 1); border-radius: 64px 0px 0px 64px; border: 0px; }

.pip-search__input:focus ~ .pip-search__clear { --skapa-search-action-override: 0; }

.pip-search--small .pip-search__input { height: 2.5rem; }

.pip-search--large .pip-search__input { height: 3.5rem; }

.pip-search--focus-with-clear.pip-search--filled .pip-search__input:focus ~ .pip-search__clear { --skapa-search-action-override: 1; }

.pip-search__input-wrapper { position: relative; display: flex; align-items: center; flex-grow: 1; height: 100%; }

.pip-search__icon { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); pointer-events: none; position: absolute; margin-inline-start: 1rem; transition: transform 200ms cubic-bezier(0.4, 0, 0.4, 1), opacity 200ms cubic-bezier(0, 0, 1, 1); transform: scale(calc(1 - var(--skapa-search-filled))); opacity: calc(1 - var(--skapa-search-filled)); z-index: 1; }

.pip-search__chevron-down { pointer-events: none; flex-shrink: 0; }

.pip-search__scope { display: flex; flex: 0 0 0%; padding-inline: 0.5rem 1.5rem; margin-inline-end: -1.5rem; height: 2.5rem; text-overflow: ellipsis; appearance: none; border: none; background-color: rgba(0, 0, 0, 0); color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); max-width: calc(50% - 0.5rem - var(--skapa-search-button-width, 0rem)); transition: max-width 200ms cubic-bezier(0.4, 0, 0.4, 1); }

.pip-search__scope-wrapper { position: relative; display: flex; align-items: center; height: 100%; }

.pip-search__divider { transition-property: opacity, width, margin; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); height: 1.5rem; background-color: rgb(var(--colour-neutral-3, 223, 223, 223)); margin-inline: 0.5rem; width: 1px; }

.pip-search__divider--hidden { opacity: 0; width: 0px; margin: 0px; }

.pip-search__action { --skapa-search-action-state: var(--skapa-search-action-override, var(--skapa-search-filled)); transform: scale(calc(var(--skapa-search-action-state) * 1)); opacity: calc(var(--skapa-search-action-state)*1); max-width: calc(var(--skapa-search-action-state)*2rem); transition-duration: 200ms; transition-property: max-width, transform, opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); }

.pip-search__actions { --skapa-search-action-override: calc(1 - var(--skapa-search-filled)); position: relative; display: flex; flex-wrap: nowrap; overflow: visible; justify-content: flex-end; max-width: calc(var(--skapa-search-action-override)*8rem); transition-behavior: normal; transition-duration: 200ms; transition-delay: 0s; transition-property: max-width, margin; transition-timing-function: var(--skapa-search-actions-timing-function, step-end),cubic-bezier(0.4, 0, 0.4, 1); margin-inline-start: calc(1*(3rem + 0.0625rem)*var(--skapa-search-filled)); margin-inline-end: calc(-1*(3rem + 0.0625rem)*var(--skapa-search-filled)); }

.pip-search__actions > .pip-search__action { max-width: 2rem; }

.pip-search__actions > .pip-search__action:not(:first-child) { margin-inline-start: 1rem; }

@media (forced-colors: active) {
  .pip-search { border: 1px solid; }
}

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

.pip-search .pip-search__scope:focus-visible, .pip-search .pip-btn:focus-visible { box-shadow: 0 0 0 1px rgb(var(--colour-neutral-1, 255, 255, 255)); outline: 2px solid rgb(var(--colour-neutral-7, 17, 17, 17)); outline-offset: 1px; }

.pip-search .pip-search__input:focus-visible { outline: 0px; }

.pip-search .pip-search__input:-webkit-autofill:focus-visible { box-shadow: 0 0 0 3rem rgb(var(--colour-neutral-1, 255, 255, 255)) inset; transition: box-shadow cubic-bezier(0.4, 0, 0.4, 1); caret-color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

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

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

.pip-shoppable-image:hover .pip-shoppable-image__area--active .pip-shoppable-image__tag { opacity: 1; visibility: visible; z-index: 1; }

.pip-shoppable-image__sr-description { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); margin: -1px; white-space: nowrap; }

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

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

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

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

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

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

.pip-shoppable-image__dot:focus { border-color: rgba(var(--colour-static-grey, 223, 223, 223), 0.64); }

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

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

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

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

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

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

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

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

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

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

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

.pip-shoppable-image__tag--top { transform: translateX(-50%) translateY(-100%) translateY(-1.5rem); }

.pip-shoppable-image__tag--top-left { transform: translateX(-1rem) translateY(-100%) translateY(-1.5rem); }

.pip-shoppable-image__tag--top-right { transform: translateX(calc(-100% + 1rem)) translateY(-100%) translateY(-1.5rem); }

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

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

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

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

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

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

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

.pip-shoppable-image__category-link { position: relative; display: block; background: rgba(0, 0, 0, 0); }

.pip-shoppable-image--visible-dots .pip-shoppable-image__button, .pip-shoppable-image--visible-dots .pip-shoppable-image__dot { opacity: 1; visibility: visible; }

.pip-shoppable-image--visible-dots .pip-shoppable-image__area--active .pip-shoppable-image__tag { opacity: 1; visibility: visible; z-index: 1; }

.pip-shoppable-image .pip-shoppable-image__tag--bottom { transform: translateX(-50%) translateY(1.5rem); }

.pip-shoppable-image .pip-shoppable-image__tag--bottom-left { transform: translateX(-1rem) translateY(1.5rem); }

.pip-shoppable-image .pip-shoppable-image__tag--bottom-right { transform: translateX(calc(-100% + 1rem)) translateY(1.5rem); }

.pip-shoppable-image .pip-shoppable-image__tag--left { transform: translateY(-50%) translateX(-100%) translateX(-1.5rem); }

.pip-shoppable-image .pip-shoppable-image__tag--left-bottom { transform: translateY(calc(-100% + 1rem)) translateX(-100%) translateX(-1.5rem); }

.pip-shoppable-image .pip-shoppable-image__tag--left-top { transform: translateY(-1rem) translateX(-100%) translateX(-1.5rem); }

.pip-shoppable-image .pip-shoppable-image__tag--right { transform: translateY(-50%) translateX(1.5rem); }

.pip-shoppable-image .pip-shoppable-image__tag--right-bottom { transform: translateY(calc(-100% + 1rem)) translateX(1.5rem); }

.pip-shoppable-image .pip-shoppable-image__tag--right-top { transform: translateY(-1rem) translateX(1.5rem); }

.pip-shoppable-image__button { position: absolute; opacity: 0; visibility: hidden; bottom: 1rem; left: 1rem; pointer-events: none; filter: drop-shadow(1px 0px 4px rgba(var(--colour-static-black, 17, 17, 17), 0.55)); color: rgb(var(--colour-static-white, 255, 255, 255)); }

.pip-shoppable-image--hidden-dots .pip-shoppable-image__button, .pip-shoppable-image--hidden-dots .pip-shoppable-image__tag, .pip-shoppable-image--hidden-dots .pip-shoppable-image__dot { opacity: 0; visibility: hidden; }

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

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

.pip-shoppable-image__aspect-constraint > * { pointer-events: initial; }

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

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

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

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

[dir="rtl"] .pip-shoppable-image__dot { transform: translateX(2rem) translateX(-1rem) translateY(-1rem) scale(0.999); }

[dir="rtl"] .pip-shoppable-image .pip-shoppable-image__tag--top, [dir="rtl"] .pip-shoppable-image .pip-shoppable-image__tag { transform: translateX(50%) translateY(-100%) translateY(-1.5rem); }

[dir="rtl"] .pip-shoppable-image .pip-shoppable-image__tag--top-left { transform: translateX(calc(100% - 1rem)) translateY(-100%) translateY(-1.5rem); }

[dir="rtl"] .pip-shoppable-image .pip-shoppable-image__tag--top-right { transform: translateX(1rem) translateY(-100%) translateY(-1.5rem); }

[dir="rtl"] .pip-shoppable-image .pip-shoppable-image__tag--bottom { transform: translateX(50%) translateY(1.5rem); }

[dir="rtl"] .pip-shoppable-image .pip-shoppable-image__tag--bottom-left { transform: translateX(calc(100% - 1rem)) translateY(1.5rem); }

[dir="rtl"] .pip-shoppable-image .pip-shoppable-image__tag--bottom-right { transform: translateX(1rem) translateY(1.5rem); }

[dir="rtl"] .pip-shoppable-image .pip-shoppable-image__tag--left { transform: translateY(-50%) translateX(-1.5rem); }

[dir="rtl"] .pip-shoppable-image .pip-shoppable-image__tag--right { transform: translateY(-50%) translateX(100%) translateX(1.5rem); }

[dir="rtl"] .pip-shoppable-image .pip-shoppable-image__tag-chevron { transform: scaleX(-1); }

.pip-shoppable-image__category-link:focus-visible, .pip-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 200ms ease-out, box-shadow 200ms ease-out; }

@keyframes button-fade-out { 
  0%, 90% { opacity: 1; box-shadow: none; }
  100% { opacity: 0; box-shadow: none; visibility: hidden; }
}

@keyframes button-container-fade-move-ltr { 
  0% { opacity: 1; bottom: 50%; right: 50%; left: auto; transform: translate(50%, 50%); }
  33% { opacity: 0; bottom: 50%; right: 50%; left: auto; transform: translate(50%, 50%); }
  66% { opacity: 0; bottom: 1.25rem; right: 1.25rem; left: auto; transform: none; }
  100% { opacity: 1; bottom: 1.25rem; right: 1.25rem; left: auto; transform: none; }
}

@keyframes button-container-fade-move-rtl { 
  0% { opacity: 1; bottom: 50%; left: 50%; right: auto; transform: translate(-50%, 50%); }
  33% { opacity: 0; bottom: 50%; left: 50%; right: auto; transform: translate(-50%, 50%); }
  66% { opacity: 0; bottom: 1.25rem; left: 1.25rem; right: auto; transform: none; }
  100% { opacity: 1; bottom: 1.25rem; left: 1.25rem; right: auto; transform: none; }
}

@keyframes button-container-fade-move-rtl-top { 
  0% { opacity: 1; inset: 50% auto auto 50%; transform: translate(-50%, -50%); }
  33% { opacity: 0; inset: 50% auto auto 50%; transform: translate(-50%, -50%); }
  66% { opacity: 0; inset: 1.25rem auto auto 1.25rem; transform: none; }
  100% { opacity: 1; inset: 1.25rem auto auto 1.25rem; transform: none; }
}

@keyframes button-container-fade-move-ltr-top { 
  0% { opacity: 1; inset: 50% 50% auto auto; transform: translate(50%, -50%); }
  33% { opacity: 0; inset: 50% 50% auto auto; transform: translate(50%, -50%); }
  66% { opacity: 0; inset: 1.25rem 1.25rem auto auto; transform: none; }
  100% { opacity: 1; inset: 1.25rem 1.25rem auto auto; transform: none; }
}

.pip-simple-video { object-fit: cover; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }

.pip-simple-video:focus-visible { border: 2px rgb(var(--colour-neutral-1, 255, 255, 255)) solid; border-radius: 2px; }

.pip-simple-video__description { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); margin: -1px; white-space: nowrap; }

.pip-simple-video__video-action { background: none; border: 0px; width: 100%; height: 100%; position: absolute; cursor: pointer; padding: 0px; }

.pip-simple-video__secondary-actions { --secondary-action-edge-spacing: 1.25rem; position: absolute; display: flex; gap: 0.75rem; }

.pip-simple-video__secondary-actions--bottom-leading { bottom: var(--secondary-action-edge-spacing); left: var(--secondary-action-edge-spacing); }

[dir="rtl"] .pip-simple-video__secondary-actions--bottom-leading { left: auto; right: var(--secondary-action-edge-spacing); }

.pip-simple-video__secondary-actions--bottom-trailing { left: auto; bottom: var(--secondary-action-edge-spacing); right: var(--secondary-action-edge-spacing); flex-direction: row-reverse; }

[dir="rtl"] .pip-simple-video__secondary-actions--bottom-trailing { right: auto; left: var(--secondary-action-edge-spacing); }

.pip-simple-video__secondary-actions--top-trailing, .pip-simple-video__secondary-actions--all-top-trailing { top: var(--secondary-action-edge-spacing); bottom: auto; right: var(--secondary-action-edge-spacing); left: auto; flex-direction: row-reverse; }

[dir="rtl"] .pip-simple-video__secondary-actions--top-trailing, [dir="rtl"] .pip-simple-video__secondary-actions--all-top-trailing { right: auto; left: var(--secondary-action-edge-spacing); }

.pip-simple-video__button-container { position: absolute; bottom: 50%; right: 50%; transform: translate(50%, 50%); opacity: 1; }

.pip-simple-video__button-container--playing .pip-btn .pip-btn__inner { min-height: 2.5rem; padding-inline: 0.5rem; transition: min-height 200ms cubic-bezier(0.4, 0, 0.4, 1), padding-inline-start 200ms cubic-bezier(0.4, 0, 0.4, 1), padding-inline-end 200ms cubic-bezier(0.4, 0, 0.4, 1); transform-origin: center center; }

.pip-simple-video__button-container--playing.pip-simple-video__button-container--bottom-leading { animation: 0.6s cubic-bezier(0.4, 0, 0.4, 1) 0s 1 normal forwards running button-container-fade-move-ltr; }

[dir="rtl"] .pip-simple-video__button-container--playing.pip-simple-video__button-container--bottom-leading { animation: 0.6s cubic-bezier(0.4, 0, 0.4, 1) 0s 1 normal forwards running button-container-fade-move-rtl; }

.pip-simple-video__button-container--playing.pip-simple-video__button-container--bottom-trailing { animation: 0.6s cubic-bezier(0.4, 0, 0.4, 1) 0s 1 normal forwards running button-container-fade-move-rtl; }

[dir="rtl"] .pip-simple-video__button-container--playing.pip-simple-video__button-container--bottom-trailing { animation: 0.6s cubic-bezier(0.4, 0, 0.4, 1) 0s 1 normal forwards running button-container-fade-move-ltr; }

.pip-simple-video__button-container--playing.pip-simple-video__button-container--top-trailing { animation: 0.6s cubic-bezier(0.4, 0, 0.4, 1) 0s 1 normal forwards running button-container-fade-move-rtl-top; }

[dir="rtl"] .pip-simple-video__button-container--playing.pip-simple-video__button-container--top-trailing { animation: 0.6s cubic-bezier(0.4, 0, 0.4, 1) 0s 1 normal forwards running button-container-fade-move-ltr-top; }

.pip-simple-video__button-container--all-top-trailing { opacity: 1; inset: 1.25rem 4.375rem auto auto; transform: none; animation: auto ease 0s 1 normal none running none; }

[dir="rtl"] .pip-simple-video__button-container--all-top-trailing { right: auto; left: 4.375rem; }

.pip-simple-video__button-container--all-top-trailing .pip-btn .pip-btn__inner { min-height: 2.5rem; padding-inline: 0.5rem; }

.pip-simple-video__button .pip-btn__icon { transition: opacity 200ms cubic-bezier(0.4, 0, 0.4, 1), transform 100ms cubic-bezier(0.4, 0, 0.4, 1); transform-origin: center center; }

[dir="rtl"] .pip-simple-video__secondary-actions .pip-simple-video__button--transcript { transform: scaleX(-1); }

@media (hover: hover) {
  .pip-simple-video__secondary-actions .pip-simple-video__button:focus, .pip-simple-video__secondary-actions .pip-simple-video__button--transcript:focus ~ .pip-simple-video__button, .pip-simple-video__video-action:hover .pip-simple-video__secondary-actions .pip-simple-video__button, .pip-simple-video__video-action:focus ~ .pip-simple-video__secondary-actions .pip-simple-video__button--playing, .pip-simple-video__video-action:focus ~ .pip-simple-video__button-container, .pip-simple-video__video-action:hover ~ .pip-simple-video__secondary-actions .pip-simple-video__button--playing { opacity: 1; transition-delay: -3s; animation: auto ease 0s 1 normal none running none; visibility: visible; }
  .pip-simple-video__video-action:hover + .pip-simple-video__button-container.pip-simple-video__button-container--playing.pip-simple-video__button-container--bottom-trailing, .pip-simple-video__video-action:hover + .pip-simple-video__button-container.pip-simple-video__button-container--playing.pip-simple-video__button-container--bottom-leading, .pip-simple-video__video-action:hover + .pip-simple-video__button-container.pip-simple-video__button-container--playing.pip-simple-video__button-container--top-trailing, .pip-simple-video__video-action:focus + .pip-simple-video__button-container.pip-simple-video__button-container--playing.pip-simple-video__button-container--bottom-trailing, .pip-simple-video__video-action:focus + .pip-simple-video__button-container.pip-simple-video__button-container--playing.pip-simple-video__button-container--bottom-leading, .pip-simple-video__video-action:focus + .pip-simple-video__button-container.pip-simple-video__button-container--playing.pip-simple-video__button-container--top-trailing { opacity: 1; transition-delay: -3s; animation: auto ease 0s 1 normal none running none; visibility: visible; }
  .pip-simple-video__secondary-actions .pip-simple-video__button--playing { opacity: 0; animation: 3s ease 0s 1 normal forwards running button-fade-out; }
  .pip-simple-video__button-container { opacity: 1; transform: none; }
  .pip-simple-video__button-container--playing { opacity: 0; }
  .pip-simple-video__button-container--playing.pip-simple-video__button-container--bottom-trailing, [dir="rtl"] .pip-simple-video__button-container--playing.pip-simple-video__button-container--bottom-trailing, .pip-simple-video__button-container--playing.pip-simple-video__button-container--bottom-leading, [dir="rtl"] .pip-simple-video__button-container--playing.pip-simple-video__button-container--bottom-leading, .pip-simple-video__button-container--playing.pip-simple-video__button-container--top-trailing, [dir="rtl"] .pip-simple-video__button-container--playing.pip-simple-video__button-container--top-trailing { animation: 3s ease 0s 1 normal forwards running button-fade-out; }
  .pip-simple-video__button-container .pip-btn .pip-btn__inner { min-height: 2.5rem; padding-inline: 0.5rem; }
  .pip-simple-video__button-container--bottom-leading { inset: auto 1.25rem 1.25rem auto; }
  [dir="rtl"] .pip-simple-video__button-container--bottom-leading { right: auto; left: 1.25rem; }
  .pip-simple-video__button-container--bottom-trailing { inset: auto auto 1.25rem 1.25rem; }
  [dir="rtl"] .pip-simple-video__button-container--bottom-trailing { left: auto; right: 1.25rem; }
  .pip-simple-video__button-container--top-trailing { inset: 1.25rem auto auto 1.25rem; animation: auto ease 0s 1 normal none running none; }
  [dir="rtl"] .pip-simple-video__button-container--top-trailing { left: auto; right: 1.25rem; }
  .pip-simple-video__button-container--all-top-trailing { opacity: 1; right: 4.375rem; top: 1.25rem; }
  [dir="rtl"] .pip-simple-video__button-container--all-top-trailing { right: auto; left: 4.375rem; }
  .pip-simple-video__button-container--emphasised, [dir="rtl"] .pip-simple-video__button-container--emphasised { position: absolute; inset: auto 50% 50% auto; transform: translate(50%, 50%); }
  .pip-simple-video__button-container--emphasised .pip-btn .pip-btn__inner { min-height: 3.5rem; padding-inline: 1rem; }
  .pip-simple-video__button-container--emphasised.pip-simple-video__button-container--playing.pip-simple-video__button-container--bottom-trailing, [dir="rtl"] .pip-simple-video__button-container--emphasised.pip-simple-video__button-container--playing.pip-simple-video__button-container--bottom-trailing, .pip-simple-video__button-container--emphasised.pip-simple-video__button-container--playing.pip-simple-video__button-container--bottom-leading, [dir="rtl"] .pip-simple-video__button-container--emphasised.pip-simple-video__button-container--playing.pip-simple-video__button-container--bottom-leading, .pip-simple-video__button-container--emphasised.pip-simple-video__button-container--playing.pip-simple-video__button-container--top-trailing, [dir="rtl"] .pip-simple-video__button-container--emphasised.pip-simple-video__button-container--playing.pip-simple-video__button-container--top-trailing { animation: 3s ease 0s 1 normal forwards running button-fade-out; }
  .pip-simple-video__button-container--emphasised.pip-simple-video__button-container--all-top-trailing { inset: 1.25rem 4.375rem auto auto; transform: none; }
  [dir="rtl"] .pip-simple-video__button-container--emphasised.pip-simple-video__button-container--all-top-trailing { left: 4.375rem; right: auto; }
  .pip-simple-video__button-container--emphasised.pip-simple-video__button-container--all-top-trailing .pip-btn .pip-btn__inner { min-height: 2.5rem; padding-inline: 0.5rem; }
}

@media (prefers-reduced-motion: reduce) {
  .pip-simple-video__button, .pip-simple-video__button .pip-btn__icon { transition: none; }
  .pip-simple-video__button-container { animation: auto ease 0s 1 normal none running none; bottom: 1.25rem; right: 1.25rem; transform: unset; }
  .pip-simple-video__button-container .pip-btn .pip-btn__inner { transition: none; min-height: 2.5rem; padding-inline: 0.5rem; }
}

.pip-recommendations-wrapper { margin: 2.5rem 0px; }

@media (min-width: 37.5em) {
  .pip-recommendations-wrapper { margin-bottom: 4rem; }
}

.pip-status--labelled.pip-status--leading .pip-status__dot, .pip-status--labelled.pip-status--trailing .pip-status__dot { top: 0.625em; transform: translateY(-50%) scale(0.99999); }

.pip-status__label { vertical-align: middle; position: relative; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.pip-status__dot-wrapper { white-space: nowrap; }

.pip-status__dot { box-sizing: border-box; width: 0.4em; height: 0.4em; min-width: 0.75rem; min-height: 0.75rem; border-radius: 64px; flex-shrink: 0; position: relative; border-style: solid; border-width: max(2px, 0.066em); transform: scale(0.99999); display: inline-block; vertical-align: middle; border-color: currentcolor; forced-color-adjust: none; }

.pip-status--green .pip-status__dot { background-color: currentcolor; color: rgb(var(--colour-semantic-positive, 10, 138, 0)); }

.pip-status--orange .pip-status__dot { color: rgb(var(--colour-semantic-caution, 242, 106, 47)); }

.pip-status--orange .pip-status__dot::after { position: absolute; inset: 50% -1px -1px; content: ""; display: block; border-radius: 0px 0px 50% 50%; background-color: currentcolor; }

.pip-status--red .pip-status__dot { color: rgb(var(--colour-semantic-negative, 224, 7, 81)); }

.pip-status--grey .pip-status__dot { color: rgb(var(--colour-text-and-icon-4, 146, 146, 146)); }

.pip-status--grey .pip-status__dot::after { position: absolute; content: ""; width: max(2px, 0.066em); height: 130%; inset: 50% 0px 0px 50%; display: block; background-color: currentcolor; transform: translate(-50%, -50%) rotate(-45deg); }

.pip-status--small .pip-status__dot { min-width: 0.5rem; min-height: 0.5rem; width: 0.5rem; height: 0.5rem; transform: none; background-color: currentcolor; }

.pip-status--small .pip-status__dot::after { content: none; }

.pip-status--small .pip-status--trailing .pip-status__dot { margin-inline-start: 0.5rem; order: 2; }

.pip-status--small .pip-status--inline .pip-status__dot { margin-inline-start: 0.5rem; vertical-align: unset; }

.pip-status--small .pip-status--leading .pip-status__dot { margin-inline-end: 0.5rem; }

.pip-status--trailing { display: flex; }

.pip-status--trailing .pip-status__dot { margin-inline-start: max(0.5rem, 0.4em); order: 2; }

.pip-status--leading { display: flex; }

.pip-status--leading .pip-status__dot { margin-inline-end: max(0.5rem, 0.4em); }

.pip-status--leading .pip-status__label { order: 2; }

.pip-status--inline .pip-status__dot { margin-inline-start: max(0.5rem, 0.4em); }

[dir="rtl"] .pip-status--grey .pip-status__dot::after { right: auto; }

.pip-status--red .pip-status__dot { color: rgb(var(--colour-semantic-negative, 224, 7, 81)); }

.pip-switch { position: relative; display: flex; }

.pip-switch__checkbox { height: 3rem; width: 3rem; position: absolute; left: 0px; top: -0.75rem; display: inline-block; border: 0px; opacity: 0; padding: 0px; z-index: 1; cursor: pointer; }

[dir="rtl"] .pip-switch__checkbox { right: 0px; left: auto; }

.pip-switch__label { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); cursor: pointer; position: relative; display: inline; padding-inline-start: 1rem; transition: color 200ms ease-in-out; margin-top: 0.1875rem; }

.pip-switch__toggle { position: relative; display: flex; flex-shrink: 0; cursor: pointer; height: 1.5rem; width: 3rem; }

.pip-switch__toggle::before { box-sizing: border-box; content: ""; display: block; width: 100%; background: border-box rgb(var(--colour-neutral-5, 146, 146, 146)); border: 1px solid rgba(0, 0, 0, 0); transition: background 200ms cubic-bezier(0, 0, 1, 1); height: 1.5rem; border-radius: 20px; }

.pip-switch__symbol::before { transform: rotate(45deg); content: ""; box-sizing: content-box; display: block; opacity: 0; transition: 100ms cubic-bezier(0, 0, 1, 1); border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: 0px; border-top: 0px; height: 0.5625rem; width: 0.25rem; margin-top: -0.25rem; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.pip-switch__button { box-sizing: border-box; position: absolute; left: 0px; display: flex; justify-content: center; align-items: center; margin: 0.125rem; background: border-box rgb(var(--colour-static-white, 255, 255, 255)); border-radius: 20px; border: 2px solid rgba(0, 0, 0, 0); transition: transform 200ms cubic-bezier(0.4, 0, 0.4, 1); width: 1.25rem; height: 1.25rem; }

[dir="rtl"] .pip-switch__button { right: 0px; left: auto; }

.pip-switch__checkbox:checked + .pip-switch__toggle::before { background: rgb(var(--colour-interactive-emphasised-bg-default, 0, 88, 163)); }

.pip-switch__checkbox:checked + .pip-switch__toggle .pip-switch__symbol::before { opacity: 1; }

.pip-switch__checkbox:checked + .pip-switch__toggle .pip-switch__button { transform: translateX(120%); }

[dir="rtl"] .pip-switch__checkbox:checked + .pip-switch__toggle .pip-switch__button { transform: translateX(-120%); }

.pip-switch--subtle .pip-switch__button { background: rgb(var(--colour-neutral-1, 255, 255, 255)); }

.pip-switch--subtle .pip-switch__checkbox:checked + .pip-switch__toggle::before { background: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17)); }

.pip-switch--subtle .pip-switch__checkbox:checked + .pip-switch__toggle .pip-switch__symbol::before { border-color: rgb(var(--colour-neutral-7, 17, 17, 17)); }

.pip-switch .pip-switch__checkbox:hover:checked + .pip-switch__toggle::before { background: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147)); }

.pip-switch .pip-switch__checkbox:hover:checked + .pip-switch__toggle .pip-switch__symbol::before { border-color: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147)); }

.pip-switch--subtle .pip-switch__checkbox:hover:checked + .pip-switch__toggle::before { background: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); }

.pip-switch--subtle .pip-switch__checkbox:hover:checked + .pip-switch__toggle .pip-switch__symbol::before { border-color: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); }

.pip-switch .pip-switch__checkbox:active:checked + .pip-switch__toggle::before { background: rgb(var(--colour-interactive-emphasised-bg-pressed, 0, 62, 114)); }

.pip-switch .pip-switch__checkbox:active:checked + .pip-switch__toggle .pip-switch__symbol::before { border-color: rgb(var(--colour-interactive-emphasised-bg-pressed, 0, 62, 114)); }

.pip-switch--subtle .pip-switch__checkbox:active:checked + .pip-switch__toggle::before { background: rgb(var(--colour-interactive-primary-bg-pressed, 0, 0, 0)); }

.pip-switch--subtle .pip-switch__checkbox:active:checked + .pip-switch__toggle .pip-switch__symbol::before { border-color: rgb(var(--colour-interactive-primary-bg-pressed, 0, 0, 0)); }

.pip-switch .pip-switch__checkbox:disabled { cursor: default; }

.pip-switch .pip-switch__checkbox:disabled ~ .pip-switch__label { pointer-events: none; color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.pip-switch .pip-switch__checkbox:disabled:hover + .pip-switch__toggle::before, .pip-switch .pip-switch__checkbox:disabled + .pip-switch__toggle::before { background: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.pip-switch .pip-switch__checkbox:disabled:hover + .pip-switch__toggle .pip-switch__symbol::before, .pip-switch .pip-switch__checkbox:disabled + .pip-switch__toggle .pip-switch__symbol::before { border-color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

@media (forced-colors: active) {
  .pip-switch .pip-switch__checkbox:disabled ~ .pip-switch__label { color: graytext; }
  .pip-switch .pip-switch__checkbox:disabled + .pip-switch__toggle::before, .pip-switch .pip-switch__checkbox:disabled + .pip-switch__toggle > .pip-switch__button, .pip-switch .pip-switch__checkbox:disabled + .pip-switch__toggle .pip-switch__symbol::before, .pip-switch .pip-switch__checkbox:disabled:hover + .pip-switch__toggle .pip-switch__symbol::before { border-color: graytext; }
}

@media (prefers-reduced-motion: reduce) {
  .pip-switch__toggle::before, .pip-switch__symbol::before { transition-duration: 0s; }
  .pip-switch__button { transition-duration: 0s; }
}

.pip-switch input[type="checkbox"]:focus-visible + .pip-switch__toggle::before { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.pip-switch input[type="checkbox"]:focus-visible:hover + .pip-switch__toggle::before { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.pip-table th { font-weight: normal; background-color: rgb(var(--colour-neutral-1, 255, 255, 255)); }

.pip-table td, .pip-table a { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.pip-table a:hover { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.pip-table a:active, .pip-table a:focus { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.pip-table th, .pip-table td { text-align: initial; border-bottom: 1px rgb(var(--colour-neutral-3, 223, 223, 223)) solid; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-inline: 0px 1.5rem; }

.pip-table-header--sticky th { position: sticky; top: 0px; z-index: 100; }

.pip-table--inset th, .pip-table--inset td { padding-inline-start: 1.5rem; }

.pip-table-body--striped tr:nth-child(2n+1) { background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); }

.pip-table tbody th, .pip-table tbody td { padding-top: 1.25rem; padding-bottom: 1.25rem; }

.pip-table:not(table) { max-width: 100%; overflow: auto; }

.pip-table:not(table) table, table.pip-table { border-collapse: separate; border-spacing: 0px; position: relative; font-variant-numeric: tabular-nums; }

.pip-table--full-width:not(table) table, table.pip-table--full-width { width: 100%; }

.pip-video-player { position: relative; }

.pip-video-player__description { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); margin: -1px; white-space: nowrap; }

.pip-video-player__video { width: 100%; max-width: 100%; }

.pip-zoom-image { cursor: zoom-in; background-repeat: no-repeat; background-size: 100%; will-change: background-position; }

.pip-zoom-image:focus-visible { box-shadow: 0 0 0 4px rgb(var(--colour-static-white, 255, 255, 255)); outline: 2px solid rgb(var(--colour-static-black, 17, 17, 17)); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.pip-zoom-image > img { width: auto; }

.pip-zoom-image__zoomed { cursor: zoom-out; background-size: 200%; }

.pip-zoom-image__zoomed > img { opacity: 0; }

.pip-add-ons-grid { margin-bottom: 4rem; }

.pip-add-ons-grid__header-wrapper { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.25rem; }

.pip-add-ons-grid__wrapper { display: grid; border-top: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); border-left: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); margin-bottom: 1.25rem; grid-template-columns: repeat(2, 1fr); }

.pip-add-ons-grid__wrapper--single { display: block; }

.pip-add-ons-grid__item { max-width: 12.5rem; margin: 0px auto; }

.pip-add-ons-grid__wrapper--single .pip-add-ons-grid__item { max-width: 40%; }

.pip-add-ons-grid__item-wrapper { border-top: 0px; border-left: 0px; border-image: initial; border-right: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); border-bottom: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); padding: 1rem; width: 100%; background: none; text-align: inherit; user-select: text; }

.pip-add-ons-grid__wrapper .pip-add-ons-grid__item-wrapper:nth-child(n+7) { display: none; }

.pip-add-ons-grid__item-skeleton { aspect-ratio: 1 / 1; }

.pip-add-ons-grid__item-badge { position: absolute; bottom: 1rem; right: 1rem; }

.pip-add-ons-grid__item-hover { position: absolute; padding: 1rem; border: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); background-color: rgb(var(--colour-neutral-1, 255, 255, 255)); font-weight: 700; font-size: 0.75rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.25rem 1rem; max-width: 11.25rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; z-index: 1; }

@media (min-width: 56.25em) {
  .pip-add-ons-grid__wrapper { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(3, 1fr); margin-bottom: 0px; }
  .pip-add-ons-grid__wrapper .pip-add-ons-grid__item-wrapper:nth-child(n+7) { display: block; }
  .pip-add-ons-grid__wrapper .pip-add-ons-grid__item-wrapper:nth-child(1) { grid-area: span 2 / span 2; }
  .pip-add-ons-grid__wrapper--double .pip-add-ons-grid__item-wrapper:nth-child(1), .pip-add-ons-grid__wrapper--triple .pip-add-ons-grid__item-wrapper:nth-child(1), .pip-add-ons-grid__wrapper--quadruple .pip-add-ons-grid__item-wrapper:nth-child(1), .pip-add-ons-grid__wrapper--sextuple .pip-add-ons-grid__item-wrapper:nth-child(1) { grid-area: span 1 / span 1; }
  .pip-add-ons-grid__wrapper--single .pip-add-ons-grid__item { max-width: 12.5rem; }
  .pip-add-ons-grid__wrapper--quintuple .pip-add-ons-grid__item-wrapper:nth-child(1) .pip-add-ons-grid__item, .pip-add-ons-grid__wrapper--masonry .pip-add-ons-grid__item-wrapper:nth-child(1) .pip-add-ons-grid__item { max-width: unset; }
  .pip-add-ons-grid__wrapper--double { grid-template-columns: repeat(2, 1fr); grid-template-rows: unset; }
  .pip-add-ons-grid__wrapper--triple { grid-template-columns: repeat(3, 1fr); grid-template-rows: unset; }
  .pip-add-ons-grid__wrapper--quadruple { grid-template-rows: unset; }
  .pip-add-ons-grid__wrapper--quintuple { grid-template-rows: repeat(2, 1fr); }
  .pip-add-ons-grid__wrapper--sextuple { grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); }
}

.pip-add-on { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; display: flex; flex-direction: column; }

.pip-add-on__content-quantity { margin: 0px 1rem; flex-shrink: 0; }

.pip-add-on__content { padding: 1rem; display: flex; align-items: center; justify-content: space-between; background-color: rgb(var(--colour-neutral-1, 255, 255, 255)); height: 100%; }

@media (max-width: 23.375rem) {
  .pip-add-on__content { width: 20.4375rem; }
}

.pip-add-on__content .pip-compact-price-package .pip-price-module__information .pip-commercial-message { margin-top: 0px; }

.pip-add-on__content .pip-product-compact__add-to-list-button, .pip-add-on__content .pip-product-compact__add-to-cart-button, .pip-add-on__content .pip-product-compact__add-to-igift-button, .pip-add-on__content .pip-product-discounts__validity, .pip-add-on__content .pip-compact-price-package__variations-disclaimer, .pip-add-on__content .pip-compact-price-package__ratings-wrapper, .pip-add-on__content .pip-product-compact__badge, .pip-add-on__content .pip-energy-information-sheet, .pip-add-on__content .pip-energy-product-fiche, .pip-add-on__content .pip-energy-information-sheet__link, .pip-add-on__content .pip-energy-symbol__compact, .pip-add-on__content .pip-product-compact__buttons-container { display: none; }

.pip-add-on__content .pip-product-highlight__new, .pip-add-on__content .pip-product-highlight__nlp-label, .pip-add-on__content .pip-product-highlight__family-label { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.75rem; line-height: 1.5; }

.pip-add-on .pip-product-compact { padding: 0px; display: flex; align-items: center; gap: 1rem; }

.pip-add-on .pip-product-compact__image-wrapper { vertical-align: middle; width: 5.5rem; height: 5.5rem; }

.pip-add-on .pip-select select { padding-inline-end: 2rem; }

.pip-add-on .pip-add-on__name-wrapper { display: inline-block; margin-bottom: 0.25rem; }

.pip-add-on .pip-add-on__name, .pip-add-on .pip-header-section__title--small { font-size: 0.875rem; line-height: 1.571; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); display: inline-block; }

.pip-add-on .pip-add-on__name:hover, .pip-add-on .pip-header-section__title--small:hover { text-decoration: underline; }

.pip-add-on .pip-add-on__description, .pip-add-on .pip-header-section__description, .pip-add-on .pip-header-section__description-measurement { font-size: 0.875rem; line-height: 1.571; color: rgb(var(--colour-neutral-6, 72, 72, 72)); font-weight: normal; overflow-wrap: break-word; }

.pip-add-on .pip-header-section__description { margin-bottom: 0px; }

.pip-add-on .pip-add-on__price-and-badge { margin-top: 0.25rem; }

.pip-add-on .pip-add-on__currency { font-size: 0.75rem; margin-left: 0.0625rem; }

.pip-add-on .pip-energy-label__compact { margin: 0px; }

.pip-add-on .pip-compact-price-package .pip-price { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; }

.pip-add-on .pip-compact-price-package .pip-price__primary-currency-price, .pip-add-on .pip-compact-price-package .pip-price__currency, .pip-add-on .pip-compact-price-package .pip-price__integer, .pip-add-on .pip-compact-price-package .pip-price__decimal, .pip-add-on .pip-compact-price-package .pip-price__subscript { top: 0px; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; }

.pip-add-on .pip-compact-price-package .pip-price-module__name:first-child, .pip-add-on .pip-compact-price-package .pip-price-module__information > h3:first-child { margin-top: 0px; }

.pip-add-on .pip-compact-price-package:last-child { margin-bottom: 0px; }

.pip-add-on .pip-product-compact__image-hover { display: none; }

.pip-add-on .pip-checkbox { width: 1.5rem; height: 1.5rem; }

.pip-add-on__content-button { display: none; }

.pip-add-on__hidden { display: none; }

.pip-add-on__card-container { background-color: rgb(var(--colour-neutral-1, 255, 255, 255)); border-radius: 8px; }

.pip-add-on__card-container:not(:last-child) .pip-add-on { border-bottom: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }

.pip-skeleton { line-height: inherit; cursor: progress; background-color: rgb(var(--colour-neutral-3, 223, 223, 223)); background-image: linear-gradient(90deg, rgba(var(--colour-neutral-1, 255, 255, 255), 0) 40%, rgba(var(--colour-neutral-2, 245, 245, 245), 0.5) 50%, rgba(var(--colour-neutral-1, 255, 255, 255), 0) 60%); background-repeat: no-repeat; background-position: 100% 0px; background-size: 250% 100%; background-origin: border-box; border: 1px solid rgba(0, 0, 0, 0); box-sizing: border-box; animation: 2s ease 0s 20 normal none running pip-shine; display: block; }

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

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

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

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

.pip-add-ons-modal { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; border-radius: 8px; width: 100%; max-width: 37.5rem; margin: auto; }

.pip-add-ons-modal__header { background-color: rgb(var(--colour-neutral-1, 255, 255, 255)); width: calc(100% + 3rem); left: -1.5rem; right: -1.5rem; position: relative; padding: 1.5rem; display: flex; flex-direction: column; align-items: flex-start; }

.pip-add-ons-modal__title { margin-bottom: 1.25rem; align-self: start; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 1.125rem; line-height: 1.444; font-weight: 700; }

@media (min-width: 37.5em) {
  .pip-add-ons-modal__title { font-size: 1.5rem; line-height: 1.45; letter-spacing: -0.0042em; }
}

.pip-add-ons-modal__description { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; background-color: rgb(var(--colour-neutral-1, 255, 255, 255)); }

.pip-add-ons-modal__content { border-radius: 8px; }

.pip-add-ons-modal__content:not(:last-child) { margin-bottom: 2rem; }

.pip-add-ons-modal__content:first-child > .pip-add-ons-modal__section-title { margin-top: 1.5rem; }

.pip-add-ons-modal__section-title { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 1rem; line-height: 1.5; font-weight: 700; margin-bottom: 1rem; }

.pip-add-ons-modal__section-title::first-letter { text-transform: capitalize; }

.pip-add-ons-modal__section { border-radius: 4px; }

.pip-add-ons-modal-body { background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); padding: 0px 1.5rem 1.5rem; }

.pip-add-ons-modal-body:has(.pip-add-ons-modal__loading-ball) { background: none; display: flex; justify-content: center; align-items: center; height: 100%; position: relative; }

.pip-add-on { border-bottom: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }

.pip-add-on:last-child { border-bottom: none; }

.pip-compact-fragment-skeleton { display: flex; position: relative; padding: 0.5rem; }

.pip-assembly-service-information-panel__introduction { margin-top: 1rem; }

.pip-assembly-service-information-panel__provider-message { margin-top: 1.25rem; }

.pip-assembly-service-information-panel__learn-more-link { display: block; margin-top: 1.25rem; }

.pip-assembly-service-modal__intro { margin-top: 2.5rem; }

.pip-assembly-service-modal__fee { margin-top: 1.5rem; }

.pip-assembly-service-modal__faq-header { margin-top: 2.5rem; }

.pip-assembly-service-modal__faq-content { margin-top: 1.5rem; }

.pip-assembly-service-modal__learn-more-link { display: block; margin-top: 2.5rem; }

.pip-buy-module { margin-top: 1rem; margin-bottom: 1rem; min-height: 3.5rem; }

.pip-buy-module__buy-button-container { display: flex; }

.pip-buy-module__igift-button { margin-top: 1rem; }

.pip-buy-module__quantity-picker--fluid { flex-direction: column; }

.pip-buy-module--hidden { display: none; }

.pip-buy-module > noscript { display: flex; min-height: 3.5rem; }

.pip-buy-module__no-javascript-error-label { color: rgb(var(--colour-semantic-negative, 224, 7, 81)); align-self: center; }

.pip-buy-module__min-order-quantity-disclaimer { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.75rem; line-height: 1.5; display: flex; align-items: center; margin-top: 0.5rem; margin-bottom: 1rem; }

.pip-buy-module__min-order-quantity-disclaimer-icon.pip-svg-icon { flex-shrink: 0; height: 1.125rem; width: 1.125rem; margin-inline-end: 0.625rem; }

.pip-buy-module__buttons { display: flex; align-items: flex-start; }

.pip-buy-module__buttons .pip-buy-module__buttons--container { display: flex; flex-grow: 1; flex-shrink: 1; flex-direction: column; }

.pip-buy-module__buttons .pip-buy-module__buttons--container .pip-btn--emphasised:not(:last-of-type), .pip-buy-module__buttons .pip-buy-module__buttons--container .pip-btn--secondary:not(:last-of-type) { margin-bottom: 1rem; }

.pip-best-in-test-certification { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.75rem; line-height: 1.5; display: flex; align-items: flex-start; flex-direction: column; gap: 0.5rem; padding-bottom: 1rem; }

.pip-best-in-test-certification__box { display: flex; align-items: center; justify-content: center; width: 5rem; flex-shrink: 0; }

.pip-best-in-test-certification__image-button { background: rgba(0, 0, 0, 0); border: none; padding: 0px; }

.pip-best-in-test-certification__box img, .pip-best-in-test-certification__box a img { width: 100%; object-fit: contain; max-height: 6.25rem; }

.pip-best-in-test-certification__headline { align-self: flex-start; }

.pip-standard-certification { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.75rem; line-height: 1.5; display: flex; align-items: flex-start; flex-direction: column; gap: 0.5rem; }

.pip-standard-certification__image-button { background: rgba(0, 0, 0, 0); border: none; padding: 0px; }

.pip-standard-certification--single { grid-column: 1 / -1; }

.pip-standard-certification--multi, .pip-standard-certification--single { display: flex; flex-direction: column; align-items: flex-start; width: 100%; flex: 0 0 0px; }

.pip-standard-certification--multi__box, .pip-standard-certification--single__box { flex-shrink: 0; display: flex; align-items: center; justify-content: center; }

.pip-standard-certification--multi__box img, .pip-standard-certification--multi__box a img, .pip-standard-certification--single__box img, .pip-standard-certification--single__box a img { width: 100%; object-fit: contain; height: 5rem; }

.pip-standard-certification--multi__headline, .pip-standard-certification--single__headline { text-align: start; overflow-wrap: break-word; }

.pip-charger-included { margin-bottom: 1rem; }

.pip-charger-included img { height: 3.125rem; }

.pip-circular-modal__store { color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); margin-bottom: 1.5rem; }

.pip-circular-modal__offers { margin-bottom: 2rem; }

.pip-circular-modal__offers .pip-product-card__info-container { justify-content: start; }

.pip-circular-modal__offer { border: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); display: flex; justify-content: space-between; padding: 1.5rem 1rem; }

a.pip-circular-modal__offer { text-decoration: none; }

a.pip-circular-modal__offer:hover, a.pip-circular-modal__offer:active, a.pip-circular-modal__offer:focus { text-decoration: none; }

a.pip-circular-modal__offer:hover .pip-product-card__title, a.pip-circular-modal__offer:active .pip-product-card__title, a.pip-circular-modal__offer:focus .pip-product-card__title { text-decoration: underline; }

.pip-circular-modal__offer:not(:last-child) { margin-bottom: 1rem; }

.pip-circular-modal__price { flex-shrink: 0; padding-inline-start: 1rem; }

.pip-circular-modal__discount-type { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); margin-top: 0.75rem; }

.pip-circular-modal__discount-reason { margin-inline-start: 0.75rem; }

.pip-circular-modal__instructions-header { margin-bottom: 1rem; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 0.875rem; line-height: 1.571; font-weight: 700; }

.pip-circular-modal__instructions { list-style: none; display: flex; flex-wrap: wrap; }

.pip-circular-modal__instruction { width: 100%; margin-bottom: 1rem; }

.pip-circular-modal__bullet { width: 2rem; height: 2rem; line-height: 2rem; background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); border-radius: 50%; display: inline-block; font-weight: 700; text-align: center; }

.pip-closest-stores-button { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; border: none; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; text-align: inherit; padding: 1rem; border-radius: 0.5rem; background-color: rgb(var(--colour-neutral-7, 17, 17, 17)); text-decoration: none; margin-top: 0.5rem; margin-bottom: 1.5rem; width: 100%; display: flex; align-items: center; justify-content: space-between; }

.pip-closest-stores-button__text { color: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); margin-inline-end: 1rem; }

.pip-closest-stores-button__icon { color: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); flex-shrink: 0; }

.pip-closest-stores-button:hover, .pip-closest-stores-button:active { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.pip-store-availability-section .pip-closest-stores-button { margin-top: 0px; margin-bottom: 1.25rem; }

.pip-compact-price-package .pip-price-module__information > h3:first-child { margin-top: 2.375rem; }

.pip-compact-price-package .pip-price-module__information .pip-commercial-message { margin-top: 1rem; }

.pip-compact-price-package .pip-price-module__information .pip-commercial-message--subtle--family-romania { display: inline-block; }

.pip-compact-price-package .pip-price-module .pip-header-section__description { margin-bottom: 0px; text-transform: none; }

.pip-compact-price-package:last-child { margin-bottom: 1rem; }

@media (max-width: 37.5em) {
  .pip-compact-price-package:last-child { margin-bottom: 0.5rem; }
}

.pip-compact-price-package__ratings-wrapper { margin: 0.5rem 0px; }

.pip-compact-price-package__variations-disclaimer { color: rgb(var(--colour-neutral-6, 72, 72, 72)); display: block; font-size: 0.75rem; }

@media (max-width: 56.25em) {
  .pip-custom-made-section__link { margin-top: 0.5rem; }
}

.pip-custom-made-section__modal-button { margin-top: 1.5rem; margin-bottom: 2.5rem; }

.pip-custom-made-section__modal-header { margin-bottom: 1rem; }

.pip-delivery-promotion-modal__banner { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 1.125rem; line-height: 1.444; font-weight: 700; }

@media (min-width: 37.5em) {
  .pip-delivery-promotion-modal__banner { font-size: 1.5rem; line-height: 1.45; letter-spacing: -0.0042em; }
}

.pip-delivery-promotion-modal__banner { line-height: 1.25; }

.pip-delivery-promotion-modal__header { margin-top: 0.5rem; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 1rem; font-weight: 400; line-height: 1.25; }

.pip-delivery-promotion-modal__list-header { margin-top: 1.5rem; font-size: 0.875rem; line-height: 1.571; font-weight: 700; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.pip-delivery-promotion-modal__list-content { padding-inline-start: 1.5rem; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; }

.pip-delivery-promotion-modal__disclaimers { margin-top: 1.5rem; font-size: 0.75rem; line-height: 1.5; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); }

.pip-delivery-section__additional-text { color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); margin-inline-start: 1.25rem; }

.pip-delivery-section__notify-me { margin-inline-start: 1.25rem; }

.pip-delivery-section__ikea-family { color: rgb(var(--colour-static-ikea-family, 0, 124, 193)); font-weight: 700; }

.pip-delivery-section__mov-information { color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); margin-inline-start: 1.25rem; }

.pip-dot-indicator { flex-wrap: wrap; justify-content: center; width: 100%; display: flex; }

.pip-dot-indicator__dot { margin: 0px 0.25rem 0.5rem; display: inline-block; width: 0.5rem; height: 0.5rem; background: rgb(var(--colour-neutral-3, 223, 223, 223)); pointer-events: none; border-radius: 50%; }

.theme-dark .pip-dot-indicator__dot { background: rgb(146, 146, 146); }

.pip-dot-indicator__dot--active { background: rgb(var(--colour-neutral-6, 72, 72, 72)); }

.theme-dark .pip-dot-indicator__dot--active { background: rgb(var(--colour-static-light-grey, 245, 245, 245)); }

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

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

.pip-dotted-box { margin: 1rem; }

.pip-dotted-box__icon { margin-bottom: 0.5rem; }

.pip-dotted-box__header { margin-bottom: 0.5rem; font-weight: 700; }

.pip-eco-weee { font-size: 0.875rem; line-height: 1.71; color: rgb(var(--colour-neutral-6, 72, 72, 72)); }

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

@media (min-width: 37.5em) {
  .pip-eco-weee__headline { font-size: 1.5rem; line-height: 1.45; letter-spacing: -0.0042em; }
}

.pip-eco-weee__description { margin-bottom: 2.5rem; }

.pip-eco-weee__receipt { margin-bottom: 3rem; padding-top: 2.5rem; border-top: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }

.pip-eco-weee__receipt--with-fee, .pip-eco-weee__receipt--with-out-fee { display: flex; justify-content: space-between; margin-bottom: 1.25rem; }

.pip-eco-weee__receipt--total { border-top: 2px solid rgb(var(--colour-neutral-6, 72, 72, 72)); color: rgb(var(--colour-neutral-7, 17, 17, 17)); margin-top: 2rem; padding-top: 1.25rem; justify-content: space-between; display: flex; }

.pip-eco-weee__receipt--total-text { font-weight: 700; }

.pip-energy-compliance-images__disclaimer { margin-top: 1rem; }

.pip-energy-compliance-images__image-list { margin-top: 1.5rem; }

.pip-energy-compliance-images__image { display: flex; justify-content: center; margin-bottom: 2.5rem; }

.pip-energy-compliance-images__image img { min-width: 74%; }

.pip-energy-compliance-images-link__link.pip-link-button { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.75rem; line-height: 1.5; }

.pip-energy-information-local .pip-link-button { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.75rem; line-height: 1.5; }

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

@media (min-width: 37.5em) {
  .pip-energy-information-local__title { font-size: 1.5rem; line-height: 1.45; letter-spacing: -0.0042em; }
}

.pip-energy-information-local__image { width: 100%; margin-bottom: 2rem; }

.pip-energy-information-local__table-value { display: block; }

.pip-energy-symbol__pip { position: relative; width: auto; display: block; margin: 0px; }

.pip-energy-symbol__pip img { height: 100%; }

.pip-energy-symbol__pip .pip-energy-symbol__button { height: 2.6rem; display: block; border: none; width: fit-content; background: rgba(0, 0, 0, 0); padding: 0px; }

.pip-energy-symbol__shoppable, .pip-energy-symbol__compact { display: inline-flex; margin-left: 0.625rem; }

.pip-energy-symbol__shoppable { margin-left: 0px; }

.pip-energy-symbol__shoppable img { height: 2rem; }

.pip-energy-symbol__compact { height: 2.125rem; }

.pip-energy-symbol__compact img { height: 100%; }

.pip-energy-information__label { display: flex; justify-content: center; margin-bottom: 2.5rem; }

.pip-energy-information__label img { border: 1px solid rgb(var(--colour-neutral-5, 146, 146, 146)); min-width: 74%; background-color: rgb(var(--colour-static-white, 255, 255, 255)); }

.pip-energy-information-sheet__link { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.75rem; line-height: 1.5; }

.pip-energy-product-fiche__link { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.75rem; line-height: 1.5; }

.pip-mobile-favourite-button-wrapper > .pip-favourite-button { position: absolute; z-index: 2; right: 1.25rem; top: 1.25rem; }

[dir="rtl"] .pip-mobile-favourite-button-wrapper > .pip-favourite-button { right: unset; left: 1.25rem; }

@media (min-width: 56.25em) {
  .pip-mobile-favourite-button-wrapper > .pip-favourite-button { display: none; }
}

.pip-financial-service { display: none; }

.pip-floor-calculator { margin: 1rem 0px; }

.pip-guarantee__paragraph { flex-direction: column; align-items: flex-start; }

.pip-guarantee__box-wrapper { margin-inline-end: 0.75rem; display: flex; align-items: center; margin-bottom: 0.5rem; }

.pip-guarantee__box-separator { margin: 0px 0.25rem; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.pip-guarantee__box { display: inline-flex; width: 2rem; height: 2rem; align-items: center; justify-content: center; }

.pip-guarantee__box-inner { line-height: 1.5; display: inline-block; font-size: 1rem; width: 1.75rem; height: 1.625rem; font-weight: 700; text-align: center; background-color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); color: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); }

.pip-guarantee + .pip-key-facts { margin-top: -1.5rem; padding-top: 1rem; }

.pip-hero-product { background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); border: 0.0625rem solid rgb(var(--colour-neutral-3, 223, 223, 223)); padding: 1.5rem; margin-bottom: 4rem; }

.pip-hero-product--hidden { display: none; }

.pip-hero-product__left-container { width: 100%; }

.pip-hero-product__heading { margin-bottom: 0.5rem; }

.pip-hero-product__header-section .pip-hero-product__text { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; }

.pip-hero-product__card { background-color: rgb(var(--colour-neutral-1, 255, 255, 255)); border: 0.0625rem solid rgb(var(--colour-neutral-3, 223, 223, 223)); border-radius: 0.75rem; display: flex; padding: 1.5rem; width: 100%; margin: 1.5rem 0px; }

.pip-hero-product__card-header-section { display: flex; flex-direction: column; margin-top: 1.5rem; margin-bottom: 0.75rem; }

.pip-hero-product__image-wrapper { width: 6.875rem; height: 6.875rem; margin-inline-end: 1.5rem; }

.pip-hero-product__header { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 0.875rem; line-height: 1.571; font-weight: 700; }

.pip-hero-product__description { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; }

.pip-hero-product .pip-carousel { margin-bottom: 1.5rem; }

.pip-hero-product__upsell-argument { background-color: rgb(var(--colour-neutral-1, 255, 255, 255)); border: 0.0625rem solid rgb(var(--colour-neutral-3, 223, 223, 223)); border-radius: 0.75rem; padding: 1.5rem; width: 15rem; height: 100%; }

.pip-hero-product__upsell-argument .pip-hero-product__icon { margin-bottom: 1.5rem; color: rgb(var(--colour-text-and-icon-4, 146, 146, 146)); }

.pip-hero-product__upsell-argument .pip-hero-product__title { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 0.875rem; line-height: 1.571; font-weight: 700; margin: 0.5rem 0px; }

.pip-hero-product__upsell-argument .pip-hero-product__text { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.75rem; line-height: 1.5; }

.pip-hero-product .pip-rating__label { font-weight: 700; }

.pip-hero-product .pip-image { border-radius: 0.25rem; }

@media (min-width: 37.5em) {
  .pip-hero-product { background-color: unset; padding: unset; display: flex; }
  .pip-hero-product__left-container { background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); padding: 2rem; width: 60%; }
  .pip-hero-product__left-container-no-upsell-arguments { background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); padding: 2rem; width: 50%; display: flex; flex-direction: column; justify-content: space-between; }
  .pip-hero-product__header-section { margin-bottom: 2rem; }
  .pip-hero-product .pip-carousel { margin-bottom: unset; }
  .pip-hero-product__right-container, .pip-hero-product__right-container-no-upsell-arguments { flex-grow: 1; padding: 2rem; display: flex; flex-direction: column; justify-content: space-between; }
  .pip-hero-product__right-container-no-upsell-arguments .pip-hero-product__card { margin-bottom: unset; }
  .pip-hero-product__card { border: unset; border-radius: unset; display: block; padding: unset; margin-top: unset; margin-right: unset; margin-left: unset; margin-bottom: 1.5rem; }
  .pip-hero-product__image-wrapper { width: unset; height: unset; margin-inline-end: unset; }
}

@media (min-width: 75em) {
  .pip-hero-product__left-container-no-upsell-arguments { width: 40%; }
  .pip-hero-product__right-container-no-upsell-arguments .pip-hero-product__card { display: flex; }
  .pip-hero-product__right-container-no-upsell-arguments .pip-hero-product__image-wrapper { width: 100%; max-width: 14.125rem; }
  .pip-hero-product__right-container-no-upsell-arguments .pip-hero-product__content-wrapper { margin-inline-start: 1.5rem; }
}

.pip-highlight-reviews { background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); border: 0.0625rem solid rgb(var(--colour-neutral-3, 223, 223, 223)); padding: 1.5rem; margin-bottom: 4rem; }

.pip-highlight-reviews__zero-rating { padding-bottom: 1rem; }

.pip-highlight-reviews__left-container { width: 100%; display: flex; flex-direction: column; gap: 1.5rem; }

.pip-highlight-reviews .pip-carousel__body { min-height: 18.75rem; }

.pip-highlight-reviews .pip-carousel__content { padding-top: unset; padding-bottom: unset; }

.pip-highlight-reviews__header-section .pip-highlight-reviews__text { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; }

.pip-highlight-reviews__header-section .pip-highlight-reviews__heading { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 1.125rem; line-height: 1.444; font-weight: 700; }

@media (min-width: 37.5em) {
  .pip-highlight-reviews__header-section .pip-highlight-reviews__heading { font-size: 1.5rem; line-height: 1.45; letter-spacing: -0.0042em; }
}

.pip-highlight-reviews__name { margin-top: 1rem; align-self: flex-start; font-size: 0.75rem; line-height: 1.5; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); }

.pip-highlight-reviews__content-wrapper { display: flex; flex-direction: row; width: 100%; gap: 3rem; }

@media (max-width: 22.5rem) {
  .pip-highlight-reviews__content-wrapper { flex-wrap: wrap; }
}

.pip-highlight-reviews__card { background-color: rgb(var(--colour-neutral-1, 255, 255, 255)); border: 0.0625rem solid rgb(var(--colour-neutral-3, 223, 223, 223)); border-radius: 0.75rem; display: flex; padding: 1rem; width: 100%; }

.pip-highlight-reviews__card-total-reviews { display: flex; flex-direction: column; align-items: flex-start; }

.pip-highlight-reviews__card-total-reviews .pip-highlight-reviews__header { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 1.5rem; line-height: 1.45; letter-spacing: -0.0042em; font-weight: 700; }

@media (min-width: 37.5em) {
  .pip-highlight-reviews__card-total-reviews .pip-highlight-reviews__header { font-size: 2.25rem; line-height: 1.333; letter-spacing: -0.0063em; }
}

.pip-highlight-reviews__card-total-reviews .pip-highlight-reviews__description { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 1rem; line-height: 1.625; }

.pip-highlight-reviews__card-total-reviews--no-highlight { margin-bottom: unset; flex: 1 1 0%; }

.pip-highlight-reviews__card-header-section { display: flex; flex-direction: column; margin-top: unset; margin-bottom: unset; }

.pip-highlight-reviews__card-header-section--no-highlight { flex: 1 1 0%; margin-top: unset; margin-bottom: unset; }

.pip-highlight-reviews__card-header-section .pip-highlight-reviews__description { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 1rem; line-height: 1.625; }

.pip-highlight-reviews__card-header-section .pip-highlight-reviews__header { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 1.5rem; line-height: 1.45; letter-spacing: -0.0042em; font-weight: 700; }

@media (min-width: 37.5em) {
  .pip-highlight-reviews__card-header-section .pip-highlight-reviews__header { font-size: 2.25rem; line-height: 1.333; letter-spacing: -0.0063em; }
}

.pip-highlight-reviews__header { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 0.875rem; line-height: 1.571; font-weight: 700; }

.pip-highlight-reviews__description { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; }

.pip-highlight-reviews .pip-carousel-slide { min-height: 3rem; }

.pip-highlight-reviews__review-item { display: flex; flex-direction: column; justify-content: space-between; background-color: rgb(var(--colour-neutral-1, 255, 255, 255)); border: 0.0625rem solid rgb(var(--colour-neutral-3, 223, 223, 223)); border-radius: 0.75rem; padding: 1rem; width: 15rem; height: 100%; }

.pip-highlight-reviews__review-item--single { width: 100%; flex-grow: 1; }

.pip-highlight-reviews__review-item .pip-highlight-reviews__icon { margin-bottom: 1.5rem; color: rgb(var(--colour-text-and-icon-4, 146, 146, 146)); }

.pip-highlight-reviews__review-item .pip-highlight-reviews__title { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 0.875rem; line-height: 1.571; font-weight: 700; margin: 0.75rem 0px; }

.pip-highlight-reviews__review-item .pip-highlight-reviews__text { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; flex-grow: 1; }

.pip-highlight-reviews__review-item .pip-rating { margin-bottom: 1rem; }

.pip-highlight-reviews .pip-rating__label { font-weight: 700; }

@media (min-width: 37.5em) {
  .pip-highlight-reviews { background-color: unset; padding: unset; display: flex; }
  .pip-highlight-reviews--hidden { display: none; }
  .pip-highlight-reviews__header-section--no-highlight { margin-bottom: unset; }
  .pip-highlight-reviews__left-container { background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); gap: 0.5rem; padding: 2rem; width: 60%; }
  .pip-highlight-reviews__left-container--no-highlight { width: 40%; overflow-wrap: break-word; }
  .pip-highlight-reviews .pip-carousel { margin-bottom: unset; }
  .pip-highlight-reviews .pip-carousel-slide { min-height: 3rem; }
  .pip-highlight-reviews__right-container { flex-grow: 1; padding: 2rem; display: flex; flex-direction: column; justify-content: space-between; }
  .pip-highlight-reviews__right-container--no-highlight, .pip-highlight-reviews__right-container--single { padding: 2rem 2rem 2.25rem; }
  .pip-highlight-reviews__right-container--zero-rating { padding: 2rem 2rem 1.4375rem; }
  .pip-highlight-reviews__card { border: unset; border-radius: unset; display: block; padding: 1.4375rem 0px; margin: unset; }
  .pip-highlight-reviews__card-total-reviews .pip-highlight-reviews__header { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 1.5rem; line-height: 1.45; letter-spacing: -0.0042em; font-weight: 700; }
}

@media (min-width: 37.5em) and (min-width: 37.5em) {
  .pip-highlight-reviews__card-total-reviews .pip-highlight-reviews__header { font-size: 2.25rem; line-height: 1.333; letter-spacing: -0.0063em; }
}

@media (min-width: 37.5em) {
  .pip-highlight-reviews__card-total-reviews .pip-highlight-reviews__description { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 1rem; line-height: 1.625; }
  .pip-highlight-reviews__card-total-reviews--no-highlight { margin-bottom: unset; flex: 1 1 0%; }
  .pip-highlight-reviews__card-header-section { display: flex; flex-direction: column; }
  .pip-highlight-reviews__card-header-section--no-highlight { flex: 1 1 0%; }
  .pip-highlight-reviews__card-header-section .pip-highlight-reviews__description { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 1rem; line-height: 1.625; }
  .pip-highlight-reviews__card-header-section .pip-highlight-reviews__header { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 1.5rem; line-height: 1.45; letter-spacing: -0.0042em; font-weight: 700; }
}

@media (min-width: 37.5em) and (min-width: 37.5em) {
  .pip-highlight-reviews__card-header-section .pip-highlight-reviews__header { font-size: 2.25rem; line-height: 1.333; letter-spacing: -0.0063em; }
}

@media (min-width: 37.5em) {
  .pip-highlight-reviews__content-wrapper { padding: 3.0625rem 0px; flex-direction: column; gap: 2rem; }
  .pip-highlight-reviews__content-wrapper--no-highlight { padding: unset; display: flex; flex-direction: row; margin-bottom: 1.4375rem; }
}

@media (min-width: 75em) {
  .pip-highlight-reviews__left-container { width: 66%; }
  .pip-highlight-reviews__left-container--no-highlight { width: 34%; }
}

.pip-ikea-for-business > div { margin-bottom: 1rem; }

.pip-installation-type { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.75rem; line-height: 1.5; display: flex; margin-bottom: 1.5rem; align-items: center; }

.pip-installation-type__icon { flex-shrink: 0; height: 1.125rem; width: 1.125rem; margin-inline-end: 0.5rem; }

.pip-key-benefits-summary { padding-bottom: 2rem; }

@media (min-width: 56.25em) {
  .pip-key-benefits-summary { max-width: 87.5%; }
}

.pip-key-benefits-summary__header { font-size: 0.875rem; line-height: 1.571; font-weight: 700; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); margin-bottom: 0.75rem; }

.pip-key-benefits-summary__entries { display: flex; column-gap: 1rem; flex-wrap: nowrap; white-space: nowrap; overflow: scroll hidden; scrollbar-width: none; }

.pip-key-benefits-summary__entries::-webkit-scrollbar { display: none; }

@media (min-width: 56.25em) {
  .pip-key-benefits-summary__entries { flex-wrap: wrap; row-gap: 1rem; }
}

.pip-key-benefits-summary__entry-text { border: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); border-radius: 0.25rem; padding: 0.5rem 0.75rem; }

.pip-key-facts { margin: 1.5rem 0px; list-style: none; display: grid; gap: 1rem; grid-template-columns: repeat(3, 1fr); }

@media (min-width: 56.25em) {
  .pip-key-facts { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 23.375rem) {
  .pip-key-facts { grid-template-columns: repeat(2, 1fr); }
}

.pip-key-facts__value { font-weight: 700; white-space: nowrap; }

.pip-key-facts__container { display: flex; flex-direction: column; }

.pip-key-facts__container > svg { margin-bottom: 0.5rem; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); width: 2rem; height: 2rem; }

.pip-key-facts__pop-over { z-index: 1; position: absolute; top: 110%; left: 0px; }

.pip-key-facts__pop-over--right { right: 0px; left: unset; }

.pip-key-facts__pop-over--top { top: unset; bottom: 110%; }

.pip-key-facts__wrapper--hoverable, .pip-key-facts .pip-guarantee--hoverable { position: relative; cursor: default; }

.pip-key-facts__wrapper--hoverable .pip-key-facts__container:focus, .pip-key-facts__wrapper--hoverable .pip-guarantee__paragraph:focus, .pip-key-facts .pip-guarantee--hoverable .pip-key-facts__container:focus, .pip-key-facts .pip-guarantee--hoverable .pip-guarantee__paragraph:focus { box-shadow: 0 0 0 4px var(--skapa-focus-ring-internal, rgb(var(--colour-neutral-1, 255, 255, 255))); outline: 2px solid var(--skapa-focus-ring-external, rgb(var(--colour-neutral-7, 17, 17, 17))); outline-offset: 4px; transition: outline 200ms ease-out, box-shadow 200ms ease-out; }

.pip-key-facts-card { width: 16.875rem; min-height: 17.5rem; padding: 1rem 1rem 1.5rem; border: solid 1px rgb(var(--colour-elevation-1-border, 223, 223, 223)); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.25rem 0.4rem; background-color: rgb(var(--colour-neutral-1, 255, 255, 255)); }

@media (min-width: 37.5em) {
  .pip-key-facts-card { width: 100%; min-height: unset; box-shadow: none; }
}

@media (min-width: 56.25em) {
  .pip-key-facts-card { width: 13.9375rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.25rem 1rem; }
}

.theme-dark .pip-key-facts-card { box-shadow: rgba(255, 255, 255, 0.1) 0px 0.25rem 1rem; }

.pip-key-facts-card__title { margin-bottom: 0.5rem; }

.pip-key-facts-card__title, .pip-key-facts-card__content { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.theme-dark .pip-key-facts-card__title, .theme-dark .pip-key-facts-card__content { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.pip-key-facts-card__icon.pip-svg-icon { margin-bottom: 0.5rem; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); width: 2.1875rem; height: 2.1875rem; }

.pip-key-facts-card__link { display: block; margin-top: 1rem; }

.pip-key-facts-card > .pip-guarantee__box { margin-bottom: 0.5rem; }

.pip-key-facts-modal__title { margin-bottom: 1.6875rem; }

.pip-key-facts-modal__content-wrapper { overflow-x: auto; margin: 0px -1.5rem; padding-bottom: 1.5rem; scroll-padding-left: 1.5rem; scrollbar-width: none; }

.pip-key-facts-modal__content-wrapper::-webkit-scrollbar { display: none; }

.pip-key-facts-modal__content { margin: 0px 1.5rem; display: inline-flex; gap: 1.5rem; }

@media (min-width: 37.5em) {
  .pip-key-facts-modal__content { flex-direction: column; }
}

.pip-variant-choice-list .pip-choice-item__value { display: flex; white-space: nowrap; gap: 0.4ch; }

.pip-link-button { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; border: none; width: fit-content; background: rgba(0, 0, 0, 0); padding: 0px; text-align: inherit; text-decoration: underline; }

.pip-link-button:hover, .pip-link-button:active { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.pip-link-button--bold { font-weight: 700; color: rgb(var(--colour-neutral-7, 17, 17, 17)); }

.pip-locate-in-store { display: flex; margin-left: 1rem; }

.pip-locate-in-store__icon { margin-right: 0.25rem; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.pip-locate-in-store__link { font-size: 0.75rem; }

.pip-mini-planner { max-height: 10.875rem; overflow: hidden; }

.pip-monthly-pay { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.75rem; line-height: 1.5; display: flex; align-items: flex-start; margin-bottom: 1rem; min-height: 1.125rem; }

.pip-monthly-pay__button { border: 0px; background: none; text-align: inherit; flex-grow: 1; user-select: text; padding: 0px; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.75rem; line-height: 1.5; }

.pip-monthly-pay__text { font-weight: 700; }

.pip-monthly-pay__link { text-decoration: none; }

.pip-monthly-pay__link:hover { text-decoration: none; }

.pip-monthly-pay__link-text { margin-inline-start: 0.25rem; text-decoration: underline; }

.pip-more-ways-to-pay .pip-section { flex-wrap: wrap; }

.pip-more-ways-to-pay__payment-header { display: flex; align-items: center; width: 100%; min-height: 1.5rem; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 0.875rem; line-height: 1.571; font-weight: 700; }

.pip-more-ways-to-pay__icon { margin-inline-start: 0.5rem; }

.pip-more-ways-to-pay__icon--custom { height: 1rem; }

.pip-more-ways-to-pay__payment-text { margin-inline-end: 0.5rem; }

.pip-more-ways-to-pay__payment-link-text { text-decoration: underline; }

.pip-more-ways-to-pay__button { border: 0px; background: none; text-align: inherit; flex-grow: 1; user-select: text; padding: 0px; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; }

.pip-more-ways-to-pay--hidden { display: none; }

.pip-pip-long-text__text-item { padding: 4rem 0px; display: flex; flex-flow: column wrap; border-bottom: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }

.pip-pip-long-text__text-item:first-child { border-top: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }

.pip-pip-long-text--green .pip-pip-long-text__text-item:not(:first-child) { padding-top: 0px; }

.pip-pip-long-text--green .pip-pip-long-text__text-item { border-bottom: none; border-top: none; }

@media (min-width: 37.5em) {
  .pip-pip-long-text__text-item { flex-direction: row; }
  .pip-pip-long-text__text-item:first-child { border-top: none; }
}

.pip-pip-long-text__badge { font-size: 0.75rem; line-height: 1.5; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); width: 100%; padding-bottom: 0.75rem; letter-spacing: normal; }

.pip-pip-long-text--green .pip-pip-long-text__badge { color: rgb(var(--colour-campaign-sustainability, 55, 184, 134)); }

.pip-pip-long-text__box { width: 100%; }

@media (min-width: 37.5em) {
  .pip-pip-long-text__box { width: 50%; padding-inline-end: 0.5rem; }
  .pip-pip-long-text__box:last-child { padding-inline: 0.5rem 0px; }
}

@media (min-width: 37.5em) and (min-width: 56.25em) {
  .pip-pip-long-text__box:last-child { padding-inline-end: 2rem; }
}

.pip-pip-long-text__header { padding-bottom: 0.75rem; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 1.125rem; line-height: 1.444; font-weight: 700; }

@media (min-width: 37.5em) {
  .pip-pip-long-text__header { font-size: 1.5rem; line-height: 1.45; letter-spacing: -0.0042em; }
}

@media (min-width: 37.5em) {
  .pip-pip-long-text__header { padding-bottom: 0px; }
}

.pip-pip-long-text__body { padding-top: 0.25rem; }

.pip-pip-long-text__designer { padding-top: 0.5rem; }

.pip-upsell { display: flex; flex-direction: column; border-radius: 8px; border: solid 1px rgb(var(--colour-neutral-3, 223, 223, 223)); margin-top: 0.5rem; margin-bottom: 1.5rem; }

.pip-upsell .pip-upsell__close, .pip-upsell .pip-upsell__add-to-cart { outline: none; }

.pip-upsell .pip-upsell__header { padding: 1rem; padding-inline-start: 1.5rem; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }

.pip-upsell .pip-upsell__header-text { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 0.875rem; line-height: 1.571; font-weight: 700; }

.pip-upsell .pip-upsell__close { margin-right: -1rem; color: rgb(var(--colour-neutral-6, 72, 72, 72)); }

.pip-upsell .pip-upsell__content-quantity { flex-shrink: 0; }

.pip-upsell .pip-select select { padding-inline-end: 2rem; }

.pip-upsell .pip-product-compact .pip-energy-information-sheet { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.75rem; line-height: 1.5; margin-bottom: 0px; margin-top: 0.25rem; opacity: 1; width: 100%; }

.pip-upsell .pip-product-compact .pip-energy-product-fiche { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.75rem; line-height: 1.5; margin-bottom: 0px; margin-top: 0.25rem; }

.pip-upsell .pip-product-compact .pip-compact-price-package { margin-bottom: 0px; }

.pip-upsell .pip-energy-information-sheet__link { word-break: break-all; }

.pip-upsell .pip-upsell__quantity-selection { width: auto; max-width: 3.75rem; height: 3rem; display: none; }

.pip-upsell .pip-upsell__content-product-info { overflow-wrap: break-word; margin-top: 0.5rem; padding-right: 0.75rem; margin-bottom: 0.75rem; flex-grow: 1; }

.pip-upsell .pip-upsell__content { padding: 0.5rem 1rem 0.5rem 1.5rem; display: flex; align-items: center; justify-content: space-between; }

.pip-upsell .pip-upsell__content .pip-product-compact__add-to-list-button, .pip-upsell .pip-upsell__content .pip-product-compact__add-to-cart-button, .pip-upsell .pip-upsell__content .pip-product-compact__add-to-igift-button, .pip-upsell .pip-upsell__content .pip-product-discounts__validity, .pip-upsell .pip-upsell__content .pip-compact-price-package__variations-disclaimer, .pip-upsell .pip-upsell__content .pip-compact-price-package__ratings-wrapper, .pip-upsell .pip-upsell__content .pip-product-compact__badge, .pip-upsell .pip-upsell__content .pip-product-compact__buttons-container { display: none; }

.pip-upsell .pip-upsell__image-and-info, .pip-upsell .pip-product-compact { padding: 0px; display: flex; align-items: center; }

.pip-upsell .pip-upsell__image-wrapper, .pip-upsell .pip-product-compact__image-wrapper { vertical-align: middle; width: 3rem; min-width: 3rem; height: 3rem; margin: 0px 0.75rem 0px 0px; }

.pip-upsell .pip-upsell__image { width: 100%; height: 100%; }

.pip-upsell .pip-energy-symbol__compact { margin: 0.25rem 0px 0px; width: 2.125rem; height: 1.0625rem; }

.pip-upsell .pip-upsell__name-wrapper { display: inline-block; margin-bottom: 0.25rem; }

.pip-upsell .pip-upsell__name, .pip-upsell .pip-header-section__title--small { font-size: 0.75rem; line-height: 1.5; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); display: inline-block; }

.pip-upsell .pip-upsell__name:hover, .pip-upsell .pip-header-section__title--small:hover { text-decoration: underline; }

.pip-upsell .pip-upsell__description, .pip-upsell .pip-header-section__description, .pip-upsell .pip-header-section__description-measurement { font-size: 0.75rem; line-height: 1.5; color: rgb(var(--colour-neutral-6, 72, 72, 72)); font-weight: normal; overflow-wrap: break-word; }

.pip-upsell .pip-header-section__description { margin-bottom: 0px; }

.pip-upsell .pip-upsell__price-and-badge { margin-top: 0.25rem; }

.pip-upsell .pip-upsell__currency { font-size: 0.75rem; margin-left: 0.0625rem; }

.pip-upsell .pip-energy-label__compact { margin: 0px; }

.pip-upsell .pip-compact-price-package .pip-price-module__name:first-child, .pip-upsell .pip-compact-price-package .pip-price-module__information > h3:first-child { margin: 0px; }

.pip-upsell .pip-compact-price-package .pip-price-module__offer-message { display: none; }

.pip-upsell .pip-compact-price-package .pip-price-module__price, .pip-upsell .pip-compact-price-package .pip-price-module__energy-class { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.75rem; line-height: 1.5; }

.pip-upsell .pip-compact-price-package .pip-price-module__price .pip-energy-symbol__compact, .pip-upsell .pip-compact-price-package .pip-price-module__energy-class .pip-energy-symbol__compact { margin: 0px; }

.pip-upsell .pip-compact-price-package .pip-price { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.75rem; line-height: 1.5; }

.pip-upsell .pip-compact-price-package .pip-price__primary-currency-price, .pip-upsell .pip-compact-price-package .pip-price__currency, .pip-upsell .pip-compact-price-package .pip-price__integer, .pip-upsell .pip-compact-price-package .pip-price__decimal, .pip-upsell .pip-compact-price-package .pip-price__subscript { top: 0px; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.75rem; line-height: 1.5; }

.pip-upsell .pip-product-compact__image-hover { display: none; }

.pip-upsell .pip-checkbox { width: 1.5rem; height: 1.5rem; }

.pip-upsell__content-button { display: none; }

.pip-upsell__hidden { display: none; }

.pip-freemarket { margin-top: 1rem; }

.pip-price-package__price-module-wrapper { display: flex; justify-content: space-between; align-items: flex-start; }

.pip-price-package .pip-favourite-button { min-width: 2.5rem; display: none; }

@media (min-width: 56.25em) {
  .pip-price-package .pip-favourite-button { display: block; }
}

.pip-price-package .pip-price-module { margin-bottom: 0.75rem; }

.pip-price-package .pip-price-module__addon:not(:last-child) .pip-energy-product-fiche, .pip-price-package .pip-price-module__addon:not(:last-child) .pip-energy-information-sheet, .pip-price-package .pip-price-module__addon:not(:last-child) .pip-energy-compliance-images-link, .pip-price-package .pip-price-module__addon:not(:last-child) .pip-energy-information-local__link { margin-bottom: 0.75rem; }

.pip-price-package .pip-header-section__title--big, .pip-price-package .pip-header-section__description-text, .pip-price-package .pip-header-section__description-measurement { font-size: 1rem; }

.pip-price-package .pip-header-section__description { margin-bottom: 0px; text-transform: none; }

.pip-price-package .pip-eco-weee-fee-button { font-size: 0.75rem; }

.pip-price-package__rating { margin-bottom: 1rem; }

.pip-price-package__ratings-questions { margin-bottom: 1rem; display: flex; align-items: center; flex-wrap: wrap; }

.pip-price-package__ratings-divider { margin: 0px 1rem; }

.pip-price-package__last-chance { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.75rem; line-height: 1.5; display: block; margin-bottom: 1rem; font-weight: 700; }

.pip-price-package__price-module-b--tro .pip-commercial-message { color: rgb(var(--colour-commercial-message-new-lower-price, 204, 0, 8)); }

.pip-price-package__discount-text { font-size: 0.75rem; line-height: 1.5; font-weight: 700; color: unset; }

.pip-price-package__discount-text--tro, .pip-price-package__discount-text--family { padding: 0.25rem; margin-inline-end: 0.25rem; color: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); }

.pip-price-package__discount-text--tro { background-color: rgb(var(--colour-commercial-message-new-lower-price, 204, 0, 8)); }

.pip-price-package__discount-text--family { background-color: rgb(var(--colour-commercial-message-ikea-family, 0, 124, 193)); }

.pip-price-package__last-chance-discount-b, .pip-price-package__last-chance-discount-c { font-size: 0.75rem; line-height: 1.5; display: block; font-weight: 700; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.pip-price-package__last-chance-discount-b { margin-top: 0.5rem; }

.pip-price-package .pip-price-package__price-module-b--tro .pip-price-module__offer-message span:not(.pip-price-package__discount-text--tro), .pip-price-package .pip-price-package__price-module-b--family .pip-price-module__offer-message span:not(.pip-price-package__discount-text--family), .pip-price-package .pip-price-package__price-module-c--tro .pip-price-module__offer-message span, .pip-price-package .pip-price-package__price-module-c--family .pip-price-module__offer-message span { padding: unset; }

.pip-price-package .pip-price-package__price-module-c--tro .pip-price-module__offer-message, .pip-price-package .pip-price-package__price-module-c--family .pip-price-module__offer-message { margin-top: unset; padding-top: 0.125rem; padding-bottom: 0.25rem; }

.pip-price-package .pip-price-package__price-module-b--tro .pip-price-module__offer-message, .pip-price-package .pip-price-package__price-module-b--family .pip-price-module__offer-message { margin-bottom: 0.25rem; }

.pip-price-package .pip-price-package__price-module-c--tro .pip-price-module__current-price span { color: rgb(var(--colour-commercial-message-new-lower-price, 204, 0, 8)); }

.pip-price-package .pip-price-package__price-module-b--tro .pip-price-module__comparison-price span { font-weight: normal; }

.pip-pip-sustainability__divider { display: none; }

@media (min-width: 37.5em) {
  .pip-pip-sustainability__divider { display: block; border-bottom: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); height: 0.0625rem; width: 100%; }
}

.pip-pip-sustainability__circles { position: relative; margin-top: 2rem; padding-bottom: 24rem; }

@media (min-width: 37.5em) {
  .pip-pip-sustainability__circles { padding-bottom: 19rem; }
}

@media (min-width: 56.25em) {
  .pip-pip-sustainability__circles { padding-bottom: 24rem; }
}

@media (min-width: 75em) {
  .pip-pip-sustainability__circles { padding-bottom: 22rem; }
}

.pip-pip-sustainability__circles-text { left: 0px; top: 0px; position: absolute; display: flex; justify-content: center; align-items: center; padding: 2rem; width: 15rem; height: 15rem; }

@media (min-width: 37.5em) {
  .pip-pip-sustainability__circles-text { width: 18rem; height: 18rem; padding: 3rem; }
}

@media (min-width: 56.25em) {
  .pip-pip-sustainability__circles-text { padding: 2rem; width: 15rem; height: 15rem; }
}

@media (min-width: 75em) {
  .pip-pip-sustainability__circles-text { width: 21rem; height: 21rem; padding: 3.3rem; }
}

.pip-pip-sustainability__circles-title { opacity: 0; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 1.125rem; line-height: 1.444; font-weight: 700; }

@media (min-width: 37.5em) {
  .pip-pip-sustainability__circles-title { font-size: 1.5rem; line-height: 1.45; letter-spacing: -0.0042em; }
}

.pip-pip-sustainability__circles-title { color: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); }

.pip-pip-sustainability--in-view .pip-pip-sustainability__circles-title { animation: 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) 1s 1 normal both running circles-text-animation; }

.pip-pip-sustainability__circles-label { font-size: 0.75rem; line-height: 1.5; color: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); display: block; }

.pip-pip-sustainability__circle { background-color: rgb(var(--colour-campaign-sustainability, 55, 184, 134)); border-radius: 50%; overflow: hidden; position: absolute; }

.pip-pip-sustainability__circle-1 { left: 1.25rem; top: 0px; width: 15rem; height: 15rem; opacity: 0; }

@media (min-width: 37.5em) {
  .pip-pip-sustainability__circle-1 { left: 0px; width: 18rem; height: 18rem; }
}

@media (min-width: 56.25em) {
  .pip-pip-sustainability__circle-1 { width: 15rem; height: 15rem; }
}

@media (min-width: 75em) {
  .pip-pip-sustainability__circle-1 { width: 21rem; height: 21rem; }
}

.pip-pip-sustainability--in-view .pip-pip-sustainability__circle-1 { animation: 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0s 1 normal both running circle-1-animation; }

.pip-pip-sustainability__circle-2 { left: auto; right: 1.25rem; top: 4rem; width: 2.5rem; height: 2.5rem; opacity: 0; }

@media (min-width: 37.5em) {
  .pip-pip-sustainability__circle-2 { top: 2rem; left: 50%; right: auto; width: 3.5rem; height: 3.5rem; }
}

@media (min-width: 56.25em) {
  .pip-pip-sustainability__circle-2 { left: auto; right: 1.25rem; top: 4rem; width: 3.5rem; height: 3.5rem; }
}

@media (min-width: 75em) {
  .pip-pip-sustainability__circle-2 { top: 2.5rem; width: 4rem; height: 4rem; right: auto; left: 50%; }
}

.pip-pip-sustainability--in-view .pip-pip-sustainability__circle-2 { animation: 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0s 1 normal both running circle-2-animation; }

.pip-pip-sustainability__circle-3 { right: 1.25rem; top: auto; bottom: 2.5rem; width: 7rem; height: 7rem; opacity: 0; }

@media (min-width: 37.5em) {
  .pip-pip-sustainability__circle-3 { right: 0px; bottom: auto; top: 1.25rem; width: 10rem; height: 10rem; }
}

@media (min-width: 56.25em) {
  .pip-pip-sustainability__circle-3 { right: 1.25rem; top: auto; bottom: 2.5rem; width: 10rem; height: 10rem; }
}

@media (min-width: 75em) {
  .pip-pip-sustainability__circle-3 { width: 12rem; height: 12rem; right: 0px; top: 1.25rem; bottom: auto; }
}

.pip-pip-sustainability--in-view .pip-pip-sustainability__circle-3 { animation: 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0.8s 1 normal both running circle-3-animation; }

.pip-pip-sustainability__circle-4 { left: 4rem; top: auto; bottom: 1rem; width: 4rem; height: 4rem; opacity: 0; }

@media (min-width: 37.5em) {
  .pip-pip-sustainability__circle-4 { left: 55%; top: 50%; bottom: auto; width: 6rem; height: 6rem; }
}

@media (min-width: 56.25em) {
  .pip-pip-sustainability__circle-4 { left: 4rem; top: auto; bottom: 1rem; width: 4rem; height: 4rem; }
}

@media (min-width: 75em) {
  .pip-pip-sustainability__circle-4 { width: 7rem; height: 7rem; left: 55%; top: 50%; bottom: auto; }
}

.pip-pip-sustainability--in-view .pip-pip-sustainability__circle-4 { animation: 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0.8s 1 normal both running circle-4-animation; }

.pip-pip-sustainability__circle-5 { right: 50%; bottom: 0px; width: 2rem; height: 2rem; opacity: 0; }

@media (min-width: 37.5em) {
  .pip-pip-sustainability__circle-5 { right: 16%; width: 3rem; height: 3rem; }
}

@media (min-width: 56.25em) {
  .pip-pip-sustainability__circle-5 { right: 50%; width: 2rem; height: 2rem; }
}

@media (min-width: 75em) {
  .pip-pip-sustainability__circle-5 { right: 16%; width: 3rem; height: 3rem; }
}

.pip-pip-sustainability--in-view .pip-pip-sustainability__circle-5 { animation: 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0.8s 1 normal both running circle-5-animation; }

@keyframes circle-1-animation { 
  0% { transform: scale(0.1); transform-origin: 0% 0%; opacity: 0; }
  100% { transform: scale(1); transform-origin: 0% 0%; opacity: 1; }
}

@keyframes circle-2-animation { 
  0% { transform: scale(0.1); transform-origin: 100% 50%; opacity: 0; }
  100% { transform: scale(1); transform-origin: 100% 50%; opacity: 1; }
}

@keyframes circle-3-animation { 
  0% { transform: scale(0.1); transform-origin: 100% 50%; opacity: 0; }
  100% { transform: scale(1); transform-origin: 100% 50%; opacity: 1; }
}

@keyframes circle-4-animation { 
  0% { transform-origin: 0% 0%; transform: translateY(6.25rem) translateX(-6.25rem) scale(0.1); opacity: 0; }
  100% { transform-origin: 0% 0%; transform: translateY(0px) translateX(0px) scale(1); opacity: 1; }
}

@keyframes circle-5-animation { 
  0% { transform: scale(0.1); transform-origin: 100% 50%; opacity: 0; }
  100% { transform: scale(1); transform-origin: 100% 50%; opacity: 1; }
}

@keyframes circles-text-animation { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.pip-price-disclaimer { display: block; }

.pip-price-disclaimer--big { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; padding-bottom: 1.5rem; }

.pip-price-disclaimer--big:last-child { padding-bottom: 0px; }

.pip-price-module__last-chance { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.75rem; line-height: 1.5; display: block; font-weight: 700; }

.pip-price-module__comparison-price--prominent { font-size: 1rem; font-weight: 700; }

.pip-price-module--small .pip-price-module__comparison-price--prominent { font-size: 0.875rem; }

.pip-price-module--xsmall .pip-price-module__comparison-price--prominent { font-size: 0.75rem; }

.pip-price-module__addon:not(:first-child) .pip-price-module__last-chance, .pip-price-module__addon:not(:first-child) .pip-product-discounts { margin-top: 0.5rem; }

.pip-product-card { display: flex; }

.pip-product-card__link { display: flex; text-decoration: none; }

.pip-product-card__link:hover, .pip-product-card__link:active, .pip-product-card__link:focus { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); text-decoration: none; }

.pip-product-card__link:hover .pip-product-card__title, .pip-product-card__link:active .pip-product-card__title, .pip-product-card__link:focus .pip-product-card__title { text-decoration: underline; }

.pip-product-card__image-container { display: flex; align-items: center; margin-inline-end: 1.25rem; width: 6.25rem; min-width: 5rem; }

@media (min-width: 37.5em) {
  .pip-product-card__image-container { min-width: 6.25rem; }
}

.pip-product-card__info-container { display: flex; flex-direction: column; justify-content: center; }

.pip-product-card__info-container > .pip-status { margin-top: 0.5rem; }

.pip-product-card__title { font-size: 0.75rem; line-height: 1.5; font-weight: 700; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

@media (min-width: 37.5em) {
  .pip-product-card__title { font-size: 0.875rem; line-height: 1.571; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }
}

.pip-product-card__name { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.pip-product-card__measurement-text { color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); }

.pip-product-card__item_no { margin-top: 0.5rem; }

.pip-product-compact { max-width: 25rem; position: relative; }

.pip-product-compact__badge { position: absolute; z-index: 1; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.75rem; line-height: 1.5; }

@media (min-width: 37.5em) {
  .pip-product-compact__badge { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; }
}

.pip-product-compact__main-box--main { background-color: rgb(var(--colour-static-white, 255, 255, 255)); border-radius: var(--product-image-radius-m); }

.pip-product-compact__main-box--main .pip-image { scale: var(--product-image-transform); }

.pip-product-compact__contextual-box .pip-image { border-radius: var(--product-image-radius-m); }

.pip-product-compact__image-wrapper { position: relative; }

.pip-product-compact__buttons-container { min-height: 2.5rem; }

.pip-product-compact__online-only { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.75rem; line-height: 1.5; display: block; margin-bottom: 1rem; }

.pip-product-compact__online-only-link { text-decoration: underline; }

.pip-product-compact:hover .pip-header-section__title--small, .pip-product-compact:hover .pip-price-module__name-decorator { text-decoration: underline; }

.pip-product-compact a:not(.pip-product-compact__online-only-link):not(.pip-product-compact--custom-link) { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); text-decoration: none; display: block; }

.pip-product-compact a:not(.pip-product-compact__online-only-link):not(.pip-product-compact--custom-link):hover, .pip-product-compact a:not(.pip-product-compact__online-only-link):not(.pip-product-compact--custom-link):active, .pip-product-compact a:not(.pip-product-compact__online-only-link):not(.pip-product-compact--custom-link):focus { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); text-decoration: none; }

.pip-product-compact__image-hover { transition: opacity 0.2s ease-in-out; opacity: 0; position: absolute; top: 0px; left: 0px; }

@media (hover: hover) {
  .pip-product-compact__image-wrapper:hover .pip-product-compact__image-hover--active { opacity: 1; }
}

[data-show-contextual-images="true"] .pip-product-compact__image-hover { opacity: 1; }

@media (hover: hover) {
  [data-show-contextual-images="true"] .pip-product-compact__image-wrapper:hover .pip-product-compact__image-hover--active { opacity: 0; }
}

.pip-product-compact__bottom-wrapper { position: relative; }

.pip-product-compact .pip-product-compact__add-to-cart-button, .pip-product-compact .pip-product-compact__add-to-list-button { display: none; }

.pip-product-compact .pip-product-compact__add-to-cart-button > *, .pip-product-compact .pip-product-compact__add-to-list-button > * { pointer-events: none; }

.pip-product-compact__add-to-cart-button.pip-btn--loading { pointer-events: auto; color: rgb(var(--colour-static-white, 255, 255, 255)); }

.pip-product-compact__add-to-list-button.pip-btn--loading, .pip-product-compact__add-to-igift-button.pip-btn--loading { pointer-events: auto; color: rgb(var(--colour-neutral-7, 17, 17, 17)); }

.pip-product-compact .pip-product-compact__add-to-igift-button { display: none; }

.pip-product-compact .pip-product-compact__add-to-igift-button > * { pointer-events: none; }

.pip-product-compact .pip-product-compact__add-to-igift-button { pointer-events: auto; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

body[data-shopping-available="true"] .pip-product-compact__add-to-cart-button, body[data-list-available="true"] .pip-product-compact__add-to-list-button, body[data-igift-available="true"] .pip-product-compact__add-to-igift-button { display: inline-block; margin-inline-end: 0.5rem; }

.pip-product-compact .pip-energy-information-sheet, .pip-product-compact .pip-energy-product-fiche { margin-top: -0.5rem; margin-bottom: 1rem; }

.pip-product-compact__add-to-list-button--active { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)) !important; }

.pip-product-compact__image-link { cursor: pointer; }

.pip-product-details__paragraph, .pip-product-details__paragraph:not(:last-of-type) { display: block; margin-bottom: 1rem; }

.pip-product-details__paragraph:last-child, .pip-product-details__paragraph:not(:last-of-type):last-child { margin-bottom: 0px; }

.pip-product-details > .pip-product-details__container { margin-bottom: 1.5rem; }

.pip-product-details__section { margin-bottom: 1rem; }

.pip-product-details__section:last-child { margin-bottom: 0px; }

.pip-product-details__title { margin-bottom: 1rem; }

.pip-product-details__header { display: block; font-weight: 700; margin: 0px; }

.pip-product-details__material-header, .pip-product-details__care-header { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 0.875rem; line-height: 1.571; font-weight: 700; margin-bottom: 1rem; }

.pip-product-details__material-sub-header { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 0.875rem; line-height: 1.571; font-weight: 700; display: block; margin-bottom: 0.5rem; }

.pip-product-details__country-of-origin { margin-top: 1.5rem; }

.pip-product-details__country-of-origin-value { display: block; }

.pip-product-details__label { display: block; margin: 0px; }

.pip-product-details__label:not(:last-of-type) { margin-bottom: 0.5rem; }

.pip-product-details__certifications { display: grid; gap: 0.75rem; grid-template-columns: repeat(auto-fit, minmax(6.4375rem, 1fr)); margin-bottom: 1.5rem; }

.pip-product-details__document-header { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 0.875rem; line-height: 1.571; font-weight: 700; margin-bottom: 0.5rem; display: flex; align-items: center; justify-content: flex-start; }

.pip-product-details__document-header-icon { display: inline-block; height: 1.5rem; width: 1.5rem; margin-inline-end: 0.75rem; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

[dir="rtl"] .pip-product-details__document-header-icon { transform: rotateY(180deg); }

.pip-product-details__document-link { display: flex; align-items: baseline; justify-content: space-between; flex-direction: column; padding: 1.5rem 0px 0px; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); text-decoration: none; position: relative; }

.pip-product-details__document-link:hover { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.pip-product-details__document-link-icon { position: absolute; right: 0px; top: 2.5rem; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

[dir="rtl"] .pip-product-details__document-link-icon { right: unset; left: 0px; transform: rotateY(180deg); }

.pip-product-details__document-link .pip-product-identifier { margin-top: 0.5rem; }

.pip-product-details .pip-accordion-item-header__title > .pip-svg-icon { margin-inline-end: 0.5rem; }

.pip-product-details__key-benefits-item { padding: 1rem; }

.pip-product-details__key-benefits-item:first-child { padding-top: 0px; }

.pip-product-details__key-benefits-item:last-child { padding-bottom: 0px; }

.pip-product-details__key-benefits-item:not(:first-child) { border-top: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }

.pip-product-details .pip-best-in-test-certification--image-only { font-size: 0.75rem; line-height: 1.5; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); display: flex; flex-direction: column; gap: 0.625rem; }

.pip-product-details .pip-best-in-test-certification--image-only__headline { margin-bottom: 0.75rem; order: 1; }

.pip-product-details .pip-best-in-test-certification--image-only__box { display: flex; flex-direction: column; order: 2; }

.pip-product-details .pip-best-in-test-certification--image-only__box img, .pip-product-details .pip-best-in-test-certification--image-only__box a img { max-width: 95%; }

@media (min-width: 37.5em) {
  .pip-product-details .pip-best-in-test-certification--image-only__box img, .pip-product-details .pip-best-in-test-certification--image-only__box a img { max-width: 70%; }
}

.pip-product-details .pip-product-identifier { margin: 0.75rem 0px 1.5rem; display: block; }

.pip-product-details .pip-product-identifier__number { margin: 0px; }

.pip-product-details > .pip-product-identifier { margin: 0px 0px 2.5rem; }

.pip-product-details .pip-accordion-item-header__title:hover, .pip-product-details .pip-accordion-item-header__title:active, .pip-product-details .pip-accordion-item-header__title:focus { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); text-decoration: underline; }

.pip-product-details .pip-accordion .pip-product-details__header { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

.pip-product-details .pip-accordion .pip-product-details__container:not(:last-child) { margin-bottom: 1.5rem; }

.pip-product-details #product-details-assembly-and-documents .pip-product-details__container { margin: 0px; }

.pip-product-details #product-details-assembly-and-documents .pip-product-details__container + .pip-product-details__container { padding-top: 2.5rem; border-top: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }

.pip-product-details #product-details-assembly-and-documents .pip-product-details__container .pip-product-details__document-link + .pip-product-details__document-link { border-top: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }

.pip-product-details__assembly-video { margin-top: 1.5rem; }

.pip-product-details__document-image { display: flex; justify-content: center; margin-bottom: 2.5rem; }

.pip-product-details__document-image img { min-width: 60%; }

.pip-product-details__california-ab-1200 { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.75rem; line-height: 1.5; display: flex; margin-bottom: 1.5rem; }

.pip-product-details__california-ab-1200-icon { flex-shrink: 0; }

.pip-product-details__california-ab-1200-text { margin-left: 0.25rem; display: block; }

.pip-product-details__california-ab-1200-heading { font-weight: 700; }

.pip-product-dimensions__title { margin-bottom: 1rem; }

.pip-product-dimensions__dimensions-container { list-style: none; }

.pip-product-dimensions__link { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; display: block; margin-top: 1rem; }

.pip-product-dimensions__image-container { margin-bottom: 2.5rem; margin-top: 1.5rem; }

.pip-product-dimensions__package-container:not(:last-of-type) { margin-bottom: 2.5rem; }

.pip-product-dimensions__package-count { font-weight: 700; margin-bottom: 1.5rem; }

.pip-product-dimensions__package-header { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 0.875rem; line-height: 1.571; font-weight: 700; }

.pip-product-dimensions__multi-pack { font-weight: 700; margin-bottom: 1rem; }

.pip-product-dimensions__measurement-container { list-style: none; margin-bottom: 1rem; }

.pip-product-dimensions__measurement-container:last-child { margin-bottom: 0px; }

.pip-product-dimensions__measurement-wrapper:not(:last-of-type) { margin-bottom: 0px; }

.pip-product-dimensions__measurement-name { font-weight: 700; }

.pip-product-dimensions .pip-product-identifier { margin: 0.75rem 0px 1.5rem; display: block; }

.pip-product-dimensions .pip-product-identifier__number { margin: 0px; }

.pip-product-dimensions .pip-accordion__item--active .pip-accordion__content { padding: 0.5rem 0px 0px; }

.pip-product-dimensions .pip-accordion-item-header__title:hover, .pip-product-dimensions .pip-accordion-item-header__title:active, .pip-product-dimensions .pip-accordion-item-header__title:focus { text-decoration: underline; }

.pip-product-discounts__discount { margin-bottom: 0.5rem; display: flex; align-items: center; }

.pip-product-discounts__text-wrapper { display: flex; flex-direction: column; }

.pip-product-discounts__text { font-weight: bold; }

.pip-product-discounts__icon { flex-shrink: 0; margin-inline-end: 0.5rem; }

.pip-product-discounts__icon--family { color: rgb(var(--colour-static-ikea-family, 0, 124, 193)); }

.pip-product-discounts--compact .pip-product-discounts__discount { font-size: 0.75rem; }

.pip-product-gallery { margin-bottom: 2.5rem; display: flex; column-gap: 1.625rem; flex-wrap: wrap; }

@media (min-width: 56.25em) {
  .pip-product-gallery { flex-wrap: nowrap; }
}

.pip-product-gallery .pip-product-gallery__skip-button { position: absolute; height: 0.0625rem; width: 0.0625rem; overflow: hidden; margin: -0.0625rem; white-space: nowrap; background-color: rgb(var(--colour-neutral-1, 255, 255, 255)); }

.pip-product-gallery .pip-product-gallery__skip-button:active, .pip-product-gallery .pip-product-gallery__skip-button:focus { width: auto; height: auto; left: 1rem; top: 1rem; overflow: visible; clip-path: none; white-space: normal; z-index: 2; }

.pip-product-gallery__right-section-wrapper { width: 100%; }

@media (min-width: 56.25em) {
  .pip-product-gallery__right-section-wrapper { width: 87%; }
  .pip-product-gallery__right-section-wrapper--full-width { width: 100%; }
}

.pip-product-gallery__left-section-wrapper { width: 13%; min-width: 3.375rem; margin-inline-start: -0.375rem; margin-top: -0.375rem; }

.pip-product-gallery__left-section-wrapper:hover .pip-product-gallery__thumbnail-scroll-button { opacity: 1; }

.pip-product-gallery__thumbnails-wrapper { position: relative; width: 100%; padding-bottom: 669%; }

.pip-product-gallery__thumbnails { position: absolute; border-top: 0.375rem solid rgba(0, 0, 0, 0); padding: 0px 0.375rem; width: 100%; inset: 0px; overflow: hidden; }

.pip-product-gallery__thumbnail { position: relative; width: 100%; padding: 0px; margin-bottom: 16%; border: solid 1px rgb(var(--colour-neutral-3, 223, 223, 223)); }

.pip-product-gallery__thumbnail--active, .pip-product-gallery__thumbnail:hover { border-color: rgb(var(--colour-neutral-7, 17, 17, 17)); }

.pip-product-gallery__thumbnails-wrapper-edge { position: absolute; width: 100%; display: flex; align-items: center; justify-content: center; visibility: hidden; transition: opacity 200ms; }

@media (max-width: 75em) {
  .pip-product-gallery__thumbnails-wrapper-edge .pip-product-gallery__thumbnail-scroll-button.pip-btn--xsmall .pip-btn__inner { padding: 0px; min-height: 1rem; }
}

.pip-product-gallery__thumbnails-wrapper-edge--visible { visibility: visible; }

.pip-product-gallery__thumbnails-wrapper-edge--top { z-index: 1; top: -0.75rem; left: 0px; }

@media (min-width: 75em) {
  .pip-product-gallery__thumbnails-wrapper-edge--top { top: -1rem; }
}

.pip-product-gallery__thumbnails-wrapper-edge--bottom { bottom: -0.75rem; left: 0px; }

@media (min-width: 75em) {
  .pip-product-gallery__thumbnails-wrapper-edge--bottom { bottom: -1rem; }
}

.pip-product-gallery__thumbnail-scroll-button { opacity: 0; transition: opacity 200ms; }

.pip-product-gallery .pip-product-gallery__navigation-button-left, .pip-product-gallery .pip-product-gallery__navigation-button-right { opacity: 0; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; }

.pip-product-gallery .pip-product-gallery__navigation-button-left:focus-visible, .pip-product-gallery .pip-product-gallery__navigation-button-right:focus-visible { opacity: 1; }

[dir="rtl"] .pip-product-gallery .pip-product-gallery__navigation-button-left, [dir="rtl"] .pip-product-gallery .pip-product-gallery__navigation-button-right { transform: translateY(-50%) scaleX(-1); }

.pip-product-gallery .pip-product-gallery__navigation-button-left { left: 1.25rem; }

[dir="rtl"] .pip-product-gallery .pip-product-gallery__navigation-button-left { left: auto; right: 1.25rem; }

.pip-product-gallery .pip-product-gallery__navigation-button-right { right: 1.25rem; }

[dir="rtl"] .pip-product-gallery .pip-product-gallery__navigation-button-right { right: auto; left: 1.25rem; }

.pip-product-gallery__media-wrapper { position: relative; width: 100%; height: 100%; padding-top: 0.375rem; margin-top: -0.375rem; scrollbar-width: none; }

.pip-product-gallery__media-wrapper::-webkit-scrollbar { display: none; }

.pip-product-gallery__media-wrapper { display: flex; flex-wrap: nowrap; overflow: scroll hidden; margin-left: 0px; margin-right: 0px; scroll-snap-type: x mandatory; }

.pip-product-gallery__media-wrapper:hover .pip-product-gallery__navigation-button-left, .pip-product-gallery__media-wrapper:hover .pip-product-gallery__navigation-button-right { opacity: 1; }

@media (min-width: 56.25em) {
  .pip-product-gallery__media-wrapper { padding-top: 0px; margin-top: 0px; overflow: visible; }
}

.pip-product-gallery__media { position: relative; display: block; flex: 0 0 auto; width: 100%; scroll-snap-align: start; scroll-snap-stop: always; }

@media (min-width: 56.25em) {
  .pip-product-gallery__media { display: none; }
  .pip-product-gallery__media--active { display: block; }
  .pip-product-gallery__media .pip-zoom-image__zoomed img { display: none; }
}

.pip-product-gallery__play-overlay-wrapper { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: flex; justify-content: center; align-items: center; }

.pip-product-gallery__play-overlay { position: absolute; width: 30%; height: 30%; color: rgb(var(--colour-neutral-1, 255, 255, 255)); background-color: rgb(var(--colour-static-black, 17, 17, 17)); opacity: 0.8; border-radius: 64px; }

.pip-product-gallery__play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 55%; height: 55%; color: rgb(var(--colour-static-white, 255, 255, 255)); }

.pip-product-gallery__badge { position: absolute; left: 1.25rem; top: 1.25rem; }

@media (min-width: 56.25em) {
  .pip-product-gallery__badge { left: 0px; top: 0px; }
}

.pip-product-gallery__buttons, .pip-product-gallery__left-section-wrapper { display: none; }

@media (min-width: 56.25em) {
  .pip-product-gallery__buttons, .pip-product-gallery__left-section-wrapper { display: block; }
}

.pip-product-gallery__buttons { margin-top: 1rem; }

@media (min-width: 56.25em) {
  .pip-product-gallery__buttons { position: absolute; z-index: 1; bottom: 1.25rem; right: 1.25rem; }
  [dir="rtl"] .pip-product-gallery__buttons { right: unset; left: 1.25rem; }
}

.pip-product-gallery__dot-indicator-container { display: flex; align-items: center; width: 100%; padding: 0px 1.25rem; margin-top: 0.5rem; height: 1.5rem; }

@media (min-width: 56.25em) {
  .pip-product-gallery__dot-indicator-container { display: none; }
}

.pip-product-gallery .pip-shoppable-image__tag { min-width: 11.4375rem; }

.pip-theatre__content-wrapper { height: 100%; }

.pip-product-gallery-modal-filters { position: absolute; z-index: 1; width: 100%; background-color: rgb(var(--colour-elevation-2, 255, 255, 255)); padding-bottom: 0.25rem; min-height: 2.375rem; }

.pip-product-gallery-modal-filters__wrapper { display: flex; flex-wrap: nowrap; column-gap: 1.5rem; padding: 0px 0.5rem; white-space: nowrap; overflow: scroll hidden; scrollbar-width: none; }

.pip-product-gallery-modal-filters__wrapper::-webkit-scrollbar { display: none; }

.pip-product-gallery-modal-filters__button { font-size: 0.875rem; line-height: 1.571; border: none; width: fit-content; background: rgba(0, 0, 0, 0); padding: 0px; text-align: inherit; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); font-weight: 700; margin: 0.375rem 0px; }

.pip-product-gallery-modal-filters__button:first-child { margin-inline-start: auto; }

.pip-product-gallery-modal-filters__button:last-child { margin-inline-end: auto; }

.pip-product-gallery-modal-filters__button--active { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.pip-product-gallery-modal { margin-top: 2.375rem; margin-bottom: 2rem; }

.pip-product-gallery-modal__wrapper { max-width: 112.5rem; display: flex; flex-wrap: wrap; gap: 1.5rem; margin: 0px auto; }

@media (min-width: 75em) {
  .pip-product-gallery-modal__wrapper { gap: 2rem; }
}

@media (min-width: 56.25em) {
  .pip-product-gallery-modal { margin-top: 3.375rem; margin-left: 7.5rem; margin-right: 7.5rem; }
}

@media (min-width: 75em) {
  .pip-product-gallery-modal { margin-top: 3.375rem; margin-left: 13.5rem; margin-right: 13.5rem; }
}

.pip-product-gallery-modal__media { width: 100%; }

.pip-product-gallery-modal__media:only-child { margin: 0px auto; }

@media (min-width: 56.25em) {
  .pip-product-gallery-modal__media { width: calc(50% - 1rem); }
}

.pip-product-gallery-modal .pip-shoppable-image__tag { min-width: 11.4375rem; }

.pip-product-gallery-modal__transcript-wrapper { margin: 1.5rem 1rem 0px; }

@media (min-width: 56.25em) {
  .pip-product-gallery-modal__transcript-wrapper { margin-left: 0px; margin-right: 0px; }
}

.pip-product-gallery-modal__transcript { margin-bottom: 1rem; }

.pip-product-gallery-modal__hide-transcript-button { color: rgb(var(--colour-interactive-emphasised-bg-default, 0, 88, 163)); display: inline-block; }

.pip-product-gallery-modal__group { width: 100%; margin-bottom: 3rem; }

.pip-product-gallery-modal__group-title { margin-bottom: 0.75rem; text-align: left; width: 100%; padding-left: 0.5rem; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 1rem; line-height: 1.5; font-weight: 700; }

@media (min-width: 56.25em) {
  .pip-product-gallery-modal__group-title { padding-left: unset; }
}

.pip-product-gallery-modal__group .pip-product-gallery-modal__media-grid { display: flex; flex-wrap: wrap; gap: 1.5rem; margin: 0px; justify-content: flex-start; width: 100%; }

.pip-product-gallery-modal__group .pip-product-gallery-modal__media { width: 100%; margin: 0px; }

@media (min-width: 56.25em) {
  .pip-product-gallery-modal__group .pip-product-gallery-modal__media { width: calc(50% - 1rem); }
}

.pip-product-warnings { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); margin-bottom: 1.5rem; line-height: 1.125rem; display: flex; align-items: center; }

.pip-product-warnings__icon.pip-svg-icon { flex-shrink: 0; margin-inline-end: 0.5rem; width: 1.125rem; height: 1.125rem; }

.pip-product-warnings__icon.pip-svg-icon--big { width: 1.5rem; height: 1.5rem; }

.pip-product-warnings__text-group { font-size: 0.75rem; margin-left: 0.3125rem; }

.pip-product-warnings__text--bold { margin-right: 0.3125rem; font-weight: bold; text-transform: uppercase; }

.pip-product-information-section { border-top: 0.0625rem solid rgb(var(--colour-neutral-3, 223, 223, 223)); margin-bottom: 4rem; }

.pip-product-information-section .pip-average-rating__reviews { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.75rem; line-height: 1.5; }

.pip-product-information-section .pip-average-rating__details { margin-top: 0.25rem; }

.pip-product-information-section__count { display: inline-block; font-weight: normal; padding-inline-start: 0.5rem; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.75rem; line-height: 1.5; }

@media (min-width: 56.25em) {
  .pip-product-information-section__count { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 1rem; line-height: 1.625; }
}

.pip-product-information-section button.pip-list-view-item__action:hover .pip-list-view-item__title .pip-product-information-section__count { text-decoration: none; }

.pip-product-information-section .pip-list-view--large .pip-list-view-item__title { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 1rem; line-height: 1.5; font-weight: 700; }

.pip-product-information-section .pip-list-view--large .pip-list-view-item__action { padding-block: 1.5rem; }

@media (min-width: 56.25em) {
  .pip-product-information-section .pip-list-view--large .pip-list-view-item__action { padding-block: 2.5rem; }
  .pip-product-information-section .pip-list-view--large .pip-list-view-item__title { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 1.125rem; line-height: 1.444; font-weight: 700; }
}

@media (min-width: 56.25em) and (min-width: 37.5em) {
  .pip-product-information-section .pip-list-view--large .pip-list-view-item__title { font-size: 1.5rem; line-height: 1.45; letter-spacing: -0.0042em; }
}

@media (min-width: 56.25em) {
  .pip-product-information-section .pip-list-view--large .pip-list-view-item__control-icon .pip-svg-icon { height: 2rem; width: 2rem; }
}

.pip-product-reviews__title { margin-bottom: 2rem; }

.pip-product-reviews__review { display: flex; flex-direction: column; margin-bottom: 2rem; }

.pip-product-reviews__review-title { font-weight: 700; }

.pip-product-story { margin: 0px -1.25rem; display: flex; align-items: flex-start; position: relative; flex-direction: column; }

@media (min-width: 37.5em) {
  .pip-product-story { flex-direction: row; margin: 0px; }
}

.pip-product-story--no-image { background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); padding: 4rem 0px; min-height: 30rem; }

@media (min-width: 37.5em) {
  .pip-product-story--no-image { margin-left: -2rem; min-height: 30rem; }
}

.pip-product-story__image-wrapper { width: 100%; }

@media (min-width: 37.5em) {
  .pip-product-story__image-wrapper { width: 75%; }
}

@media (min-width: 56.25em) {
  .pip-product-story__image-wrapper { width: 65%; }
}

.pip-product-story__label { font-size: 0.75rem; line-height: 1.5; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); padding-bottom: 0.75rem; font-weight: 700; }

.pip-product-story__header { padding-bottom: 0.75rem; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 1.125rem; line-height: 1.444; font-weight: 700; }

@media (min-width: 37.5em) {
  .pip-product-story__header { font-size: 1.5rem; line-height: 1.45; letter-spacing: -0.0042em; }
}

.pip-product-story__sub-header { margin-bottom: 0.5rem; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 1rem; line-height: 1.5; font-weight: 700; }

.pip-product-story__left-wrapper { padding: 0px 2rem; width: 100%; }

@media (min-width: 37.5em) {
  .pip-product-story__left-wrapper { width: 50%; padding-inline-end: 0px; }
}

.pip-product-story__text-wrapper { overflow: hidden; padding: 2rem; position: relative; }

.pip-product-story__text-wrapper--collapsed { height: 28.125rem; }

.pip-product-story__text-wrapper--expanded { padding-bottom: 3rem; }

@media (min-width: 37.5em) {
  .pip-product-story__text-wrapper--collapsed { position: absolute; right: 0px; height: 80%; }
  [dir="rtl"] .pip-product-story__text-wrapper--collapsed { left: 0px; right: auto; }
}

.pip-product-story--no-image .pip-product-story__text-wrapper--collapsed { height: 21.875rem; }

@media (min-width: 37.5em) {
  .pip-product-story--no-image .pip-product-story__text-wrapper { width: 50%; }
}

.pip-product-story--image .pip-product-story__text-wrapper { background-color: rgb(var(--colour-neutral-1, 255, 255, 255)); margin: -18% auto 3.5rem; width: calc(100% - 2.5rem); }

@media (min-width: 37.5em) {
  .pip-product-story--image .pip-product-story__text-wrapper { margin-top: 2rem; margin-inline-start: calc(-25% - 1.5rem); width: calc(50% + 1.5rem); }
  [dir="rtl"] .pip-product-story--image .pip-product-story__text-wrapper { width: calc(50% + 1.5rem); }
}

@media (min-width: 56.25em) {
  .pip-product-story--image .pip-product-story__text-wrapper { margin-top: 2rem; margin-inline-start: calc(-15% - 1.5rem); width: calc(50% + 1.5rem); }
  [dir="rtl"] .pip-product-story--image .pip-product-story__text-wrapper { width: 53.8%; }
}

@media (min-width: 75em) {
  .pip-product-story--image .pip-product-story__text-wrapper { margin-top: 4rem; }
}

.pip-product-story__text { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; }

.pip-product-story__text:first-child { margin-top: 1.5rem; }

.pip-product-story__text { margin-bottom: 1.5rem; }

.pip-product-story__links { position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 2rem; }

.pip-product-story__text-wrapper--collapsed .pip-product-story__links { background: linear-gradient(0deg, rgb(255, 255, 255) 60%, rgba(255, 255, 255, 0.14) 100%); }

.pip-product-story--no-image .pip-product-story__text-wrapper--collapsed .pip-product-story__links { background: linear-gradient(0deg, rgb(245, 245, 245) 60%, rgba(255, 255, 255, 0.14) 100%); }

.theme-dark .pip-product-story--no-image .pip-product-story__text-wrapper--collapsed .pip-product-story__links { background: linear-gradient(0deg, rgb(51, 51, 51) 60%, rgba(51, 51, 51, 0.14) 100%); }

.theme-dark .pip-product-story__text-wrapper--collapsed .pip-product-story__links { background: linear-gradient(0deg, rgb(17, 17, 17) 60%, rgba(17, 17, 17, 0.14) 100%); }

.pip-product-story__readmore-link, .pip-product-story__readless-link { margin-top: 1rem; text-decoration: underline; display: none; }

.pip-product-story__text-wrapper--collapsed .pip-product-story__readmore-link, .pip-product-story__text-wrapper--expanded .pip-product-story__readless-link { display: inline-block; }

.pip-product-styles { margin: 0px -1.25rem; order: -1; }

@media (min-width: 56.25em) {
  .pip-product-styles__link:nth-child(n+9) { display: none; }
}

.pip-product-styles__style-picker { margin-bottom: 1rem; }

@media (min-width: 56.25em) {
  .pip-product-styles__style-picker { margin-bottom: 0.5rem; }
}

.pip-product-styles__item-title { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 0.875rem; line-height: 1.571; font-weight: 700; }

.pip-product-styles__color { margin-inline: 1.25rem; display: flex; flex-wrap: wrap; gap: 0.25rem; margin-bottom: 0.75rem; }

@media (min-width: 56.25em) {
  .pip-product-styles__color { display: none; }
}

.pip-product-styles__color-title { font-weight: 700; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.pip-product-styles__color-text { flex-grow: 1; }

.pip-product-styles .pip-list-view-item { border-bottom: none; }

@media (min-width: 56.25em) {
  .pip-product-styles .pip-list-view-item { border-top: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }
}

.pip-product-styles .pip-list-view-item__action { display: none; }

@media (min-width: 56.25em) {
  .pip-product-styles .pip-list-view-item__action { display: flex; padding-block: 1.25rem; }
}

.pip-product-styles--multiple { order: 0; margin: 0px; }

@media (min-width: 37.5em) {
  .pip-product-styles--multiple { margin: 0px; }
}

.pip-product-styles--multiple .pip-list-view-item__action { display: flex; }

.pip-product-styles--multiple .pip-list-view-item { border-top: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }

.pip-product-styles--multiple .pip-product-styles__items { padding: 0px; }

@media (min-width: 56.25em) {
  .pip-product-styles { order: 0; margin: 0px; }
}

.pip-product-styles__items { overflow: scroll hidden; padding: 0px 1.25rem; display: flex; flex-wrap: nowrap; align-items: center; scrollbar-width: none; }

@media (min-width: 56.25em) {
  .pip-product-styles__items { overflow: unset; flex-wrap: wrap; padding: 0px; }
}

.pip-product-styles__items::-webkit-scrollbar { display: none; }

.pip-product-styles__item { position: relative; height: 4.375rem; width: 4.375rem; padding: 0.5rem; margin-right: 0.25rem; flex-shrink: 0; transition: box-shadow 200ms ease-in-out; border-radius: 0.25rem; }

.pip-product-styles__item:focus { box-shadow: 0 0 0 1px rgb(var(--colour-neutral-7, 17, 17, 17)) inset; }

.pip-product-styles__item:hover { box-shadow: inset 0 0 0 1px rgb(var(--colour-neutral-5, 146, 146, 146)); }

@media (min-width: 56.25em) {
  .pip-product-styles__item { margin-bottom: 0.5rem; }
}

.pip-product-styles__item:last-child::after { content: ""; position: absolute; top: 0px; right: -1.25rem; height: 100%; width: 1.25rem; background: rgba(0, 0, 0, 0); }

.pip-product-styles__item--selected { box-shadow: inset 0 0 0 2px rgb(var(--colour-neutral-7, 17, 17, 17)); border-radius: 0.25rem; }

.pip-product-styles__item--selected:hover { box-shadow: inset 0 0 0 2px rgb(var(--colour-neutral-5, 146, 146, 146)); }

.pip-product-styles__more-button { max-width: 2.5rem; margin: 0px 0px 0.5rem 1rem; }

.pip-product-styles__more-button .pip-btn__inner { padding: 0px; width: 2.5rem; }

.pip-product-summary { margin: 2.5rem 0px; }

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

@media (min-width: 37.5em) {
  .pip-product-summary__product-name { font-size: 1.5rem; line-height: 1.45; letter-spacing: -0.0042em; }
}

.pip-product-summary__description { padding-bottom: 1.5rem; font-size: 1.25rem; line-height: 1.6; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); }

@media (min-width: 37.5em) {
  .pip-product-summary__description { max-width: 87.5%; }
}

.pip-product-summary__product-info-container { display: flex; align-items: end; }

.pip-product-summary__certifications { display: grid; gap: 0.75rem; grid-template-columns: repeat(auto-fit, minmax(6.4375rem, 1fr)); margin-bottom: 1.5rem; }

@media (min-width: 37.5em) {
  .pip-product-summary { margin-bottom: 3rem; }
}

@media (min-width: 56.25em) {
  .pip-product-summary { margin-top: 0px; }
}

.pip-product-variation-section .pip-list-view-item { border-top: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); border-bottom: none; }

.pip-product-variation-section .pip-list-view-item__action { padding-block: 1.25rem; }

.pip-product-variation-section__item-title { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 0.875rem; line-height: 1.571; font-weight: 700; }

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

@media (min-width: 37.5em) {
  .pip-product-variation__title { font-size: 1.5rem; line-height: 1.45; letter-spacing: -0.0042em; }
}

.pip-promote-similar-products-button { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; border: none; padding: 1rem; border-radius: 0.5rem; background-color: rgb(var(--colour-neutral-7, 17, 17, 17)); text-decoration: none; margin-top: 0.5rem; margin-bottom: 1rem; width: 100%; display: flex; align-items: center; justify-content: space-between; }

.pip-promote-similar-products-button__text { color: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); margin-inline-end: 1rem; }

.pip-promote-similar-products-button__icon { color: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); flex-shrink: 0; }

.pip-quantity-stepper { position: relative; display: inline-flex; align-items: center; justify-content: space-between; padding: 0px 0.5rem; background-color: rgb(var(--colour-interactive-subtle-bg-default, 255, 255, 255)); border: 0px; border-radius: 64px; }

.pip-quantity-stepper--fluid { min-width: 100%; }

.pip-quantity-stepper--small { padding: 0px 0.25rem; }

.pip-quantity-stepper .pip-btn:focus-visible { z-index: 200; }

.pip-quantity-stepper__input { text-align: center; font-family: inherit; border: none; box-sizing: content-box; background-color: rgb(var(--colour-interactive-subtle-bg-default, 255, 255, 255)); color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); padding: 0px 0.25rem; height: 3.5rem; min-width: 2.5rem; max-width: 5ch; order: 2; }

.pip-quantity-stepper__input:focus-visible ~ .pip-quantity-stepper__border { border: 2px solid rgb(var(--colour-interactive-emphasised-border-selected, 0, 88, 163)); }

.pip-quantity-stepper__input:disabled ~ .pip-quantity-stepper__border { border: 1px solid rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.pip-quantity-stepper__input:disabled { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.pip-quantity-stepper--fluid .pip-quantity-stepper__input { flex-grow: 1; width: 100%; max-width: 100%; }

.pip-quantity-stepper--small .pip-quantity-stepper__input { padding: 0px 0.25rem; height: 2.5rem; }

.pip-quantity-stepper__border { position: absolute; border: 1px solid rgb(var(--colour-neutral-5, 146, 146, 146)); border-radius: 64px; inset: 0px; pointer-events: none; }

.pip-quantity-stepper__decrease { order: 1; }

.pip-quantity-stepper__decrease:disabled { background: rgba(0, 0, 0, 0); }

.pip-quantity-stepper__decrease--active { background-color: rgb(var(--colour-interactive-subtle-bg-pressed, 223, 223, 223)); }

.pip-quantity-stepper__increase { order: 3; }

.pip-quantity-stepper__increase:disabled { background: rgba(0, 0, 0, 0); }

.pip-quantity-stepper__increase--active { background-color: rgb(var(--colour-interactive-subtle-bg-pressed, 223, 223, 223)); }

.pip-quantity-stepper__sr-label { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); margin: -1px; white-space: nowrap; }

.pip-quantity-picker { display: flex; margin-inline-end: 0.5rem; max-height: 3.5rem; }

.pip-quantity-picker--fluid { margin-bottom: 1rem; }

.pip-quantity-stepper__input { width: 1.2rem; min-width: 1.2rem; }

.pip-questions-and-answers { display: inline-block; }

.pip-link-button .pip-questions-and-answers__count { display: inline-block; text-decoration: none; padding-inline-start: 0.25rem; }

.pip-removal-service-modal__title { margin-bottom: 1rem; }

.pip-removal-service-modal__learn-more-link { display: block; margin-top: 2.5rem; }

.pip-repairability-index { margin-top: 0.5rem; }

.pip-repairability-index__symbol { display: block; height: 3.5rem; }

.pip-repairability-index__symbol--big.pip-repairability-index__symbol--big { height: 7.5rem; }

.pip-product-compact .pip-repairability-index__symbol { margin-bottom: 1rem; }

.pip-section { display: flex; column-gap: 0.75rem; padding: 0.75rem 0px; justify-content: space-between; border: 0px; background: none; text-align: inherit; width: 100%; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; }

.pip-section__header { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 0.875rem; line-height: 1.571; font-weight: 700; display: block; }

.pip-section__content--wrapper { display: flex; }

.pip-section__icons-right-wrapper { display: flex; column-gap: 0.25rem; align-self: center; }

.pip-section__icon { flex-shrink: 0; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); margin-inline-end: 1rem; }

.pip-section__icon--right { margin-inline-end: unset; }

[dir="rtl"] .pip-section__icon--right { transform: scaleX(-1); }

.pip-section[aria-busy="true"] * { color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); }

.pip-section-group { margin-bottom: 1rem; }

.pip-section-group__header { margin: 0.5rem 0px; display: flex; justify-content: space-between; }

.pip-section-group__header--left { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 0.875rem; line-height: 1.571; font-weight: 700; }

.pip-section-group__content { padding: 0.25rem 1rem; border: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); border-radius: 8px; }

.pip-section-group__content > .pip-section:not(:last-child):not(.pip-no-border) { border-bottom: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }

.pip-section-group__content .pip-display-location { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.75rem; line-height: 1.5; display: flex; align-items: center; background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); padding: 0.5rem 1rem; margin: 0px -1rem -0.25rem; border-radius: 0px 0px 8px 8px; }

.pip-section-group__content .pip-display-location__icon { flex-shrink: 0; transform: rotate(180deg); width: 1rem; height: 1rem; }

.pip-section-group__content .pip-display-location__text { margin-inline-start: 0.5rem; }

.pip-seo-content { display: none; }

.pip-services-section { background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); border-radius: 8px; padding: 1rem; margin: 1rem 0px; min-height: 5.5rem; }

.pip-services-section__header { margin-bottom: 0.5rem; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 0.875rem; line-height: 1.571; font-weight: 700; }

.pip-services-section__list-item { display: flex; align-items: flex-start; }

.pip-services-section__list-item:not(:last-child) { margin-bottom: 1rem; }

.pip-services-section__icon { flex-shrink: 0; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); margin-inline-end: 0.5rem; }

.pip-services-section__button { border: 0px; background: none; text-align: inherit; flex-grow: 1; user-select: text; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; }

.pip-services-section__link { text-decoration: none; }

.pip-services-section__link:hover { text-decoration: none; }

.pip-services-section__link-text { margin-inline-start: 0.25rem; text-decoration: underline; }

.pip-services-section__assembly-disclosure { display: block; font-size: 0.75rem; line-height: 1.5; }

.pip-services-section--hidden { display: none; }

.pip-shoppable-price-package { display: inline-flex; background-color: rgb(var(--colour-neutral-1, 255, 255, 255)); min-width: 8.4375rem; max-width: 12.625rem; }

.pip-shoppable-price-package__link { display: flex; justify-content: space-between; width: 100%; }

a.pip-shoppable-price-package__link { text-decoration: none; }

a.pip-shoppable-price-package__link:hover, a.pip-shoppable-price-package__link:active, a.pip-shoppable-price-package__link:focus { text-decoration: none; }

.pip-shoppable-price-package .pip-price-module { display: flex; margin: 0.75rem; flex-grow: 1; flex-direction: column; }

.pip-shoppable-price-package .pip-header-section { font-size: inherit; line-height: inherit; }

.pip-shoppable-price-package .pip-header-section__title--small { font-size: inherit; line-height: inherit; }

.pip-shoppable-price-package .pip-header-section__description { margin-bottom: 0px; font-size: inherit; line-height: inherit; text-transform: none; }

.pip-shoppable-price-package__chevron { display: flex; align-items: center; justify-content: center; border-left: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }

[dir="rtl"] .pip-shoppable-price-package__chevron { transform: scaleX(-1); }

.pip-sold-separately { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.75rem; line-height: 1.5; display: flex; margin-bottom: 1.5rem; align-items: center; }

.pip-sold-separately__icon.pip-svg-icon { flex-shrink: 0; height: 1.125rem; width: 1.125rem; margin-inline-end: 0.5rem; }

.pip-sticky-product-bar { transition: transform 200ms ease-in-out; background: rgb(var(--colour-neutral-1, 255, 255, 255)); position: fixed; left: 0px; bottom: 0px; width: 100%; transform: translateY(100%); z-index: 100; }

.pip-sticky-product-bar--visible { transform: translateY(0px); }

@media (min-width: 56.25em) {
  .pip-sticky-product-bar--visible { transform: translate(-50%, 0px); }
}

.pip-sticky-product-bar__inner { position: relative; background-color: rgb(var(--colour-neutral-1, 255, 255, 255)); display: flex; align-items: center; padding: 1rem 1.25rem; }

@media (min-width: 37.5em) {
  .pip-sticky-product-bar__inner { padding: 1rem 2rem; }
}

@media (min-width: 56.25em) {
  .pip-sticky-product-bar__inner { display: none; }
}

.pip-sticky-product-bar__button { flex-grow: 1; }

.pip-stock-notification { padding-top: 2rem; border-top: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); margin-bottom: 2rem; }

.pip-stock-notification__body { border: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); border-radius: 0.5rem; padding: 1rem; }

.pip-stock-notification__button { padding: 1rem 0px; }

.pip-stock-notification__error { padding: 0.75rem 0px; }

.pip-stock-notification__header-section { margin-bottom: 1.5rem; }

.pip-stock-notification__type-title { font-size: 0.875rem; line-height: 1.571; font-weight: 700; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); margin-bottom: 1.25rem; }

.pip-stock-notification__subtitle { color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); }

.pip-stock-notification__header { font-size: 1rem; line-height: 1.5; font-weight: 700; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); margin-bottom: 0.5rem; }

.pip-stock-notification__header + .pip-stock-notification__success { margin-top: 1rem; }

.pip-stock-notification__section-updated-at { margin-bottom: 0.5rem; }

.pip-stock-notification__form-radio-button { margin-bottom: 1.5rem; display: flex; align-items: center; width: 40%; }

.pip-stock-notification__form-radio-button-section { display: flex; }

.pip-stock-notification__form-radio-description { display: block; margin-top: 0.25rem; font-weight: normal; font-size: 0.75rem; line-height: 1.5; color: rgb(var(--colour-neutral-6, 72, 72, 72)); }

.pip-stock-notification__form-checkbox-wrapper { display: flex; align-items: center; margin-top: 1.5rem; }

.pip-stock-notification__form-checkbox-wrapper .pip-form-field { margin-bottom: 1rem; }

.pip-stock-notification__form-checkbox-wrapper .pip-checkbox { margin-bottom: 0px; }

.pip-sheets:has(div.pip-store-list-modal) { background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); }

.pip-sheets__content-wrapper:has(div.pip-store-list-modal) { overscroll-behavior-y: none; }

.pip-store-list-modal__header-container { margin: 0px -1.5rem; padding: 0px 1.5rem 1.5rem; background-color: rgb(var(--colour-elevation-2, 255, 255, 255)); }

@media (min-width: 56.25em) {
  .pip-store-list-modal__header-container { margin: 0px -2rem; padding: 0px 2rem 1.5rem; }
}

@media (min-width: 75em) {
  .pip-store-list-modal__header-container { margin: 0px -2.5rem; padding: 0px 2.5rem 1.5rem; }
}

.pip-store-list-modal__sort-disclosure { display: block; margin-bottom: 1.5rem; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; }

.pip-store-list-modal__search-store { margin-top: 1.25rem; }

.pip-store-list-modal__stores-container { padding-top: 1.5rem; }

.pip-store-list-modal__loading-ball { margin-bottom: 1.5rem; }

.pip-store-list-modal__available-filter { margin-top: 1.5rem; }

.pip-store-list-modal .pip-choice-item { background-color: rgb(var(--colour-neutral-1, 255, 255, 255)); }

.pip-store-list-modal .pip-section { padding: 0px; }

.pip-store-list-modal .pip-section__icon--right { align-self: start; }

.pip-store-list-modal__store-info { display: flex; flex-direction: column; margin-bottom: 0.5rem; }

.pip-store-list-modal__second-status { margin-top: 0.25rem; }

.pip-store-list-modal__store-name { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 0.875rem; line-height: 1.571; font-weight: 700; }

.pip-store-package-overview { padding-top: 2rem; border-top: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); margin-bottom: 2.5rem; }

.pip-store-package-overview__header { margin-bottom: 1rem; }

.pip-store-package-overview__title { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 1rem; line-height: 1.5; font-weight: 700; }

.pip-store-package-overview__body { border: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); border-radius: 0.5rem; padding: 1.25rem; }

.pip-store-package-overview__card { margin-bottom: 1.5rem; }

.pip-store-package-overview__quick-facts-item { display: flex; margin-bottom: 0.5rem; }

.pip-store-package-overview__icon { margin-inline-end: 0.75rem; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); }

.pip-store-package-overview__quick-facts-text { color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); }

.pip-store-package-overview__quick-facts-text--black { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.pip-store-availability-section { margin-bottom: 2rem; }

.pip-store-availability-section__availability { border: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); border-radius: 0.5rem; }

.pip-store-availability-section__display-location { width: 100%; display: inline-flex; align-items: center; text-decoration: none; font-size: 0.875rem; line-height: 1.5; background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); border-radius: 0.5rem; padding: 1rem; }

.pip-store-availability-section__display-location-icon { transform: rotate(180deg); }

.pip-store-availability-section__display-location-text { margin-left: 0.75rem; }

.pip-store-availability-section__display-location-bottom { margin-bottom: 1.5rem; }

.pip-store-availability-section__click-and-collect .pip-store-availability-section__container { border-bottom: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }

.pip-store-availability-section__container { padding: 1rem; }

.pip-store-availability-section__more-info-container { background: rgb(var(--colour-neutral-2, 245, 245, 245)); border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }

.pip-store-availability-section__more-info { padding: 1rem; }

.pip-store-availability-section__availability-type-name { font-weight: 700; }

.pip-store-availability-section__availability-status-text { font-weight: 400; }

.pip-store-availability-section__quantity--bold { font-weight: 700; }

.pip-store-availability-section__section-updated-at { color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); margin-top: 0.5rem; margin-bottom: 1.25rem; }

.pip-store-availability-section__check-other-stores { margin-bottom: 1.25rem; }

.pip-store-header-section { margin-bottom: 1.5rem; }

.pip-store-header-section__opening-details, .pip-store-header-section__store-details-link, .pip-store-header-section__separator { color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); }

.pip-store-header-section__title { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 1.125rem; line-height: 1.444; font-weight: 700; }

@media (min-width: 37.5em) {
  .pip-store-header-section__title { font-size: 1.5rem; line-height: 1.45; letter-spacing: -0.0042em; }
}

.pip-store-pick-up-location { margin-bottom: 2rem; }

.pip-store-pick-up-location__title { margin-bottom: 1rem; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 1rem; line-height: 1.5; font-weight: 700; }

.pip-store-pick-up-location__serve-section { border: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); border-radius: 8px; }

.pip-store-pick-up-location__serve-section:not(:last-child) { margin-bottom: 1.5rem; }

.pip-store-pick-up-location__serve-section-title { padding: 1rem; background: rgb(var(--colour-neutral-2, 245, 245, 245)); border-bottom: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); border-radius: 8px 8px 0px 0px; font-weight: 400; }

.pip-store-pick-up-location__aisle-container { margin-inline-end: 0.5rem; }

.pip-store-pick-up-location__aisle-and-bin { display: flex; }

.pip-store-pick-up-location__section-container, .pip-store-pick-up-location__aisle-container, .pip-store-pick-up-location__bin-container { display: flex; row-gap: 0.5rem; flex-wrap: wrap; }

.pip-store-pick-up-location__aisle-and-bin-text, .pip-store-pick-up-location__section-text { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.75rem; line-height: 1.5; align-self: center; margin-inline-end: 0.5rem; }

.pip-store-pick-up-location__multiple-packages-container { display: flex; margin-bottom: 1rem; }

.pip-store-pick-up-location p:not(:last-of-type) { margin-bottom: 0px; }

.pip-store-pick-up-location__measurement-container { display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 1rem; }

.pip-store-pick-up-location__measurement-package { min-width: 48%; }

.pip-store-pick-up-location__multiple-packages-icon { margin-inline-end: 0.75rem; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); }

.pip-store-pick-up-location__caption-container { display: flex; align-items: flex-end; margin-top: 0.75rem; }

.pip-store-pick-up-location__caption-item-number { margin-inline-end: 1.5rem; }

.pip-store-pick-up-location__measurement-content { background: rgb(var(--colour-neutral-2, 245, 245, 245)); padding: 1.5rem 1rem; }

.pip-store-pick-up-location__aisle-and-bin-container { display: flex; }

.pip-store-pick-up-location__measurement-label { font-weight: 700; }

.pip-store-pick-up-location .pip-accordion__item:not(:last-child) { border-bottom: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }

.pip-store-pick-up-location .pip-accordion__item:last-child .pip-store-pick-up-location__measurement-content { border-radius: 0px 0px 8px 8px; }

.pip-store-pick-up-location .pip-accordion-item-header__title-wrapper { margin-inline-start: 1rem; }

.pip-store-pick-up-location .pip-accordion-item-header__icon { margin-inline-end: 1rem; }

.pip-store-pick-up-location .pip-accordion-item-header { border-top: unset; padding: 1rem 0px; }

.pip-store-pick-up-location .pip-accordion-item-header:active .pip-accordion-item-header__title, .pip-store-pick-up-location .pip-accordion-item-header:focus .pip-accordion-item-header__title, .pip-store-pick-up-location .pip-accordion-item-header:hover .pip-accordion-item-header__title { text-decoration: none; }

.pip-store-pick-up-location .pip-accordion__content { padding: 0px; }

.pip-store-pick-up-location .pip-product-identifier__value { user-select: text; }

.pip-store-out-of-stock-section { border-top: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); padding-top: 2rem; }

.pip-store-out-of-stock-section__title { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 1rem; line-height: 1.5; font-weight: 700; }

.pip-store-out-of-stock-section__subtitle { display: block; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); margin-bottom: 1rem; }

.pip-store-out-of-stock-section__product-cards-container { border: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); border-radius: 8px; padding: 1.25rem; margin-bottom: 2rem; }

.pip-store-out-of-stock-section__product-card-container:not(:last-child) { padding-bottom: 1.25rem; margin-bottom: 1.25rem; border-bottom: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }

.pip-on-display-section { border-top: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); padding-top: 2rem; }

.pip-on-display-section__icon { flex-shrink: 0; transform: rotate(180deg); }

.pip-on-display-section__product-thumbnails-container { display: flex; align-items: center; margin-inline-start: 1rem; width: 5.25rem; height: 3rem; }

.pip-on-display-section__product-thumbnail { width: 3rem; height: 3rem; border-radius: 64px; background-color: rgb(var(--colour-static-white, 255, 255, 255)); display: flex; align-items: center; justify-content: center; overflow: hidden; }

.pip-on-display-section__product-thumbnail--1 { margin-inline-end: -0.625rem; }

.pip-on-display-section__product-thumbnail--2 { left: 1.75rem; z-index: 1; }

.pip-on-display-section__product-thumbnail img { width: 70%; height: auto; object-fit: contain; }

.pip-on-display-section__loading { width: 1.5rem; height: 1.5rem; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: 0.1875rem solid rgb(var(--colour-neutral-2, 245, 245, 245)); border-radius: 64px; animation: 1s linear 0s infinite normal none running spin; }

@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.pip-on-display-section__on-display { width: 100%; display: inline-flex; align-items: center; text-decoration: none; font-size: 0.875rem; line-height: 1.5; background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); border-radius: 0.5rem; padding: 1rem; }

.pip-on-display-section__on-display-icon { transform: rotate(180deg); }

.pip-on-display-section__on-display-text { margin-left: 0.75rem; }

.pip-on-display-section__on-display-bottom { margin-bottom: 1.5rem; }

.pip-on-display-section__product-cards-container { border-radius: 8px; padding: 0.5rem; margin-bottom: 2.5rem; background-color: rgb(var(--colour-neutral-2, 245, 245, 245)); }

.pip-on-display-section__product-cards-container .pip-product-card { padding-bottom: 1.25rem; }

.pip-on-display-section__product-card-container:not(:last-child) .pip-product-card { border-bottom: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }

.pip-on-display-section__product-card-container { padding: 1.25rem 1.25rem 0px; }

.pip-on-display-section .pip-accordion__heading { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0.5rem; }

.pip-on-display-section .pip-collapsible__content { background-color: rgb(var(--colour-static-white, 255, 255, 255)); padding: 0px; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; overflow-y: auto; box-sizing: border-box; }

.pip-on-display-section .pip-accordion-item-header { background: rgb(var(--colour-neutral-2, 245, 245, 245)); color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); border-top: unset; }

.pip-on-display-section .pip-accordion-item-header:active .pip-accordion-item-header__title, .pip-on-display-section .pip-accordion-item-header:focus .pip-accordion-item-header__title, .pip-on-display-section .pip-accordion-item-header:hover .pip-accordion-item-header__title { text-decoration: none; }

.pip-on-display-section .pip-accordion__item--active > div > .pip-accordion-item-header { padding-bottom: 1.5rem; }

.pip-on-display-section .pip-accordion__content--inner-medium { min-width: 100%; max-height: 25rem; }

.pip-on-display-section .pip-accordion-item-header__title-wrapper { display: flex; align-items: center; padding-inline-end: 0.5rem; }

.pip-on-display-section .pip-accordion-item-header__title { font-weight: normal; display: flex; align-items: center; gap: 1rem; }

.pip-store-modal__disclaimer { display: block; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); margin-top: 3rem; }

.pip-store-section__button { border: none; width: fit-content; background: rgba(0, 0, 0, 0); padding: 0px; text-align: inherit; margin-bottom: 0.25rem; }

.pip-store-section__button-link { text-decoration: underline; }

.pip-store-section__button-link:hover, .pip-store-section__button-link:active { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.pip-store-section__additional-text { color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); margin-inline-start: 1.25rem; }

.pip-store-section__link { margin-inline-start: 1.25rem; }

.pip-store-section__restock-dates { margin-inline-start: 1.25rem; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); }

.pip-technical-information__title { margin-bottom: 1.5rem; }

.pip-technical-information__section:not(:last-child) { margin-bottom: 3rem; }

.pip-technical-information__product-name { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-weight: 700; }

.pip-technical-information__product-name:not(:last-of-type) { margin-bottom: 0px; }

.pip-technical-information .pip-product-identifier { margin-top: 0.75rem; display: block; }

.pip-technical-information .pip-product-identifier__number { margin: 0px; }

.pip-technical-information__table { margin-top: 0.75rem; }

.pip-technical-information__entry-image { display: flex; justify-content: center; margin-top: 1rem; margin-bottom: 1rem; }

.pip-technical-information__entry-image img { min-width: 60%; }

.pip-tip-over-hazard { margin-bottom: 1rem; }

.pip-tip-over-hazard__image { height: 2rem; margin-bottom: 0.75rem; }

.pip-tip-over-hazard__header { margin-bottom: 0.25rem; font-size: 0.875rem; line-height: 1.571; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); }

.pip-tip-over-hazard__text { margin-bottom: 0.5rem; }

.pip-tip-over-hazard svg.pip-inline-message__icon { display: none; }

.pip-tip-over-hazard .pip-inline-message__content { margin-inline-start: 1.5rem; }

.pip-tip-over-hazard p.pip-inline-message__body { margin: 0px; }

.pip-usp-section { margin: 1.5rem 0px 0.75rem; }

.pip-usp-section--hidden { display: none; }

.pip-usp-section--blue-box { background-color: rgb(236, 246, 255); border-radius: 8px; padding: 1rem; margin: 1rem 0px; }

.pip-usp-section__list-item { display: flex; align-items: flex-start; }

.pip-usp-section__list-item:not(:last-child) { margin-bottom: 0.75rem; }

.pip-usp-section__icon { flex-shrink: 0; color: rgb(var(--colour-semantic-informative, 0, 88, 163)); margin-inline-end: 0.75rem; }

.pip-usp-section__icon--green { color: rgb(10, 138, 0); }

.pip-usp-section__button { border: 0px; background: none; text-align: inherit; flex-grow: 1; user-select: text; padding: 0px; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; }

.pip-usp-section__header { margin-inline-end: 0.25rem; }

.pip-usp-section__header span { font-weight: 700; }

.pip-usp-section__link { text-decoration: none; }

.pip-usp-section__link:hover { text-decoration: none; }

.pip-usp-section__link-label { text-decoration: underline; }

.pip-included-products__title { margin-bottom: 1rem; }

.pip-included-products__subtitle { margin-bottom: 1.25rem; }

.pip-included-products__container { padding: 1.25rem; border-bottom: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }

.pip-video-transcript-modal { max-width: 112.5rem; display: flex; flex-direction: column; margin-bottom: 3rem; }

.pip-video-transcript-modal__left-section { width: 100%; background-color: rgb(var(--colour-neutral-1, 255, 255, 255)); position: sticky; top: 0px; align-self: flex-start; z-index: 1; }

.pip-video-transcript-modal__right-section { padding-top: 1rem; width: 100%; }

.pip-video-transcript-modal__transcript { margin: 0px 1rem; }

.pip-video-transcript-modal__title { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 1rem; line-height: 1.5; font-weight: 700; margin: 0px 0px 1rem 1rem; }

@media (min-width: 56.25em) {
  .pip-video-transcript-modal { margin-left: 3rem; margin-right: 3rem; column-gap: 3rem; flex-direction: row; }
  .pip-video-transcript-modal > * { flex: 1 1 0%; }
  .pip-video-transcript-modal__title { margin-left: 0px; }
  .pip-video-transcript-modal__video-wrapper { max-width: calc(-12.5rem + 100vh); }
  .pip-video-transcript-modal__right-section { padding-top: 2.5rem; }
  .pip-video-transcript-modal__transcript { margin: 0px; }
}

@media (min-width: 75em) {
  .pip-video-transcript-modal { margin-left: 7.5rem; margin-right: 7.5rem; }
}

.pip-wood-declaration { border-top: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }

.pip-wood-declaration__header { margin: 1.5rem 0px 1rem; }

.pip-wood-declaration__text { margin-bottom: 1.5rem; }

.pip-wood-declaration__section { margin-bottom: 1rem; }

.pip-wood-declaration__section:last-child { margin-bottom: 0px; }

.pip-wood-declaration__type-of-wood { margin: 0px; }

.pip-wood-declaration__type-of-wood:not(:last-of-type) { margin: 0px; }

.pip-wood-declaration__origin { text-transform: capitalize; margin: 0px; }

.pip-btn.pip-xr-button { position: absolute; z-index: 1; bottom: 1.25rem; left: 1.25rem; }

.pip-btn.pip-xr-button--desktop { position: relative; z-index: auto; bottom: auto; left: auto; margin-inline-start: 0.5rem; }

.pip-zip-in-modal { color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; }

.pip-zip-in-modal__title-wrapper { margin-bottom: 1.5rem; }

.pip-zip-in-modal__link-wrapper { padding-bottom: 1.5rem; }

.pip-zip-in-modal__container { padding: 1rem; }

.pip-zip-in-modal__title { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 1rem; line-height: 1.5; font-weight: 700; }

@media (min-width: 56.25em) {
  .pip-zip-in-modal__title { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 1.125rem; line-height: 1.444; font-weight: 700; }
}

@media (min-width: 56.25em) and (min-width: 37.5em) {
  .pip-zip-in-modal__title { font-size: 1.5rem; line-height: 1.45; letter-spacing: -0.0042em; }
}

.pip-zip-in-modal__subtitle { color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); }

.pip-zip-in-modal__availability { border: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); border-radius: 0.5rem; margin-bottom: 1rem; }

.pip-zip-in-modal .pip-accordion__content { background: rgb(var(--colour-neutral-2, 245, 245, 245)); padding: 0px; border-top: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }

.pip-zip-in-modal .pip-accordion-item-header { padding: 1rem; min-height: unset; border-top: unset; }

.pip-zip-in-modal .pip-accordion-item-header__title { font-weight: 400; }

.pip-zip-in-modal__accordion-content { font-size: 0.875rem; line-height: 1.571; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); padding: 1rem; }

.pip-zip-in-modal__delivery-promotion { border: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.25rem 1rem; padding: 1rem; margin: 1.25rem 0px; }

.pip-zip-in-modal__delivery-promotion-badge { background-color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); margin-bottom: 1.25rem; }

.pip-zip-in-modal__delivery-promotion-message { display: flex; align-items: flex-start; margin-bottom: 1rem; }

.pip-zip-in-modal__delivery-promotion-icon { flex-shrink: 0; margin-inline-end: 0.75rem; }

.pip-zip-in-modal__delivery-promotion-button { border: 0px; background: none; text-align: inherit; flex-grow: 1; user-select: text; padding: 0px; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; }

.pip-zip-in-modal__delivery-promotion-text { margin-inline-end: 0.25rem; }

.pip-zip-in-modal__delivery-promotion-link-label { text-decoration: underline; }

.pip-zip-in-modal__always-on-delivery-promotion { border: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.25rem 1rem; margin: 1.25rem 0px; }

.pip-zip-in-modal__always-on-delivery-promotion-message { padding: 1.5rem 1rem; }

.pip-zip-in-modal__always-on-delivery-promotion-message--compact { padding: 1rem; }

.pip-zip-in-modal__always-on-delivery-promotion-header { color: rgb(var(--colour-static-ikea-family, 0, 124, 193)); font-weight: 700; margin-bottom: 0.75rem; }

.pip-zip-in-modal__always-on-delivery-promotion-list-item { display: flex; align-items: flex-start; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.571; }

.pip-zip-in-modal__always-on-delivery-promotion-list-item:not(:last-child) { margin-bottom: 0.5rem; }

.pip-zip-in-modal__always-on-delivery-promotion-icon { flex-shrink: 0; margin-inline-end: 0.75rem; color: rgb(var(--colour-static-ikea-family, 0, 124, 193)); }

.pip-zip-in-modal__always-on-delivery-promotion-text { margin-inline-end: 0.25rem; }

.pip-zip-in-modal__always-on-delivery-promotion-link { text-decoration: none; }

.pip-zip-in-modal__always-on-delivery-promotion-link:hover { text-decoration: none; }

.pip-zip-in-modal__always-on-delivery-promotion-link-label { text-decoration: underline; }

.pip-zip-in-modal__always-on-delivery-promotion-footer { padding: 1rem; background: rgb(var(--colour-neutral-2, 245, 245, 245)); border-top: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); border-radius: 0px 0px 8px 8px; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.75rem; line-height: 1.5; }

.pip-zip-in-modal__mov-information { border-top: 1px solid rgb(var(--colour-neutral-3, 223, 223, 223)); }

.pip-zip-in-modal__mov-title { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); margin-block: 1.25rem; }

.pip-zip-in-modal__mov-content-1, .pip-zip-in-modal__mov-content-2 { margin-block-end: 1.25rem; }

.pip-delivery-section__delivery-price { font-weight: 700; }

.pip-delivery-section__delivery-time-modal { font-weight: 700; white-space: nowrap; }

.pip-delivery-section__delivery-time { white-space: nowrap; }

.pip-store-availability-section__click-and-collect-price-modal { font-weight: 700; }

.pip-recommendations--hidden { display: none; }