@charset "utf-8";

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

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

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

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

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

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

.ca-habitat-for-humanity-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; }

.ca-habitat-for-humanity-btn:hover, .ca-habitat-for-humanity-btn:active, .ca-habitat-for-humanity-btn:focus { text-decoration: none; }

.ca-habitat-for-humanity-btn .ca-habitat-for-humanity-svg-icon { flex-shrink: 0; }

.ca-habitat-for-humanity-btn:disabled { cursor: default; }

.ca-habitat-for-humanity-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; }

.ca-habitat-for-humanity-btn:active:not(:disabled) .ca-habitat-for-humanity-btn__inner { transform: scale(0.97); }

.ca-habitat-for-humanity-leading-icon .ca-habitat-for-humanity-btn__inner { padding-inline-start: 1.5rem; }

.ca-habitat-for-humanity-trailing-icon .ca-habitat-for-humanity-btn__inner { flex-direction: row-reverse; padding-inline-end: 1.5rem; }

@media (forced-colors: active) {
  .ca-habitat-for-humanity-btn__inner { border: 1px solid transparent; }
  .ca-habitat-for-humanity-btn:disabled .ca-habitat-for-humanity-btn__inner { color: graytext; border-color: graytext; }
}

.ca-habitat-for-humanity-btn--icon-primary .ca-habitat-for-humanity-btn__inner, .ca-habitat-for-humanity-btn--primary .ca-habitat-for-humanity-btn__inner { background: rgb(var(--colour-interactive-primary-bg-default, 17, 17, 17)); }

.ca-habitat-for-humanity-btn--icon-primary:hover .ca-habitat-for-humanity-btn__inner, .ca-habitat-for-humanity-btn--primary:hover .ca-habitat-for-humanity-btn__inner { background: rgb(var(--colour-interactive-primary-bg-hover, 51, 51, 51)); }

.ca-habitat-for-humanity-btn--icon-primary:active .ca-habitat-for-humanity-btn__inner, .ca-habitat-for-humanity-btn--primary:active .ca-habitat-for-humanity-btn__inner { background: rgb(var(--colour-interactive-primary-bg-pressed, 0, 0, 0)); }

.ca-habitat-for-humanity-btn--icon-emphasised .ca-habitat-for-humanity-btn__inner, .ca-habitat-for-humanity-btn--emphasised .ca-habitat-for-humanity-btn__inner { background: rgb(var(--colour-interactive-emphasised-bg-default, 0, 88, 163)); }

.ca-habitat-for-humanity-btn--icon-emphasised:hover .ca-habitat-for-humanity-btn__inner, .ca-habitat-for-humanity-btn--emphasised:hover .ca-habitat-for-humanity-btn__inner { background: rgb(var(--colour-interactive-emphasised-bg-hover, 0, 79, 147)); }

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

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

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

.ca-habitat-for-humanity-btn--icon-secondary:active .ca-habitat-for-humanity-btn__inner, .ca-habitat-for-humanity-btn--secondary:active .ca-habitat-for-humanity-btn__inner { background: rgba(var(--colour-interactive-secondary-bg-pressed, 204, 204, 204),.5); }

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

.ca-habitat-for-humanity-btn--icon-secondary-inverse:hover .ca-habitat-for-humanity-btn__inner, .ca-habitat-for-humanity-btn--icon-secondary-inverse:active .ca-habitat-for-humanity-btn__inner, .ca-habitat-for-humanity-btn--secondary-inverse:hover .ca-habitat-for-humanity-btn__inner, .ca-habitat-for-humanity-btn--secondary-inverse:active .ca-habitat-for-humanity-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); }

.ca-habitat-for-humanity-btn--icon-emphasised-inverse .ca-habitat-for-humanity-btn__inner, .ca-habitat-for-humanity-btn--icon-primary-inverse .ca-habitat-for-humanity-btn__inner, .ca-habitat-for-humanity-btn--primary-inverse .ca-habitat-for-humanity-btn__inner, .ca-habitat-for-humanity-btn--emphasised-inverse .ca-habitat-for-humanity-btn__inner { background: rgb(var(--colour-static-white, 255, 255, 255)); }

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

