@charset "utf-8";

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.igift-pip-btn { position: relative; font-size: 0.875rem; background: none; border: 0px; padding: 0px; line-height: 1.42857; font-weight: 700; text-align: center; display: inline-flex; border-radius: 64px; cursor: pointer; outline: 0px; vertical-align: top; }

.igift-pip-btn:hover, .igift-pip-btn:active, .igift-pip-btn:focus { text-decoration: none; }

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

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

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

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

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

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

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

.igift-pip-btn--icon-primary .igift-pip-btn__inner, .igift-pip-btn--primary .igift-pip-btn__inner { background: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17)); }

.igift-pip-btn--icon-primary:hover .igift-pip-btn__inner, .igift-pip-btn--primary:hover .igift-pip-btn__inner { background: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); }

.igift-pip-btn--icon-primary:active .igift-pip-btn__inner, .igift-pip-btn--primary:active .igift-pip-btn__inner { background: rgb(var(--colour-interactive-primary-bg-pressed, 0, 0, 0)); }

.igift-pip-btn--icon-emphasised .igift-pip-btn__inner, .igift-pip-btn--emphasised .igift-pip-btn__inner { background: rgb(var(--colour-interactive-emphasised-bg-default, 0, 88, 163)); }

.igift-pip-btn--icon-emphasised:hover .igift-pip-btn__inner, .igift-pip-btn--emphasised:hover .igift-pip-btn__inner { background: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147)); }

.igift-pip-btn--icon-emphasised:active .igift-pip-btn__inner, .igift-pip-btn--emphasised:active .igift-pip-btn__inner { background: rgb(var(--colour-interactive-emphasised-bg-pressed, 0, 62, 114)); }

.igift-pip-btn--icon-secondary .igift-pip-btn__inner, .igift-pip-btn--secondary .igift-pip-btn__inner { box-shadow: inset 0 0 0 1px rgb(var(--colour-neutral-7, 17, 17, 17)); }

.igift-pip-btn--icon-secondary:hover .igift-pip-btn__inner, .igift-pip-btn--icon-secondary:active .igift-pip-btn__inner, .igift-pip-btn--secondary:hover .igift-pip-btn__inner, .igift-pip-btn--secondary:active .igift-pip-btn__inner { box-shadow: inset 0 0 0 2px rgb(var(--colour-neutral-7, 17, 17, 17)); }

.igift-pip-btn--icon-secondary:active .igift-pip-btn__inner, .igift-pip-btn--secondary:active .igift-pip-btn__inner { background: rgba(var(--colour-interactive-secondary-bg-pressed, 204, 204, 204),.5); }

.igift-pip-btn--icon-secondary-inverse .igift-pip-btn__inner, .igift-pip-btn--secondary-inverse .igift-pip-btn__inner { box-shadow: inset 0 0 0 1px rgb(var(--colour-static-white, 255, 255, 255)); }

.igift-pip-btn--icon-secondary-inverse:hover .igift-pip-btn__inner, .igift-pip-btn--icon-secondary-inverse:active .igift-pip-btn__inner, .igift-pip-btn--secondary-inverse:hover .igift-pip-btn__inner, .igift-pip-btn--secondary-inverse:active .igift-pip-btn__inner { box-shadow: inset 0 0 0 2px rgb(var(--colour-static-white, 255, 255, 255)); background: rgba(var(--colour-static-white, 255, 255, 255),.1); }

.igift-pip-btn--icon-emphasised-inverse .igift-pip-btn__inner, .igift-pip-btn--icon-primary-inverse .igift-pip-btn__inner, .igift-pip-btn--primary-inverse .igift-pip-btn__inner, .igift-pip-btn--emphasised-inverse .igift-pip-btn__inner { background: rgb(var(--colour-static-white, 255, 255, 255)); }

.igift-pip-btn--icon-emphasised-inverse:hover .igift-pip-btn__inner, .igift-pip-btn--icon-primary-inverse:hover .igift-pip-btn__inner, .igift-pip-btn--primary-inverse:hover .igift-pip-btn__inner, .igift-pip-btn--emphasised-inverse:hover .igift-pip-btn__inner { background: rgb(var(--colour-static-light-grey, 245, 245, 245)); }

.igift-pip-btn--icon-emphasised-inverse:active .igift-pip-btn__inner, .igift-pip-btn--icon-primary-inverse:active .igift-pip-btn__inner, .igift-pip-btn--primary-inverse:active .igift-pip-btn__inner, .igift-pip-btn--emphasised-inverse:active .igift-pip-btn__inner { background: rgb(var(--colour-static-grey, 223, 223, 223)); }

.igift-pip-btn--danger .igift-pip-btn__inner { background: rgb(var(--colour-interactive-destructive-bg-default, 224, 7, 81)); }

.igift-pip-btn--danger:hover .igift-pip-btn__inner { background: rgb(var(--colour-interactive-destructive-bg-hover, 204, 0, 61)); }

.igift-pip-btn--danger:active .igift-pip-btn__inner { background: rgb(var(--colour-interactive-destructive-bg-pressed, 184, 0, 41)); }

.igift-pip-btn--icon-tertiary:hover .igift-pip-btn__inner, .igift-pip-btn--tertiary:hover .igift-pip-btn__inner { background: rgb(var(--colour-interactive-secondary-bg-hover, 223, 223, 223)); }

.igift-pip-btn--icon-tertiary:active .igift-pip-btn__inner, .igift-pip-btn--tertiary:active .igift-pip-btn__inner { background: rgb(var(--colour-interactive-secondary-bg-pressed, 204, 204, 204)); }

.igift-pip-btn--icon-tertiary-inverse:hover .igift-pip-btn__inner, .igift-pip-btn--tertiary-inverse:hover .igift-pip-btn__inner { background: rgba(var(--colour-static-white, 255, 255, 255),.15); }

.igift-pip-btn--icon-tertiary-inverse:active .igift-pip-btn__inner, .igift-pip-btn--tertiary-inverse:active .igift-pip-btn__inner { background: rgba(var(--colour-static-white, 255, 255, 255),.3); }

.igift-pip-btn--icon-image-overlay, .igift-pip-btn--image-overlay { color: rgb(var(--colour-static-white, 255, 255, 255)); text-decoration: none; }

.igift-pip-btn--icon-image-overlay .igift-pip-btn__inner, .igift-pip-btn--image-overlay .igift-pip-btn__inner { background: rgba(var(--colour-static-black, 17, 17, 17),.75); }

.igift-pip-btn--icon-image-overlay:hover .igift-pip-btn__inner, .igift-pip-btn--image-overlay:hover .igift-pip-btn__inner { background: rgba(var(--colour-static-black, 17, 17, 17),.85); }

.igift-pip-btn--icon-image-overlay:active .igift-pip-btn__inner, .igift-pip-btn--image-overlay:active .igift-pip-btn__inner { background: rgba(var(--colour-static-black, 17, 17, 17),.95); }

.igift-pip-btn--icon-image-overlay:hover, .igift-pip-btn--icon-image-overlay:active, .igift-pip-btn--icon-image-overlay:focus, .igift-pip-btn--image-overlay:hover, .igift-pip-btn--image-overlay:active, .igift-pip-btn--image-overlay:focus { color: rgb(var(--colour-static-white, 255, 255, 255)); }

.igift-pip-btn--icon-secondary, .igift-pip-btn--secondary, .igift-pip-btn--icon-tertiary, .igift-pip-btn--tertiary { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); text-decoration: none; }

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

.igift-pip-btn--icon-emphasised-inverse, .igift-pip-btn--icon-primary-inverse, .igift-pip-btn--primary-inverse, .igift-pip-btn--emphasised-inverse { color: rgb(var(--colour-static-black, 17, 17, 17)); text-decoration: none; }

.igift-pip-btn--icon-emphasised-inverse:hover, .igift-pip-btn--icon-emphasised-inverse:active, .igift-pip-btn--icon-emphasised-inverse:focus, .igift-pip-btn--icon-primary-inverse:hover, .igift-pip-btn--icon-primary-inverse:active, .igift-pip-btn--icon-primary-inverse:focus, .igift-pip-btn--primary-inverse:hover, .igift-pip-btn--primary-inverse:active, .igift-pip-btn--primary-inverse:focus, .igift-pip-btn--emphasised-inverse:hover, .igift-pip-btn--emphasised-inverse:active, .igift-pip-btn--emphasised-inverse:focus { color: rgb(var(--colour-static-black, 17, 17, 17)); }

.igift-pip-btn--icon-primary, .igift-pip-btn--primary { color: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); text-decoration: none; }

.igift-pip-btn--icon-primary:hover, .igift-pip-btn--icon-primary:active, .igift-pip-btn--icon-primary:focus, .igift-pip-btn--primary:hover, .igift-pip-btn--primary:active, .igift-pip-btn--primary:focus { color: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); }

.igift-pip-btn--icon-emphasised, .igift-pip-btn--icon-secondary-inverse, .igift-pip-btn--icon-image-overlay, .igift-pip-btn--icon-tertiary-inverse, .igift-pip-btn--danger, .igift-pip-btn--emphasised, .igift-pip-btn--secondary-inverse, .igift-pip-btn--image-overlay, .igift-pip-btn--tertiary-inverse { color: rgb(var(--colour-static-white, 255, 255, 255)); text-decoration: none; }

.igift-pip-btn--icon-emphasised:hover, .igift-pip-btn--icon-emphasised:active, .igift-pip-btn--icon-emphasised:focus, .igift-pip-btn--icon-secondary-inverse:hover, .igift-pip-btn--icon-secondary-inverse:active, .igift-pip-btn--icon-secondary-inverse:focus, .igift-pip-btn--icon-image-overlay:hover, .igift-pip-btn--icon-image-overlay:active, .igift-pip-btn--icon-image-overlay:focus, .igift-pip-btn--icon-tertiary-inverse:hover, .igift-pip-btn--icon-tertiary-inverse:active, .igift-pip-btn--icon-tertiary-inverse:focus, .igift-pip-btn--danger:hover, .igift-pip-btn--danger:active, .igift-pip-btn--danger:focus, .igift-pip-btn--emphasised:hover, .igift-pip-btn--emphasised:active, .igift-pip-btn--emphasised:focus, .igift-pip-btn--secondary-inverse:hover, .igift-pip-btn--secondary-inverse:active, .igift-pip-btn--secondary-inverse:focus, .igift-pip-btn--image-overlay:hover, .igift-pip-btn--image-overlay:active, .igift-pip-btn--image-overlay:focus, .igift-pip-btn--tertiary-inverse:hover, .igift-pip-btn--tertiary-inverse:active, .igift-pip-btn--tertiary-inverse:focus { color: rgb(var(--colour-static-white, 255, 255, 255)); }