.ca-habitat-for-humanity-btn--icon-emphasised-inverse:active .ca-habitat-for-humanity-btn__inner, .ca-habitat-for-humanity-btn--icon-primary-inverse:active .ca-habitat-for-humanity-btn__inner, .ca-habitat-for-humanity-btn--primary-inverse:active .ca-habitat-for-humanity-btn__inner, .ca-habitat-for-humanity-btn--emphasised-inverse:active .ca-habitat-for-humanity-btn__inner { background: rgb(var(--colour-static-grey, 223, 223, 223)); }

.ca-habitat-for-humanity-btn--danger .ca-habitat-for-humanity-btn__inner { background: rgb(var(--colour-interactive-destructive-bg-default, 224, 7, 81)); }

.ca-habitat-for-humanity-btn--danger:hover .ca-habitat-for-humanity-btn__inner { background: rgb(var(--colour-interactive-destructive-bg-hover, 204, 0, 61)); }

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

.ca-habitat-for-humanity-btn--icon-tertiary:hover .ca-habitat-for-humanity-btn__inner, .ca-habitat-for-humanity-btn--tertiary:hover .ca-habitat-for-humanity-btn__inner { background: rgb(var(--colour-interactive-secondary-bg-hover, 223, 223, 223)); }

.ca-habitat-for-humanity-btn--icon-tertiary:active .ca-habitat-for-humanity-btn__inner, .ca-habitat-for-humanity-btn--tertiary:active .ca-habitat-for-humanity-btn__inner { background: rgb(var(--colour-interactive-secondary-bg-pressed, 204, 204, 204)); }

.ca-habitat-for-humanity-btn--icon-tertiary-inverse:hover .ca-habitat-for-humanity-btn__inner, .ca-habitat-for-humanity-btn--tertiary-inverse:hover .ca-habitat-for-humanity-btn__inner { background: rgba(var(--colour-static-white, 255, 255, 255),.15); }

.ca-habitat-for-humanity-btn--icon-tertiary-inverse:active .ca-habitat-for-humanity-btn__inner, .ca-habitat-for-humanity-btn--tertiary-inverse:active .ca-habitat-for-humanity-btn__inner { background: rgba(var(--colour-static-white, 255, 255, 255),.3); }

.ca-habitat-for-humanity-btn--icon-image-overlay, .ca-habitat-for-humanity-btn--image-overlay { color: rgb(var(--colour-static-white, 255, 255, 255)); text-decoration: none; }

.ca-habitat-for-humanity-btn--icon-image-overlay .ca-habitat-for-humanity-btn__inner, .ca-habitat-for-humanity-btn--image-overlay .ca-habitat-for-humanity-btn__inner { background: rgba(var(--colour-static-black, 17, 17, 17),.75); }

.ca-habitat-for-humanity-btn--icon-image-overlay:hover .ca-habitat-for-humanity-btn__inner, .ca-habitat-for-humanity-btn--image-overlay:hover .ca-habitat-for-humanity-btn__inner { background: rgba(var(--colour-static-black, 17, 17, 17),.85); }

.ca-habitat-for-humanity-btn--icon-image-overlay:active .ca-habitat-for-humanity-btn__inner, .ca-habitat-for-humanity-btn--image-overlay:active .ca-habitat-for-humanity-btn__inner { background: rgba(var(--colour-static-black, 17, 17, 17),.95); }

.ca-habitat-for-humanity-btn--icon-image-overlay:hover, .ca-habitat-for-humanity-btn--icon-image-overlay:active, .ca-habitat-for-humanity-btn--icon-image-overlay:focus, .ca-habitat-for-humanity-btn--image-overlay:hover, .ca-habitat-for-humanity-btn--image-overlay:active, .ca-habitat-for-humanity-btn--image-overlay:focus { color: rgb(var(--colour-static-white, 255, 255, 255)); }

.ca-habitat-for-humanity-btn--icon-secondary, .ca-habitat-for-humanity-btn--secondary, .ca-habitat-for-humanity-btn--icon-tertiary, .ca-habitat-for-humanity-btn--tertiary { color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); text-decoration: none; }

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

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

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

.ca-habitat-for-humanity-btn--icon-primary, .ca-habitat-for-humanity-btn--primary { color: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); text-decoration: none; }