.igift-pip-btn--icon-emphasised-inverse:disabled .igift-pip-btn__inner, .igift-pip-btn--icon-primary-inverse:disabled .igift-pip-btn__inner, .igift-pip-btn--icon-secondary-inverse:disabled .igift-pip-btn__inner, .igift-pip-btn--emphasised-inverse:disabled .igift-pip-btn__inner, .igift-pip-btn--primary-inverse:disabled .igift-pip-btn__inner, .igift-pip-btn--secondary-inverse:disabled .igift-pip-btn__inner { background: rgba(var(--colour-static-white, 255, 255, 255),.15); }

.igift-pip-btn--icon-secondary:disabled .igift-pip-btn__inner, .igift-pip-btn--secondary:disabled .igift-pip-btn__inner, .igift-pip-btn--secondary-inverse:disabled .igift-pip-btn__inner, .igift-pip-btn--icon-secondary-inverse:disabled .igift-pip-btn__inner { box-shadow: none; border-color: transparent; }

.igift-pip-btn--icon-image-overlay:disabled, .igift-pip-btn--image-overlay:disabled, .igift-pip-btn--icon-emphasised:disabled, .igift-pip-btn--emphasised:disabled, .igift-pip-btn--icon-primary:disabled, .igift-pip-btn--primary:disabled, .igift-pip-btn--danger:disabled, .igift-pip-btn--secondary:disabled, .igift-pip-btn--icon-secondary:disabled { color: rgb(var(--colour-interactive-disabled-2, 146, 146, 146)); }

.igift-pip-btn--icon-image-overlay:disabled .igift-pip-btn__inner, .igift-pip-btn--image-overlay:disabled .igift-pip-btn__inner, .igift-pip-btn--icon-emphasised:disabled .igift-pip-btn__inner, .igift-pip-btn--emphasised:disabled .igift-pip-btn__inner, .igift-pip-btn--icon-primary:disabled .igift-pip-btn__inner, .igift-pip-btn--primary:disabled .igift-pip-btn__inner, .igift-pip-btn--danger:disabled .igift-pip-btn__inner, .igift-pip-btn--secondary:disabled .igift-pip-btn__inner, .igift-pip-btn--icon-secondary:disabled .igift-pip-btn__inner { background: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.igift-pip-btn--tertiary:disabled .igift-pip-btn__inner, .igift-pip-btn--icon-tertiary:disabled .igift-pip-btn__inner, .igift-pip-btn--tertiary-inverse:disabled .igift-pip-btn__inner, .igift-pip-btn--icon-tertiary-inverse:disabled .igift-pip-btn__inner { background: transparent; }

.igift-pip-btn--tertiary:disabled, .igift-pip-btn--icon-tertiary:disabled { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

.igift-pip-btn--tertiary-inverse:disabled, .igift-pip-btn--icon-tertiary-inverse:disabled, .igift-pip-btn--icon-secondary-inverse:disabled, .igift-pip-btn--secondary-inverse:disabled, .igift-pip-btn--icon-emphasised-inverse:disabled, .igift-pip-btn--emphasised-inverse:disabled, .igift-pip-btn--icon-primary-inverse:disabled, .igift-pip-btn--primary-inverse:disabled { color: rgba(var(--colour-static-white, 255, 255, 255),.15); }

.igift-pip-btn .igift-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 igift-pip-btn-loader; opacity: 0; visibility: hidden; text-indent: -9999px; overflow: hidden; transition-property: opacity, transform; transition-duration: 0.25s; transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); }

@keyframes igift-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); }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.wrapper-class .igift-pip-link { margin-bottom: 0px; text-decoration: underline; }

.wrapper-class .igift-pip-link .igift-pip-svg-icon { vertical-align: middle; }

.wrapper-class .igift-pip-link:hover, .wrapper-class .igift-pip-link:focus, .wrapper-class .igift-pip-link:active { text-decoration: underline; }

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

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

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

:root { --ikea-font: "Noto IKEA", "Noto Sans", "Roboto", "Open Sans", system-ui, sans-serif !important; }

body { font-family: var(--ikea-font); }

.igift-pip-gift-registry-section { padding: 0.5rem 0px; }

.igift-pip-gift-registry-section-container { margin: 0.5rem 0px; }

.igift-pip-gift-registry-section-container-header { display: flex; margin: 0.5rem 0px; justify-content: space-between; align-items: center; }

.igift-pip-gift-registry-section-container-header-title { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 0.875rem; line-height: 1.571; font-weight: 700; }