.ca-habitat-for-humanity-btn--icon-primary:hover, .ca-habitat-for-humanity-btn--icon-primary:active, .ca-habitat-for-humanity-btn--icon-primary:focus, .ca-habitat-for-humanity-btn--primary:hover, .ca-habitat-for-humanity-btn--primary:active, .ca-habitat-for-humanity-btn--primary:focus { color: rgb(var(--colour-text-and-icon-5, 255, 255, 255)); }

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

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

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

.ca-habitat-for-humanity-btn--icon-secondary:disabled .ca-habitat-for-humanity-btn__inner, .ca-habitat-for-humanity-btn--secondary:disabled .ca-habitat-for-humanity-btn__inner, .ca-habitat-for-humanity-btn--secondary-inverse:disabled .ca-habitat-for-humanity-btn__inner, .ca-habitat-for-humanity-btn--icon-secondary-inverse:disabled .ca-habitat-for-humanity-btn__inner { box-shadow: none; border-color: transparent; }

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

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

.ca-habitat-for-humanity-btn--tertiary:disabled .ca-habitat-for-humanity-btn__inner, .ca-habitat-for-humanity-btn--icon-tertiary:disabled .ca-habitat-for-humanity-btn__inner, .ca-habitat-for-humanity-btn--tertiary-inverse:disabled .ca-habitat-for-humanity-btn__inner, .ca-habitat-for-humanity-btn--icon-tertiary-inverse:disabled .ca-habitat-for-humanity-btn__inner { background: transparent; }

.ca-habitat-for-humanity-btn--tertiary:disabled, .ca-habitat-for-humanity-btn--icon-tertiary:disabled { color: rgb(var(--colour-interactive-disabled-1, 204, 204, 204)); }

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

.ca-habitat-for-humanity-btn .ca-habitat-for-humanity-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 ca-habitat-for-humanity-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 ca-habitat-for-humanity-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); }
}

.ca-habitat-for-humanity-btn--loading { pointer-events: none; }

.ca-habitat-for-humanity-btn--loading .ca-habitat-for-humanity-btn__loader { opacity: 1; visibility: visible; }

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

.ca-habitat-for-humanity-btn--xsmall { font-size: 0.75rem; line-height: 1.33333; }

.ca-habitat-for-humanity-btn--xsmall .ca-habitat-for-humanity-btn__inner { min-height: 2rem; padding: 0px 1rem; }

.ca-habitat-for-humanity-btn--xsmall .ca-habitat-for-humanity-btn__inner::after { content: ""; position: absolute; inset: -0.375rem; }

.ca-habitat-for-humanity-btn--xsmall.ca-habitat-for-humanity-leading-icon .ca-habitat-for-humanity-btn__inner { padding-inline-start: 0.75rem; }

.ca-habitat-for-humanity-btn--xsmall.ca-habitat-for-humanity-trailing-icon .ca-habitat-for-humanity-btn__inner { padding-inline-end: 0.75rem; }

.ca-habitat-for-humanity-btn--xsmall.ca-habitat-for-humanity-leading-icon .ca-habitat-for-humanity-svg-icon { margin-inline-end: 0.25rem; }

.ca-habitat-for-humanity-btn--xsmall.ca-habitat-for-humanity-trailing-icon .ca-habitat-for-humanity-svg-icon { margin-inline-start: 0.25rem; }

.ca-habitat-for-humanity-btn--small { font-size: 0.75rem; line-height: 1.33333; }

.ca-habitat-for-humanity-btn--small .ca-habitat-for-humanity-btn__inner { min-height: 2.5rem; padding: 0px 1.5rem; }

.ca-habitat-for-humanity-btn--small .ca-habitat-for-humanity-btn__inner::after { content: ""; position: absolute; inset: -0.125rem; }

.ca-habitat-for-humanity-btn--small.ca-habitat-for-humanity-leading-icon .ca-habitat-for-humanity-btn__inner { padding-inline-start: 1rem; }

.ca-habitat-for-humanity-btn--small.ca-habitat-for-humanity-trailing-icon .ca-habitat-for-humanity-btn__inner { padding-inline-end: 1rem; }

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

.ca-habitat-for-humanity-btn--expanding.ca-habitat-for-humanity-btn--small .ca-habitat-for-humanity-btn__inner { padding: 0px 0.5rem; }

.ca-habitat-for-humanity-btn--expanding.ca-habitat-for-humanity-btn--xsmall .ca-habitat-for-humanity-btn__icon { margin: 0px; }

.ca-habitat-for-humanity-btn--expanding.ca-habitat-for-humanity-btn--xsmall .ca-habitat-for-humanity-btn__inner { padding: 0px 0.25rem; min-height: 2rem; }

.ca-habitat-for-humanity-btn--expanding.ca-habitat-for-humanity-btn--xsmall .ca-habitat-for-humanity-btn__inner::after { content: ""; position: absolute; inset: -0.375rem; }

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

.ca-habitat-for-humanity-btn--expanding .ca-habitat-for-humanity-btn__inner .ca-habitat-for-humanity-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; }

.ca-habitat-for-humanity-btn--expanding:hover .ca-habitat-for-humanity-btn__inner .ca-habitat-for-humanity-btn__label, .ca-habitat-for-humanity-btn--expanding:focus.focus-visible .ca-habitat-for-humanity-btn__inner .ca-habitat-for-humanity-btn__label { max-width: 12.5rem; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ca-habitat-for-humanity-btn--fluid, .ca-habitat-for-humanity-btn--fluid .ca-habitat-for-humanity-btn__inner { width: 100%; }

.ca-habitat-for-humanity-btn--plain.ca-habitat-for-humanity-btn--small .ca-habitat-for-humanity-btn__inner::after, .ca-habitat-for-humanity-btn--plain .ca-habitat-for-humanity-btn__inner::after { content: ""; position: absolute; inset: -0.25rem; }

.ca-habitat-for-humanity-btn--plain.ca-habitat-for-humanity-btn--small .ca-habitat-for-humanity-btn__inner, .ca-habitat-for-humanity-btn--plain .ca-habitat-for-humanity-btn__inner, .ca-habitat-for-humanity-btn--plain.ca-habitat-for-humanity-leading-icon .ca-habitat-for-humanity-btn__inner, .ca-habitat-for-humanity-btn--plain.ca-habitat-for-humanity-trailing-icon .ca-habitat-for-humanity-btn__inner { padding: 0px; }

.ca-habitat-for-humanity-btn .ca-habitat-for-humanity-svg-icon, .ca-habitat-for-humanity-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); }

.ca-habitat-for-humanity-btn:focus.focus-visible, .ca-habitat-for-humanity-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; }

.ca-habitat-for-humanity-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; }

.ca-habitat-for-humanity-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; }

.ca-habitat-for-humanity-leading-icon .ca-habitat-for-humanity-svg-icon { margin-inline-end: 0.5rem; vertical-align: top; }

.ca-habitat-for-humanity-leading-icon .ca-habitat-for-humanity-svg-icon--100 { margin-inline-end: 0.25rem; }

.ca-habitat-for-humanity-trailing-icon .ca-habitat-for-humanity-svg-icon { margin-inline-start: 0.5rem; vertical-align: top; }

.ca-habitat-for-humanity-trailing-icon .ca-habitat-for-humanity-svg-icon--100 { margin-inline-start: 0.25rem; }

.ca-habitat-for-humanity-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) {
  .ca-habitat-for-humanity-svg-icon { transition-property: none; }
}

@keyframes ca-habitat-for-humanity-icon-rotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}

.ca-habitat-for-humanity-svg-icon--rotate { animation: 1.5s linear 0s infinite normal none running ca-habitat-for-humanity-icon-rotate; }

.ca-habitat-for-humanity-svg-icon--rotate-45 { transform: rotate(45deg); }

.ca-habitat-for-humanity-svg-icon--rotate-minus-45 { transform: rotate(-45deg); }

.ca-habitat-for-humanity-svg-icon--rotate-135 { transform: rotate(135deg); }

.ca-habitat-for-humanity-svg-icon--rotate-minus-135 { transform: rotate(-135deg); }

.ca-habitat-for-humanity-svg-icon--rotate-180 { transform: rotate(180deg); }

.ca-habitat-for-humanity-svg-icon--rotate-minus-180 { transform: rotate(-180deg); }

.ca-habitat-for-humanity-list-view { padding: 0px; margin: 0px; }

.ca-habitat-for-humanity-list-view--small .ca-habitat-for-humanity-list-view-item__action, .ca-habitat-for-humanity-list-view--small .ca-habitat-for-humanity-list-view-item__default { min-height: 3rem; padding-block: 0.5rem; }

.ca-habitat-for-humanity-list-view--medium .ca-habitat-for-humanity-list-view-item__action, .ca-habitat-for-humanity-list-view--medium .ca-habitat-for-humanity-list-view-item__default { min-height: 4.5rem; padding-block: 0.75rem; }

.ca-habitat-for-humanity-list-view--large .ca-habitat-for-humanity-list-view-item__action, .ca-habitat-for-humanity-list-view--large .ca-habitat-for-humanity-list-view-item__default { min-height: 5.5rem; padding-block: 1.25rem; }

button.ca-habitat-for-humanity-list-view-item__action:hover .ca-habitat-for-humanity-list-view-item__title, a.ca-habitat-for-humanity-list-view-item__action:hover .ca-habitat-for-humanity-list-view-item__title { text-decoration: underline; }

.ca-habitat-for-humanity-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; }

.ca-habitat-for-humanity-list-view-item__no-divider { border-bottom: none; }

.ca-habitat-for-humanity-list-view-item__action, .ca-habitat-for-humanity-list-view-item__default { width: 100%; display: flex; justify-content: space-between; align-items: center; background-color: transparent; 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; }

.ca-habitat-for-humanity-list-view-item__action:not(:disabled) { cursor: pointer; }

.ca-habitat-for-humanity-list-view-item__wrapper { display: flex; flex-grow: 1; align-items: center; }

.ca-habitat-for-humanity-list-view-item__label-container { flex-grow: 1; padding-inline-end: 1rem; }

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

.ca-habitat-for-humanity-list-view-item__icon-top { align-self: flex-start; }

.ca-habitat-for-humanity-list-view-item__payment-logo { margin-inline-end: 1rem; flex-shrink: 0; }

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

.ca-habitat-for-humanity-list-view-item__description { display: block; color: rgb(var(--colour-text-and-icon-2, 72, 72, 72)); font-size: 0.875rem; line-height: 1.57143; }

.ca-habitat-for-humanity-list-view-item__title { display: block; color: rgb(var(--colour-text-and-icon-1, 17, 17, 17)); font-size: 0.875rem; line-height: 1.571; font-weight: 400; }

.ca-habitat-for-humanity-list-view-item__title--emphasised { font-weight: 700; }

.ca-habitat-for-humanity-list-view-item__quantity-label { padding-inline-end: 0px; color: rgb(var(--colour-text-and-icon-3, 118, 118, 118)); font-size: 0.875rem; line-height: 1.57143; }

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

.ca-habitat-for-humanity-list-view-item__addon { margin-block-start: 0.25rem; display: block; font-size: 0.875rem; }

.ca-habitat-for-humanity-list-view-item:hover .ca-habitat-for-humanity-list-view-item__label { text-decoration: underline; }

.ca-habitat-for-humanity-list-view-item__inset { padding-inline: 1.5rem; }

.ca-habitat-for-humanity-list-view-item__avatar { margin-inline-end: 1rem; }

.ca-habitat-for-humanity-list-view-item--disabled { pointer-events: none; }

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

.ca-habitat-for-humanity-list-view-item--disabled .ca-habitat-for-humanity-avatar__image, .ca-habitat-for-humanity-list-view-item--disabled .ca-habitat-for-humanity-list-view-item__image { opacity: 0.2; }

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

.ca-habitat-for-humanity-list-view-item--disabled .ca-habitat-for-humanity-list-view-item__payment-logo { opacity: 0.4; }

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

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

@keyframes ca-habitat-for-humanity-modalSlideToLeft { 
  0% { transform: translate(100%); }
  100% { transform: translate(0px); }
}

@keyframes ca-habitat-for-humanity-modalSlideToRight { 
  0% { transform: translate(0px); }
  100% { transform: translate(100%); }
}

@keyframes ca-habitat-for-humanity-modalSlideFromLeft { 
  0% { transform: translate(-100%); }
  100% { transform: translate(0px); }
}

@keyframes ca-habitat-for-humanity-modalSlideFromRight { 
  0% { transform: translate(0px); }
  100% { transform: translate(-100%); }
}

@keyframes ca-habitat-for-humanity-modalSlideDown { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(100%); }
}

@keyframes ca-habitat-for-humanity-modalSlideUp { 
  0% { transform: translateY(100%); }
  100% { transform: translateY(0px); }
}

@keyframes ca-habitat-for-humanity-modalEnter { 
  0% { clip-path: inset(50%); }
  100% { clip-path: inset(0%); }
}

@keyframes ca-habitat-for-humanity-modalClose { 
  0% { clip-path: inset(0%); }
  100% { clip-path: inset(50%); }
}

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

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

@keyframes ca-habitat-for-humanity-modalBackdropEnter { 
  0% { visibility: hidden; }
  1% { visibility: visible; }
}

@keyframes ca-habitat-for-humanity-modalBackdropClose { 
  0%, 99% { visibility: visible; }
  100% { visibility: hidden; }
}

.ca-habitat-for-humanity-prevent-scroll-y { overflow: hidden; position: fixed; width: 100%; }

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

.ca-habitat-for-humanity-modal-wrapper__backdrop { position: absolute; inset: 0px; opacity: 0; transition: opacity 0.2s cubic-bezier(0, 0, 1, 1); pointer-events: none; visibility: hidden; }

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

.ca-habitat-for-humanity-modal-wrapper--open { visibility: visible; pointer-events: all; }

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

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

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

.ca-habitat-for-humanity-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; }

.ca-habitat-for-humanity-modal-footer .ca-habitat-for-humanity-btn { flex-grow: 1; width: 100%; flex-basis: auto; }

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

.ca-habitat-for-humanity-modal-footer--dual-action { flex-direction: column; }

.ca-habitat-for-humanity-modal-footer--borderless { border-top: none; }

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

.ca-habitat-for-humanity-sheets--enter { animation: 0.2s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running ca-habitat-for-humanity-modalSlideUp; }

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

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

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

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

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

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

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

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

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

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

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

.ca-habitat-for-humanity-sheets__content { height: 100%; }

.ca-habitat-for-humanity-sheets__content-wrapper { overflow: auto; height: 100%; position: relative; }

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

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

.ca-habitat-for-humanity-sheets__video iframe { max-width: 100%; }

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

.ca-habitat-for-humanity-sheets--preserve-alignment.ca-habitat-for-humanity-sheets--mirrored { right: auto; left: 0px; border-radius: 0px 8px 8px 0px; }

.ca-habitat-for-humanity-sheets--mobile-full-size { top: 3rem; }

.ca-habitat-for-humanity-sheets .ca-habitat-for-humanity-modal-footer { padding: 1.5rem 1rem; }

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

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

.ca-habitat-for-humanity-modal-header { 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; }

.ca-habitat-for-humanity-modal-header--floating-header { position: absolute; width: 100%; background-color: transparent; }

.ca-habitat-for-humanity-modal-header--floating-header .ca-habitat-for-humanity-modal-header__close, .ca-habitat-for-humanity-modal-header--floating-header .ca-habitat-for-humanity-modal-header__back-button { margin: 1rem 0px 0px; }

.ca-habitat-for-humanity-modal-header__title-wrapper { width: 100%; text-align: center; margin: 1rem 0.5rem; }

.ca-habitat-for-humanity-modal-header__title-wrapper--padded { margin-inline-start: 3rem; }

.ca-habitat-for-humanity-modal-header__close, .ca-habitat-for-humanity-modal-header__back-button { margin-top: 0.5rem; margin-bottom: 0.5rem; }

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

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

.ca-habitat-for-humanity-modal-header .ca-habitat-for-humanity-modal-header__title-wrapper > * { font-size: 1rem; line-height: 1.5; }

.ca-habitat-for-humanity-modal-body { padding: var(--skapa-modal-body-padding-block, 1.5rem) var(--skapa-modal-body-padding-inline, 1.5rem); }

@media (min-width: 37.5em) {
  .ca-habitat-for-humanity-sheets { top: 0px; border-radius: 8px 0px 0px 8px; width: calc(100% - 3rem); max-height: 100%; }
  .ca-habitat-for-humanity-sheets--mirrored { right: auto; left: 0px; border-radius: 0px 8px 8px 0px; }
  .ca-habitat-for-humanity-sheets--mirrored .ca-habitat-for-humanity-modal-footer:not(.ca-habitat-for-humanity-modal-footer--stacked) { flex-direction: row-reverse; }
  .ca-habitat-for-humanity-sheets--mirrored .ca-habitat-for-humanity-modal-footer:not(.ca-habitat-for-humanity-modal-footer--stacked) .ca-habitat-for-humanity-btn:not(:last-child) { margin: 0px; margin-inline-start: 1rem; }
  .ca-habitat-for-humanity-sheets--small { max-width: 30rem; }
  .ca-habitat-for-humanity-sheets--small .ca-habitat-for-humanity-modal-body { --skapa-modal-body-padding-inline: 1.5rem; }
  .ca-habitat-for-humanity-sheets--medium { max-width: 45rem; }
  .ca-habitat-for-humanity-sheets--medium .ca-habitat-for-humanity-modal-footer:not(.ca-habitat-for-humanity-modal-footer--dual-action) .ca-habitat-for-humanity-btn { width: auto; flex: initial; }
  .ca-habitat-for-humanity-sheets--large { max-width: 67.5rem; }
  .ca-habitat-for-humanity-sheets--medium .ca-habitat-for-humanity-modal-footer--dual-action .ca-habitat-for-humanity-btn:not(:last-child), .ca-habitat-for-humanity-sheets--large .ca-habitat-for-humanity-modal-footer--dual-action .ca-habitat-for-humanity-btn:not(:last-child) { margin-inline-end: 1rem; }
  .ca-habitat-for-humanity-sheets--large .ca-habitat-for-humanity-modal-footer .ca-habitat-for-humanity-btn { width: auto; flex: initial; }
  .ca-habitat-for-humanity-sheets .ca-habitat-for-humanity-modal-footer { padding: 1.5rem; }
  [dir="rtl"] .ca-habitat-for-humanity-sheets { right: auto; left: 0px; border-radius: 0px 8px 8px 0px; }
  [dir="rtl"] .ca-habitat-for-humanity-sheets--mirrored { right: 0px; left: auto; border-radius: 8px 0px 0px 8px; }
  .ca-habitat-for-humanity-sheets.ca-habitat-for-humanity-sheets--enter { animation: 0.2s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running ca-habitat-for-humanity-modalSlideToLeft; }
  .ca-habitat-for-humanity-sheets.ca-habitat-for-humanity-sheets--close { animation: 0.1s cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running ca-habitat-for-humanity-modalSlideToRight; }
  .ca-habitat-for-humanity-sheets--mirrored.ca-habitat-for-humanity-sheets--enter { animation: 0.2s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running ca-habitat-for-humanity-modalSlideFromLeft; }
  .ca-habitat-for-humanity-sheets--mirrored.ca-habitat-for-humanity-sheets--close { animation: 0.1s cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running ca-habitat-for-humanity-modalSlideFromRight; }
  [dir="rtl"] .ca-habitat-for-humanity-sheets.ca-habitat-for-humanity-sheets--enter { animation: 0.2s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running ca-habitat-for-humanity-modalSlideFromLeft; }
  [dir="rtl"] .ca-habitat-for-humanity-sheets.ca-habitat-for-humanity-sheets--close { animation: 0.1s cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running ca-habitat-for-humanity-modalSlideFromRight; }
  [dir="rtl"] .ca-habitat-for-humanity-sheets--mirrored.ca-habitat-for-humanity-sheets--enter { animation: 0.2s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal none running ca-habitat-for-humanity-modalSlideToLeft; }
  [dir="rtl"] .ca-habitat-for-humanity-sheets--mirrored.ca-habitat-for-humanity-sheets--close { animation: 0.1s cubic-bezier(0.9, 0, 1, 1) 0s 1 normal forwards running ca-habitat-for-humanity-modalSlideToRight; }
  .ca-habitat-for-humanity-modal-body { --skapa-modal-body-padding-block: 2rem; --skapa-modal-body-padding-inline: 2rem; }
  .ca-habitat-for-humanity-modal-header { padding: 0px 1rem; flex: 0 0 4.5rem; }
  .ca-habitat-for-humanity-modal-header__close, .ca-habitat-for-humanity-modal-header__back-button { margin-top: 1rem; margin-bottom: 1rem; }
  .ca-habitat-for-humanity-modal-header--floating-header .ca-habitat-for-humanity-modal-header__close, .ca-habitat-for-humanity-modal-header--floating-header .ca-habitat-for-humanity-modal-header__back-button { margin: 1.5rem 0px 0.5rem; }
}

@media (min-width: 56.25em) {
  .ca-habitat-for-humanity-sheets--small .ca-habitat-for-humanity-modal-body { --skapa-modal-body-padding-inline: 2rem; }
}

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

@media (prefers-reduced-motion) {
  .ca-habitat-for-humanity-modal-wrapper { transition: none; }
  .ca-habitat-for-humanity-modal-wrapper__backdrop { animation-duration: 0s; transition: none; }
  .ca-habitat-for-humanity-modal-wrapper .ca-habitat-for-humanity-sheets.ca-habitat-for-humanity-sheets--enter, .ca-habitat-for-humanity-modal-wrapper .ca-habitat-for-humanity-sheets.ca-habitat-for-humanity-sheets--close, .ca-habitat-for-humanity-modal-wrapper .ca-habitat-for-humanity-sheets.ca-habitat-for-humanity-sheets--preserve-alignment, .ca-habitat-for-humanity-modal-wrapper .ca-habitat-for-humanity-sheets.ca-habitat-for-humanity-sheets--mirrored { animation-duration: 0s; transition-duration: 0s; }
}

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

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

.ca-habitat-for-humanity-link--disabled { cursor: default; pointer-events: none; opacity: 0.4; }

.ca-habitat-for-humanity-link--disabled:focus::before { border: 0px; }

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

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

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

.ca-habitat-for-humanity-link--black.ca-habitat-for-humanity-link--disabled:focus::before { border: 0px; }

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

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

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

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

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

.ca-habitat-for-humanity-link--grey.ca-habitat-for-humanity-link--disabled:focus::before { border: 0px; }

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

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

.ca-habitat-for-humanity-link--white { color: rgb(var(--colour-static-white, 255, 255, 255)); }

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

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

.ca-habitat-for-humanity-link--white.ca-habitat-for-humanity-link--disabled:focus::before { border: 0px; }

.ca-habitat-for-humanity-link--white.ca-habitat-for-humanity-link--disabled:hover { color: rgb(var(--colour-static-white, 255, 255, 255)); }

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

.ca-habitat-for-humanity-link--subtle { text-decoration: none; }

.ca-habitat-for-humanity-link--subtle:focus, .ca-habitat-for-humanity-link--subtle:hover, .ca-habitat-for-humanity-link--subtle:active { text-decoration: underline; }

.wrapper-class .ca-habitat-for-humanity-link { margin-bottom: 0px; text-decoration: underline; }

.wrapper-class .ca-habitat-for-humanity-link .ca-habitat-for-humanity-svg-icon { vertical-align: middle; }

.wrapper-class .ca-habitat-for-humanity-link:hover, .wrapper-class .ca-habitat-for-humanity-link:focus, .wrapper-class .ca-habitat-for-humanity-link:active { text-decoration: underline; }

.wrapper-class .ca-habitat-for-humanity-link--subtle { text-decoration: none; }

.wrapper-class .ca-habitat-for-humanity-link--subtle:focus, .wrapper-class .ca-habitat-for-humanity-link--subtle:hover, .wrapper-class .ca-habitat-for-humanity-link--subtle:active { text-decoration: underline; }

.ca-habitat-for-humanity-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; }

.ca-habitat-for-humanity-image { position: relative; display: block; max-width: 100%; height: auto; }

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

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

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

body .ca-habitat-for-humanity-pl-1 { vertical-align: sub; }

body .ca-habitat-for-humanity-modal-wrapper { z-index: 500; }

body .ca-habitat-for-humanity-modal-body-text, body .ca-habitat-for-humanity-modal-body-link { padding: 0.5em 0px; }

body .ca-habitat-for-humanity-svg-icon { display: inline-block; margin-right: 0.75em; }

body .ca-habitat-for-humanity-link { text-decoration: underline; font-weight: 400; margin-left: 1em; }

body .ca-habitat-for-humanity-svg-image { width: 10em; }

body .ca-habitat-for-humanity-light-modes { fill: currentcolor; }